add stamp, move bubble

about/index.html

@@ -8,6 +8,7 @@
     <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
 &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="/css/style.css">
+    <script src="/js/cursorEffects.js"></script>
     <script>
         var a = "?????????!????!"
         function addchr(i) {
@@ -16,6 +17,10 @@
             $('#miss').html($('#miss').html() + '<span style="font-size:' + parseInt(Math.random() * 20 + 10) + 'px">' + a.slice(i - 2, i) + '</span>')
             setTimeout(function () { addchr(i + 2) }, 1000)
         }
+        $().ready(function () {
+            new cursoreffects.bubbleCursor();
+            $("[data-toggle='tooltip']").tooltip();
+        })
     </script>
     <style>
         img {
@@ -35,7 +40,8 @@
         <p>原先我只是在<a href="/blog" target="_blank">这</a>写博客，记录信息学知识点，后来把实现的几个小功能（扒来的 js
             小游戏、随机壁纸、搬运来的成绩整理）拉起来拼凑了个页面。我这人版权意识很薄弱，经常从别人手里偷代码，哪天他们会起诉我的。不过从偷的代码里面，我慢慢也学会了一些东西。
         </p>
-        <p>随着 web 技术的增进，我研究清楚了心意答的接口，用 WebSocket 实现了实时对战五子棋，又做了个可上传的在线画板（虽然没人画），建立了化学数据库，建立了邮件服务器（schtonn.top），用内网穿透打通了 Minecraft。</p>
+        <p>随着 web 技术的增进，我研究清楚了心意答的接口，用 WebSocket 实现了实时对战五子棋，又做了个可上传的在线画板（虽然没人画），建立了化学数据库，建立了邮件服务器（schtonn.top），用内网穿透打通了
+            Minecraft。</p>
         <p>具体可以看看<a href="/log" target="_blank">网站日志</a>。</p>
         <!-- <div class="page-header">
             <h2>关于我<small></small></h2>
@@ -44,6 +50,9 @@
         <p>...我目前在读实验中学，想找我玩可以来 2025 届十一班；我是信竞狗，进省队无望，自从北京今年（2022）的 NOIP
             取消后，我现在也基本想退役了。</p>
             <button class="btn btn-danger" onclick="$('#miss').html('');addchr(1);$('.btn').hide(100)" title="end"></button> -->
+        <div style="text-align:right">
+            <img src="stamp.png" style="width: 100px;">
+        </div>
     </div>
     <div class="col-md-6">
         <p>端口简图，防止我自己忘了：</p>

index.html

@@ -170,7 +170,6 @@
             top: 5px;
         }
     </style>
-    <script src="js/cursorEffects.js"></script>
     <script>
         $().ready(function () {
             $('.btn-dang').on('click', function (e) {
@@ -178,8 +177,6 @@
                 console.log(e)
             })
             if (document.domain != '43.143.233.184') $('.alert').show();
-            new cursoreffects.bubbleCursor();
-
             $("[data-toggle='tooltip']").tooltip();
         })
     </script>
@@ -198,23 +195,22 @@
             <h3>> <span class="glyphicon glyphicon-link" aria-hidden="true"></span></h3>
             <p><a class="btn btn-primary btn-lg" href="/blog">
                     <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>&nbsp;Blog</a>&nbsp;
-                <!-- <a id="about" class="btn btn-primary btn-lg" href="/about">
-                <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>&nbsp;关于</a> -->
+                <a id="about" class="btn btn-primary btn-lg" href="/about">
+                    <span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>&nbsp;关于</a>
             </p>
-
         </div>
 
         <div class="col-md-10">
             <hr>
             <h3>> 娱乐</h3>
             <div>
+                <a class="btn btn-info" href="https://太帅了.cn" data-toggle="tooltip" data-placement="top"
+                    title="中国人不懂浪漫，这么好的域名让我注册了">太帅了.cn</a>
+                <a class="btn btn-info" href="minecraft">Minecraft</a>
                 <a class="btn btn-info" id="paint" href="/paint/"><span class="glyphicon glyphicon-pencil"
                         aria-hidden="true"></span>&nbsp;&nbsp;绘画板</a>
                 <a class="btn btn-info" id="chess" href="/chess/"><span class="glyphicon glyphicon-record"
                         aria-hidden="true"></span>&nbsp;&nbsp;五子棋</a>
-                <a class="btn btn-info" href="https://太帅了.cn" data-toggle="tooltip" data-placement="top"
-                    title="中国人不懂浪漫，这么好的域名让我注册了">太帅了.cn</a>
-                <a class="btn btn-info" href="minecraft">Minecraft</a>
                 <a class="btn btn-primary" href="/fun/"><span class="glyphicon glyphicon-chevron-right"
                         aria-hidden="true"></span>&nbsp;&nbsp;更多</a>
             </div>