From ef93da5b957dcfd75ac6c820ee35461399b58324 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 19 Jul 2023 01:37:02 +0800
Subject: A lot prettier.

---
 docker/crupest-nginx/sites/www/index.html | 101 +++++++++++++++++-------------
 1 file changed, 56 insertions(+), 45 deletions(-)

(limited to 'docker/crupest-nginx/sites/www/index.html')

diff --git a/docker/crupest-nginx/sites/www/index.html b/docker/crupest-nginx/sites/www/index.html
index 0a7a99b..339d3c2 100644
--- a/docker/crupest-nginx/sites/www/index.html
+++ b/docker/crupest-nginx/sites/www/index.html
@@ -20,50 +20,61 @@
   </div>
   <article id="main-article">
     <h1 id="title">Hello! This is crupest.</h1>
-    <p>Welcome to my home page! I'm very glad to meet you here.</p>
-    <p>If you have something interesting to share with me, feel free to reach me via email at <a
-        href="mailto:crupest@outlook.com">crupest@outlook.com</a> or, of course, <a
-        href="mailto:I@crupest.life">I@crupest.life</a>. You can also fire an issue in
-      any repo on GitHub. Here is the link to my GitHub profile, <a
-        href="https://github.com/crupest">https://github.com/crupest</a>.</p>
-    <p>Currently this page is hosted on my own server and my own apex domain (crupest.life). You can also share this
-      website link, aka, <a href="https://crupest.life">https://crupest.life</a>.</p>
-    <p>This is just the home page. I also run some other services on my server under this domain:</p>
-    <p>Public:</p>
-    <ul>
-      <li>
-        https://crupest.life/api: Some APIs written in <a
-          href="https://learn.microsoft.com/en-us/aspnet/core/introduction-to-aspnet-core" target="_blank">ASP.NET
-          Core</a>.
-      </li>
-      <li><a href="https://blog.crupest.life" target="_blank">https://blog.crupest.life</a>: My blogs built with <a
-          href="https://gohugo.io" target="_blank">hugo</a>.</li>
-      <li><a href="https://timeline.crupest.life" target="_blank">https://timeline.crupest.life</a>: My micro-blogs with
-        my own web app <a href="https://github.com/crupest/Timeline">Timeline</a>.</li>
-      <li><a href="https://github.crupest.life" target="_blank">https://github.crupest.life</a>: Redirect to my github
-        profile, aka, <a href="https://github.com/crupest">https://github.com/crupest</a>.</li>
-    </ul>
-    <p>Private:</p>
-    <ul>
-      <li><a href="https://code.crupest.life" target="_blank">https://code.crupest.life</a>: Browser based vscode with
-        <a href="https://github.com/coder/code-server" target="_blank">code-server</a>.
-      </li>
-    </ul>
-    <p>If you wish to deploy similar services like me, you are in the right place. Take a look at <a
-        href="https://github.com/crupest/crupest" target="_blank">https://github.com/crupest/crupest</a> and there is
-      all you need to start with. Also, contact me if you run into some problem.</p>
-    <h2 id="friends">Friends of me:</h2>
-    <div id="friends-container">
-      <a class="friend-link" href="https://wsmcs.cn" target="_blank">
-        <img class="friend-img"
-          src="https://wsmcs.cn/wp-content/uploads/2023/02/BifengxiaPanda_ZH-CN8879969527_UHD-scaled.jpg">
-        <span class="friend-name">wsm</span>
-      </a>
-    </div>
-    <h2 id="todos">TODOs of me:</h2>
-    <p id="todo-message">Fetching...</p>
-    <ul id="todo-container">
-    </ul>
+    <section>
+      <p>Welcome to my home page! I'm very glad to meet you here.</p>
+      <p>If you have something interesting to share with me, feel free to reach me via email at <a
+          href="mailto:crupest@outlook.com">crupest@outlook.com</a> or, of course, <a
+          href="mailto:I@crupest.life">I@crupest.life</a>. You can also fire an issue in
+        any repo on GitHub. Here is the link to my GitHub profile, <a
+          href="https://github.com/crupest">https://github.com/crupest</a>.</p>
+      <p>Currently this page is hosted on my own server and my own apex domain (crupest.life). You can also share this
+        website link, aka, <a href="https://crupest.life">https://crupest.life</a>.</p>
+    </section>
+    <section>
+      <h2 id="todos">TODOs of me <span class="h-note">grabbed from <a
+            href="https://github.com/users/crupest/projects/2">my Github
+            project</a></span></h2>
+      <p id="todo-message">Fetching...</p>
+      <ul id="todo-container">
+      </ul>
+    </section>
+    <section>
+      <h2 id="friends">Friends of me:</h2>
+      <div id="friends-container">
+        <a class="friend-link" href="https://wsmcs.cn" target="_blank">
+          <img class="friend-img"
+            src="https://wsmcs.cn/wp-content/uploads/2023/02/BifengxiaPanda_ZH-CN8879969527_UHD-scaled.jpg">
+          <span class="friend-name">wsm</span>
+        </a>
+      </div>
+    </section>
+    <section>
+      <p>This is just the home page. I also run some other services on my server under this domain:</p>
+      <p>Public:</p>
+      <ul>
+        <li>
+          https://crupest.life/api: Some APIs written in <a
+            href="https://learn.microsoft.com/en-us/aspnet/core/introduction-to-aspnet-core" target="_blank">ASP.NET
+            Core</a>.
+        </li>
+        <li><a href="https://blog.crupest.life" target="_blank">https://blog.crupest.life</a>: My blogs built with <a
+            href="https://gohugo.io" target="_blank">hugo</a>.</li>
+        <li><a href="https://timeline.crupest.life" target="_blank">https://timeline.crupest.life</a>: My micro-blogs
+          with
+          my own web app <a href="https://github.com/crupest/Timeline">Timeline</a>.</li>
+        <li><a href="https://github.crupest.life" target="_blank">https://github.crupest.life</a>: Redirect to my github
+          profile, aka, <a href="https://github.com/crupest">https://github.com/crupest</a>.</li>
+      </ul>
+      <p>Private:</p>
+      <ul>
+        <li><a href="https://code.crupest.life" target="_blank">https://code.crupest.life</a>: Browser based vscode with
+          <a href="https://github.com/coder/code-server" target="_blank">code-server</a>.
+        </li>
+      </ul>
+      <p>If you wish to deploy similar services like me, you are in the right place. Take a look at <a
+          href="https://github.com/crupest/crupest" target="_blank">https://github.com/crupest/crupest</a> and there is
+        all you need to start with. Also, contact me if you run into some problem.</p>
+    </section>
     <footer>
       <p>That's all of me!</p>
       <p>© 2022 crupest</p>
@@ -75,7 +86,7 @@
       </p>
     </footer>
   </article>
-  <script type="module" src="./src/main.js"></script>
+  <script type="module" src="./src/main.ts"></script>
 </body>
 
 </html>
\ No newline at end of file
-- 
cgit v1.2.3