improve text browsing and stuff

index.html

@@ -18,7 +18,10 @@
       <div id="content">
         <div id="title-1">
           <div class="h1-container">
-            <h1>Ted Pier<span class="subtitle">a.k.a. MiningTcup</span></h1>
+            <h1>
+              Ted Pier<span class="gone">&nbsp;</span
+              ><span class="subtitle">a.k.a. MiningTcup</span>
+            </h1>
           </div>
           <a href="lulu.html"
             ><img src="images/lulu.webp" alt="Lulu the dog"
@@ -77,6 +80,18 @@
             because it's so terrible, you can download the
             <a download href="notes.apk">Notes APK file</a>.
           </p>
+
+          <h3>This Website</h3>
+          <p>
+            This website is meant to be a showcase of everything I do. You may
+            have noticed it's a tad bit minimal, and I'd like you to know that's
+            a design choice. I can make something cooler than this, but that's
+            just not what I wanted for my personal website. This website is
+            meant to be as correct and usable as possible - this means no low
+            contrast, no gradients, extremely minimal scripts, and proper tags.
+            It even works well in
+            <a href="https://lynx.invisible-island.net/">Lynx</a>!
+          </p>
         </section>
         <hr />
         <section>
@@ -116,13 +131,13 @@
           </a>
           <p>
             <a href="https://kiwix.org/en/">Kiwix</a> provides offline browsing
-            of websites, including
+            of websites, primarily wiki-like resources, including
             <a href="https://wiki.archlinux.org/title/Main_page">ArchWiki</a>,
             <a href="https://www.wikipedia.org/">Wikipedia</a>, and
             <a href="https://devdocs.io/">DevDocs</a>, allowing access to
             resources in an internet outage or while travelling.
           </p>
-          <a href="https://mozhi.miningtcup.me/"> <h3>Mozhi Server</h3></a>
+          <a href="https://mozhi.miningtcup.me/"><h3>Mozhi Server</h3></a>
           <p>
             <a href="https://codeberg.org/aryak/mozhi">Mozhi</a> is a proxy for
             several online translators, such as Google Translate, and is used by

style.css

@@ -197,3 +197,7 @@ section {
 .blog-item > p {
   font-weight: normal;
 }
+
+.gone {
+  display: none;
+}