index.html 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
  6. <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
  7. <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>
  8. <link rel="canonical" href="https://schtonn.github.io/">
  9. <link rel="preconnect" href="https://fonts.gstatic.com">
  10. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  11. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  12. <link rel="stylesheet" href="../css/style.css">
  13. <!-- <link rel="stylesheet" href="/css/style.css"> -->
  14. <title>schtonn</title>
  15. <style>
  16. * {
  17. transition-duration: 300ms;
  18. }
  19. /* https://i.328888.xyz/2022/12/23/Dn9eo.jpeg */
  20. .btn {
  21. text-shadow: rgb(133, 133, 130) 1px 2px 3px;
  22. transition-duration: 100ms;
  23. transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  24. }
  25. .btn:not(.btn-sm) {
  26. margin-top: 5px;
  27. }
  28. .btn:hover {
  29. text-shadow: rgb(33, 33, 30, 0.8) 3px 3px 5px;
  30. transform: rotate(2deg) translate(-2px, -4px);
  31. }
  32. #random:hover {
  33. text-shadow: -3px -3px 3px rosybrown, 3px 3px 3px royalblue, 3px -3px 5px whitesmoke, -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
  34. }
  35. #paint:hover {
  36. text-shadow: -3px -3px 3px rgb(95, 192, 150), 3px 3px 3px rgb(131, 221, 226), 3px -3px 5px rgb(151, 124, 225), -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
  37. }
  38. #chess:hover {
  39. text-shadow: rgb(13, 13, 10, 0.8) -1px -2px 3px, whitesmoke 1px 2px 3px, whitesmoke -1px 2px 3px;
  40. }
  41. #gravity:hover {
  42. text-shadow: seagreen -1px -2px 3px, grey 1px 2px 3px, whitesmoke -1px 2px 3px;
  43. }
  44. </style>
  45. </head>
  46. <body itemscope itemtype="http://schema.org/WebPage">
  47. <a class="btn btn-info" href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
  48. <div class="page-header">
  49. <h2>> 娱乐<small>(首页放不下了,根目录也太挤了)</small></h2>
  50. </div>
  51. <div>
  52. <a class="btn btn-warning" href="core/">Core</a>
  53. <div class="btn-group">
  54. <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">sans&nbsp;<span
  55. class="caret"></span></button>
  56. <ul class="dropdown-menu">
  57. <li><a href="sans/">sans</a></li>
  58. <li><a href="sans-cheat/"><span class="glyphicon glyphicon-wrench"
  59. aria-hidden="true"></span>&nbsp;&nbsp;sans</a></li>
  60. </ul>
  61. </div>
  62. <a class="btn btn-info" id="random" href="random/"><span class="glyphicon glyphicon-random"
  63. aria-hidden="true"></span>&nbsp;&nbsp;random</a>
  64. <a class="btn btn-success" id="paint" href="/paint/"><span class="glyphicon glyphicon-pencil"
  65. aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
  66. <a class="btn btn-success" id="chess" href="/chess/"><span class="glyphicon glyphicon-record"
  67. aria-hidden="true"></span>&nbsp;&nbsp;五子棋</a>
  68. <a class="btn btn-info" id="gravity" href="/gravity/"><span class="glyphicon glyphicon-magnet"
  69. aria-hidden="true"></span>&nbsp;&nbsp;引力</a>
  70. <a class="btn btn-info" id="raytrack" href="raytrace/"><span class="glyphicon glyphicon-cog"
  71. aria-hidden="true"></span>&nbsp;&nbsp;1k光追</a>
  72. <a class="btn btn-info" id="article" href="/article/"><span class="glyphicon glyphicon-book"
  73. aria-hidden="true"></span>&nbsp;&nbsp;一些好玩的文章</a>
  74. </div>
  75. </body>
  76. </html>