index.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <link rel="manifest" href="/site.webmanifest">
  6. <meta name="description" content="Schtonn site">
  7. <meta property="og:type" content="website">
  8. <meta property="og:title" content="schtonn">
  9. <meta property="og:url" content="https://schtonn.github.io/index.html">
  10. <meta property="og:site_name" content="schtonn site">
  11. <meta property="og:description" content="Schtonn site">
  12. <meta property="og:locale" content="en_US">
  13. <meta property="article:author" content="Alex">
  14. <meta name="twitter:card" content="summary">
  15. <link rel="canonical" href="https://schtonn.github.io/">
  16. <!-- <link async rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  17. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
  18. <link rel="stylesheet" href="../css/bootstrap.min.css"
  19. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  20. <link rel="preconnect" href="https://fonts.gstatic.com">
  21. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  22. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  23. <link rel="stylesheet" href="css/style.css">
  24. <!-- <link rel="stylesheet" href="/css/style.css"> -->
  25. <title>schtonn</title>
  26. <style>
  27. .btn {
  28. text-shadow: rgb(133, 133, 130) 1px 2px 3px;
  29. transition-duration: 100ms;
  30. transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  31. }
  32. .btn:hover {
  33. text-shadow: rgb(33, 33, 30, 0.8) 3px 3px 5px;
  34. transform: rotate(2deg) translate(-2px, -4px);
  35. }
  36. #random:hover {
  37. text-shadow: -3px -3px 3px rosybrown, 3px 3px 3px royalblue, 3px -3px 5px whitesmoke, -3px 3px 5px whitesmoke, -3px -3px 5px yellow;
  38. }
  39. #paint:hover {
  40. 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;
  41. }
  42. #chess:hover {
  43. text-shadow: rgb(13, 13, 10, 0.8) -1px -2px 3px, whitesmoke 1px 2px 3px, whitesmoke -1px 2px 3px;
  44. }
  45. #gravity:hover {
  46. text-shadow: seagreen -1px -2px 3px, grey 1px 2px 3px, whitesmoke -1px 2px 3px;
  47. }
  48. </style>
  49. </head>
  50. <body itemscope itemtype="http://schema.org/WebPage" style="height:100vh">
  51. <script src="js/cursorEffects.js"></script>
  52. <script type="text/javascript">
  53. new cursoreffects.bubbleCursor();
  54. </script>
  55. <h1>> schtonn</h1>
  56. <h3>> <span class="glyphicon glyphicon-link" aria-hidden="true"></span></h3>
  57. <p><a class="btn btn-primary btn-lg" href="/blog" style="text-shadow: black 5px 3px 3px;">
  58. <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>&nbsp;Blog</a></p>
  59. <p><a class="btn btn-primary" href="https://schtonn.github.io/" style="text-shadow: black 3px 2px 4px;">
  60. <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>&nbsp;View on github</a>
  61. <a class="btn btn-warning" href="https://schtonn.gitee.io/"
  62. style="text-shadow: rgb(155,55,55) 3px 2px 4px;"><span class="glyphicon glyphicon-thumbs-down"
  63. aria-hidden="true"></span>&nbsp;<del>View on gitee</del>(outdated)</a>
  64. </p>
  65. <p><a class="btn btn-primary" href="https://github.com/schtonn/schtonn.github.io"
  66. style="text-shadow: black 3px 2px 4px;"><span class="glyphicon glyphicon-folder-open"
  67. aria-hidden="true"></span>&nbsp;&nbsp;Repo on github</a>
  68. <a class="btn btn-warning" href="https://gitee.com/schtonn/schtonn"
  69. style="text-shadow: rgb(155,55,55) 3px 2px 4px;"><span class="glyphicon glyphicon-folder-close"
  70. aria-hidden="true"></span>&nbsp;<del>Repo on gitee</del> (outdated)</a>
  71. </p>
  72. <h3>> 娱乐</h3>
  73. <p>
  74. <a class="btn btn-info" href="/core/">Core</a>
  75. <a class="btn btn-info" href="/sans/">sans</a>
  76. <a class="btn btn-info" href="/sans-cheat/"><span class="glyphicon glyphicon-wrench"
  77. aria-hidden="true"></span>&nbsp;&nbsp;sans</a>
  78. <a class="btn btn-info" id="random" href="/random/">random</a>
  79. <a class="btn btn-info" id="paint" href="/paint/"><span class="glyphicon glyphicon-pencil"
  80. aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
  81. <a class="btn btn-info" id="chess" href="/chess/"><span class="glyphicon glyphicon-record"
  82. aria-hidden="true"></span>&nbsp;&nbsp;五子棋</a>
  83. <a class="btn btn-info" id="gravity" href="/gravity/"><span class="glyphicon glyphicon-magnet"
  84. aria-hidden="true"></span>&nbsp;&nbsp;引力</a>
  85. </p>
  86. <h3>> 小工具</h3>
  87. <p>
  88. <a class="btn btn-danger" href="/score/" style="text-shadow: rgb(13,13,10,0.5) 3px 2px 4px;"><span
  89. class="glyphicon glyphicon-stats" aria-hidden="true"></span>&nbsp;&nbsp;成绩整理</a>
  90. <a class="btn btn-info" href="/crypty/">Crypty</a>
  91. </p>
  92. </body>
  93. </html>