Added docs, profile image, and changed homescreen

public/about/index.html

@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <meta name="robots" content="noindex, nofollow">
-<title>About | TheWittyBanter</title>
+<title>About | TheWittyBanter.com</title>
 <meta name="keywords" content="">
 <meta name="description" content="What does this guy do?
 Music
@@ -48,7 +48,7 @@ For booking">
     <header class="header">
     <nav class="header-nav">
         <div class="logo">
-            <a href="http://localhost:1313/" accesskey="h" title="TheWittyBanter (Alt + H)">TheWittyBanter</a>
+            <a href="http://localhost:1313/" accesskey="h" title="TheWittyBanter.com (Alt + H)">TheWittyBanter.com</a>
             <div class="logo-switches">
                 <button id="theme-toggle" class="theme-toggle" accesskey="t" title="(Alt + T)" aria-label="Toggle theme">
                     <svg class="moon" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"
@@ -73,6 +73,11 @@ For booking">
             </div>
         </div>
         <ul id="menu" class="menu">
+            <li>
+                <a href="http://localhost:1313/docs" title="Docs">
+                    <span>Docs</span>
+                </a>
+            </li>
             <li>
                 <a href="http://localhost:1313/music" title="Music">
                     <span>Music</span>
@@ -163,7 +168,7 @@ For booking">
     </main>
     
 <footer class="footer">
-        <span>&copy; 2026 <a href="http://localhost:1313/">TheWittyBanter</a></span> · 
+        <span>&copy; 2026 <a href="http://localhost:1313/">TheWittyBanter.com</a></span> ·