index.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <title>关于</title>
  4. <script type="text/javascript" src="/js/jquery.min.js"></script>
  5. <link rel="stylesheet" href="/css/bootstrap.min.css">
  6. <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  7. <link rel="preconnect" href="https://fonts.googleapis.com">
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  9. <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  10. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  11. <link rel="stylesheet" href="/css/style.css">
  12. <script src="/js/cursorEffects.js"></script>
  13. <script>
  14. var a = "?????????!????!"
  15. function addchr(i) {
  16. if (i == a.length) a += 'Do you miss me? ';
  17. console.log(i)
  18. $('#miss').html($('#miss').html() + '<span style="font-size:' + parseInt(Math.random() * 20 + 10) + 'px">' + a.slice(i - 2, i) + '</span>')
  19. setTimeout(function () { addchr(i + 2) }, 1000)
  20. }
  21. $().ready(function () {
  22. new cursoreffects.bubbleCursor();
  23. $("[data-toggle='tooltip']").tooltip();
  24. })
  25. </script>
  26. <style>
  27. img {
  28. max-width: 80%;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <button class="btn btn-info" onclick="history.back()"><span class="glyphicon glyphicon-home"></span>&nbsp;返回</button>
  34. <div class="page-header">
  35. <h2>关于此网站<small></small></h2>
  36. </div>
  37. <div class="col-md-6">
  38. <p>原先我只是在<a href="/blog" target="_blank">这</a>写博客,记录信息学知识点,后来把实现的几个小功能(扒来的 js 小游戏、随机壁纸、搬运来的成绩整理)拉起来拼凑了个页面。我这人版权意识很薄弱,经常从别人手里偷代码,哪天他们会起诉我的。不过从偷的代码里面,我慢慢也学会了一些东西。
  39. </p>
  40. <p>随着 web 技术的增进,我研究清楚了心意答的接口,用 WebSocket 实现了实时对战五子棋,又做了个可上传的在线画板(虽然没人画),建立了化学数据库,建立了邮件服务器(schtonn.top),用内网穿透打通了 Minecraft。</p>
  41. <p>具体可以看看<a href="/log" target="_blank">网站日志</a>。</p>
  42. <div style="text-align:right">
  43. <img src="stamp.png" style="width: 100px;">
  44. </div>
  45. </div>
  46. <div class="col-md-6">
  47. <p>端口简图,防止我自己忘了:</p>
  48. <img src="1.png">
  49. </div>
  50. </body>