diff --git a/public/index.html b/public/index.html
index 1a45784..bc69a77 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,128 +3,30 @@
 
 <head>
     <meta charset="utf-8">
-    <title>yude</title>
-    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
     <link rel="shortcut icon" href="assets/images/favicon.ico">
     <meta name="viewport" content="width=device-width,initial-scale=1">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css"
-        integrity="sha256-fPXvMqJjeydW056U7AUM/dp5L+sRz0xPK0Mx3p20nkI=" crossorigin="anonymous" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
-        integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
     <style>
         body {
-            font-family: "Noto Sans JP";
-            margin-top: 100px;
-            text-align: center;
-            background-color: black
+            background-color: black;
+            color: white
         }
 
         a {
-            text-decoration: none;
-            color: black
-        }
-
-        #particles-js canvas {
-            display: block;
-            vertical-align: bottom;
-            -webkit-transform: scale(1);
-            -ms-transform: scale(1);
-            transform: scale(1);
-            opacity: 1;
-            -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
-            transition: opacity .8s ease, transform 1.4s ease
-        }
-
-        #particles-js {
-            width: 100%;
-            height: 100%;
-            position: fixed;
-            z-index: -10;
-            top: 0;
-            left: 0
-        }
-
-        @keyframes r1 {
-            0% {
-                transform: rotate(0deg);
-            }
-
-            100% {
-                transform: rotate(360deg);
-            }
+            color: white
         }
     </style>
 </head>
 
 <body>
-    <div id="particles-js"></div>
-    <div class="pure-g" style="margin-bottom:100px">
-        <div class="pure-u-2-24"></div>
-        <div class="pure-g pure-u-20-24"
-            style="box-shadow:0px 0px 6px 3px #b0b0b0;border-radius:6px;background-color:white">
-            <div style="height: 10px"></div>
-            <img src="assets/images/avatar.jpg"
-                style="animation: r1 5s linear infinite;;min-width:64px;max-width:128px;border-radius: 50%;pointer-events: none;">
-            <p style="font-size: 1.5em">yude</p>
-            <p><i class="fas fa-map-marker-alt"></i>&ensp;Hiroshima, Japan</p>
-            <p style="margin-top: -1em"><i class="fas fa-birthday-cake"></i>&ensp;November 19th, 2001 <span
-                    style="display: inline-block">(18 y/o)</span></p>
-            <p style="margin-top: -1em"><i class="fas fa-school"></i>&ensp;Hiroshima City Univ.</p>
-            <div style="margin-top: 1em">
-                <div class="pure-g">
-                    <div class="pure-u-4-24"></div>
-                    <div class="pure-g pure-u-16-24">
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em; text-align:center">yude#3205</p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-twitter" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://twitter.com/yudete">@yudete</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-github" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://github.com/yudete">yudete</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-steam" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://steamcommunity.com/id/yudete">yudete</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fas fa-envelope" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="mailto:yu@yude.moe">yu@yude.moe</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-keybase" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://keybase.io/yude">yude</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-instagram" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://instagram.com/yude.moe">yude.moe</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fas fa-book" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://blog.yude.moe">yude's blog</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-twitch" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://twitch.tv/yude1119">yude1119</a></p>
-                        </div>
-                        <div class="pure-u-4-24" style="min-width: 90px">
-                            <p><i class="fab fa-youtube" style="font-size:1.5em"></i></p>
-                            <p style="margin-top: -1em"><a href="https://youtube.com/c/yudete">yudete</a></p>
-                        </div>
-                    </div>
-                    <div class="pure-u-4-24"></div>
-                </div>
-                <p><a href="misc.html">Misc</a></p>
-                <p><a href="https://discord.gg/X6srY7X">yude.moe Discord サーバー</a></p>
-            </div>
-            <div class="pure-u-2-24"></div>
-        </div>
-        <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.js"
-            integrity="sha256-icjghcPaibMf1jv4gQIGi5MeWNHem2SispcorCiCfSg=" crossorigin="anonymous"></script>
-        <script src="assets/javascript/app.js"></script>
+
+    <h1><img src="assets/images/avatar.jpg" width=50 height=50> yude.moe</h1>
+    For further information, please take a look at my <a href="https://scrapbox.io/yude">Scrapbox</a>.
+    <ul>
+        <li>Twitter: <a href="https://twitter.com/yudete">@yudete</a><br></li>
+        <li>Discord: yude#3205<br></li>
+        <li>Scrapbox: <a href="https://scrapbox.io/yude">yude</a></li>
+        <li>GitHub: <a href="https://github.com/yudete">yudete</a></li>
+    </ul>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/public/index_old.html b/public/index_old.html
new file mode 100644
index 0000000..90ad99f
--- /dev/null
+++ b/public/index_old.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <title>yude</title>
+    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
+    <link rel="shortcut icon" href="assets/images/favicon.ico">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css"
+        integrity="sha256-fPXvMqJjeydW056U7AUM/dp5L+sRz0xPK0Mx3p20nkI=" crossorigin="anonymous" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
+        integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
+    <style>
+        body {
+            font-family: "Noto Sans JP";
+            margin-top: 100px;
+            text-align: center;
+            background-color: black
+        }
+
+        a {
+            text-decoration: none;
+            color: black
+        }
+
+        #particles-js canvas {
+            display: block;
+            vertical-align: bottom;
+            -webkit-transform: scale(1);
+            -ms-transform: scale(1);
+            transform: scale(1);
+            opacity: 1;
+            -webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
+            transition: opacity .8s ease, transform 1.4s ease
+        }
+
+        #particles-js {
+            width: 100%;
+            height: 100%;
+            position: fixed;
+            z-index: -10;
+            top: 0;
+            left: 0
+        }
+
+        @keyframes r1 {
+            0% {
+                transform: rotate(0deg);
+            }
+
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div id="particles-js"></div>
+    <div class="pure-g" style="margin-bottom:100px">
+        <div class="pure-u-2-24"></div>
+        <div class="pure-g pure-u-20-24"
+            style="box-shadow:0px 0px 6px 3px #b0b0b0;border-radius:6px;background-color:white">
+            <div style="height: 10px"></div>
+            <img src="assets/images/avatar.jpg"
+                style="animation: r1 5s linear infinite;;min-width:64px;max-width:128px;border-radius: 50%;pointer-events: none;">
+            <p style="font-size: 1.5em">yude</p>
+            <p><i class="fas fa-map-marker-alt"></i>&ensp;Hiroshima, Japan</p>
+            <p style="margin-top: -1em"><i class="fas fa-birthday-cake"></i>&ensp;November 19th, 2001 <span
+                    style="display: inline-block">(18 y/o)</span></p>
+            <p style="margin-top: -1em"><i class="fas fa-school"></i>&ensp;Hiroshima City Univ.</p>
+            <div style="margin-top: 1em">
+                <div class="pure-g">
+                    <div class="pure-u-4-24"></div>
+                    <div class="pure-g pure-u-16-24">
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em; text-align:center">yude#3205</p>
+                        </div>
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fab fa-twitter" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em"><a href="https://twitter.com/yudete">@yudete</a></p>
+                        </div>
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fab fa-github" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em"><a href="https://github.com/yudete">yudete</a></p>
+                        </div>
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fas fa-envelope" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em"><a href="mailto:yu@yude.moe">yu@yude.moe</a></p>
+                        </div>
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fas fa-book" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em"><a href="https://blog.yude.moe">yude's blog</a></p>
+                        </div>
+                        <div class="pure-u-4-24" style="min-width: 90px">
+                            <p><i class="fab fa-scrapbox" style="font-size:1.5em"></i></p>
+                            <p style="margin-top: -1em"><a href="https://blog.yude.moe">yude's blog</a></p>
+                        </div>
+                    </div>
+                    <div class="pure-u-4-24"></div>
+                </div>
+                <p><a href="misc.html">Misc</a></p>
+                <p><a href="https://discord.gg/X6srY7X">yude.moe Discord サーバー</a></p>
+            </div>
+            <div class="pure-u-2-24"></div>
+        </div>
+        <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.js"
+            integrity="sha256-icjghcPaibMf1jv4gQIGi5MeWNHem2SispcorCiCfSg=" crossorigin="anonymous"></script>
+        <script src="assets/javascript/app.js"></script>
+</body>
+
+</html>
\ No newline at end of file
