fix the structure of the website

public/404.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="index, follow">
-<title>404 Page not found | Everything HamPack and HamPackServer</title>
+<title>404 Page not found | HamPack &amp; HamPack Server.</title>
 <meta name="keywords" content="">
 <meta name="description" content="">
 <meta name="author" content="">
@@ -65,7 +65,7 @@
     }
 
 </script><meta property="og:url" content="https://hampack.net/404.html">
-  <meta property="og:site_name" content="Everything HamPack and HamPackServer">
+  <meta property="og:site_name" content="HamPack & HamPack Server.">
   <meta property="og:title" content="404 Page not found">
   <meta property="og:locale" content="en_us">
   <meta property="og:type" content="website">
@@ -78,7 +78,7 @@
     <header class="header">
     <nav class="header-nav">
         <div class="logo">
-            <a href="https://hampack.net/" accesskey="h" title="Everything HamPack and HamPackServer (Alt + H)">Everything HamPack and HamPackServer</a>
+            <a href="https://hampack.net/" accesskey="h" title="HamPack &amp; HamPack Server. (Alt + H)">HamPack &amp; HamPack Server.</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"
@@ -103,6 +103,21 @@
             </div>
         </div>
         <ul id="menu" class="menu">
+            <li>
+                <a href="https://hampack.net/about" title="About">
+                    <span>About</span>
+                </a>
+            </li>
+            <li>
+                <a href="https://hampack.net/archives" title="Archive">
+                    <span>Archive</span>
+                </a>
+            </li>
+            <li>
+                <a href="https://hampack.net/search/" title="Search (Alt &#43; /)" accesskey=/>
+                    <span>Search</span>
+                </a>
+            </li>
         </ul>
     </nav>
 </header>
@@ -111,7 +126,7 @@
     </main>
     
 <footer class="footer">
-        <span>&copy; 2026 <a href="https://hampack.net/">Everything HamPack and HamPackServer</a></span> · 
+        <span>&copy; 2026 <a href="https://hampack.net/">HamPack &amp; HamPack Server.</a></span> ·