Yay, pretty, pretty, pretty.

1 files changed, 17 insertions, 14 deletions

diff --git a/docker/crupest-nginx/sites/www/index.html b/docker/crupest-nginx/sites/www/index.html
index 339d3c2..03485c5 100644
--- a/docker/crupest-nginx/sites/www/index.html
+++ b/docker/crupest-nginx/sites/www/index.html
@@ -19,16 +19,17 @@
     </div>
   </div>
   <article id="main-article">
-    <h1 id="title">Hello! This is crupest.</h1>
+    <img id="avatar" src="./avatar.png" title="my avatar" width="100" height="100">
+    <h1 id="title">Hello! This is <span id="title-name">crupest</span>.</h1>
     <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
+      <p>If you have something interesting to share with me, feel free to reach me via email at <a class="mono"
+          href="mailto:crupest@outlook.com">crupest@outlook.com</a> or, of course, <a class="mono"
           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
+        any repo on GitHub. Here is the link to my GitHub profile, <a class="mono"
           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>
+        website link, aka, <a class="mono" href="https://crupest.life">https://crupest.life</a>.</p>
     </section>
     <section>
       <h2 id="todos">TODOs of me <span class="h-note">grabbed from <a
@@ -53,25 +54,27 @@
       <p>Public:</p>
       <ul>
         <li>
-          https://crupest.life/api: Some APIs written in <a
+          https://crupest.life/api: Some APIs written in <a class="mono"
             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
+        <li><a class="mono" href="https://blog.crupest.life" target="_blank">https://blog.crupest.life</a>: My blogs
+          built with <a class="mono" href="https://gohugo.io" target="_blank">hugo</a>.</li>
+        <li><a class="mono" 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>
+          my own web app <a class="mono" 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>
+          profile, aka, <a class="mono" 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><a class="mono" href="https://code.crupest.life" target="_blank">https://code.crupest.life</a>: Browser
+          based vscode with
+          <a class="mono" 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
+      <p>If you wish to deploy similar services like me, you are in the right place. Take a look at <a class="mono"
           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>