index.html 5.8 KB

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