index.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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" crossorigin="anonymous"></script>
  5. <link rel="stylesheet" href="/css/bootstrap.min.css" crossorigin="anonymous">
  6. <script type="text/javascript" src="/js/bootstrap.min.js" crossorigin="anonymous"></script>
  7. <link rel="preconnect" href="https://fonts.gstatic.com">
  8. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  9. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  10. <link rel="stylesheet" href="/css/style.css">
  11. <script src="/js/cursorEffects.js"></script>
  12. <script>
  13. var a = "?????????!????!"
  14. function addchr(i) {
  15. if (i == a.length) a += 'Do you miss me? ';
  16. console.log(i)
  17. $('#miss').html($('#miss').html() + '<span style="font-size:' + parseInt(Math.random() * 20 + 10) + 'px">' + a.slice(i - 2, i) + '</span>')
  18. setTimeout(function () { addchr(i + 2) }, 1000)
  19. }
  20. $().ready(function () {
  21. new cursoreffects.bubbleCursor();
  22. $("[data-toggle='tooltip']").tooltip();
  23. })
  24. </script>
  25. <style>
  26. img {
  27. max-width: 80%;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <button class="btn btn-info" onclick="history.back()"><span
  33. 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. 小游戏、随机壁纸、搬运来的成绩整理)拉起来拼凑了个页面。我这人版权意识很薄弱,经常从别人手里偷代码,哪天他们会起诉我的。不过从偷的代码里面,我慢慢也学会了一些东西。
  40. </p>
  41. <p>随着 web 技术的增进,我研究清楚了心意答的接口,用 WebSocket 实现了实时对战五子棋,又做了个可上传的在线画板(虽然没人画),建立了化学数据库,建立了邮件服务器(schtonn.top),用内网穿透打通了
  42. Minecraft。</p>
  43. <p>具体可以看看<a href="/log" target="_blank">网站日志</a>。</p>
  44. <!-- <div class="page-header">
  45. <h2>关于我<small></small></h2>
  46. </div>
  47. <p><span>我是</span><span id="miss">向量。我还能说啥。</span></p>
  48. <p>...我目前在读实验中学,想找我玩可以来 2025 届十一班;我是信竞狗,进省队无望,自从北京今年(2022)的 NOIP
  49. 取消后,我现在也基本想退役了。</p>
  50. <button class="btn btn-danger" onclick="$('#miss').html('');addchr(1);$('.btn').hide(100)" title="end"></button> -->
  51. <div style="text-align:right">
  52. <img src="stamp.png" style="width: 100px;">
  53. </div>
  54. </div>
  55. <div class="col-md-6">
  56. <p>端口简图,防止我自己忘了:</p>
  57. <img src="1.png">
  58. </div>
  59. </body>