fix the structure of the website

public/index.html

@@ -6,7 +6,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>Everything HamPack and HamPackServer</title>
+<title>HamPack &amp; HamPack Server.</title>
 
 <meta name="description" content="">
 <meta name="author" content="">
@@ -67,19 +67,19 @@
     }
 
 </script><meta property="og:url" content="https://hampack.net/">
-  <meta property="og:site_name" content="Everything HamPack and HamPackServer">
-  <meta property="og:title" content="Everything HamPack and HamPackServer">
+  <meta property="og:site_name" content="HamPack & HamPack Server.">
+  <meta property="og:title" content="HamPack & HamPack Server.">
   <meta property="og:locale" content="en_us">
   <meta property="og:type" content="website">
 
   <meta name="twitter:card" content="summary">
-  <meta name="twitter:title" content="Everything HamPack and HamPackServer">
+  <meta name="twitter:title" content="HamPack & HamPack Server.">
 
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
   "@type": "Organization",
-  "name": "Everything HamPack and HamPackServer",
+  "name": "HamPack \u0026 HamPack Server.",
   "url": "https://hampack.net/",
   "description": "",
   "logo": "https://hampack.net/favicon.ico",
@@ -93,7 +93,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"
@@ -118,14 +118,74 @@
             </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>
 <main class="main"> 
+
+<article class="first-entry"> 
+  <header class="entry-header">
+    <h2 class="entry-hint-parent">Overview
+    </h2>
+  </header>
+  <div class="entry-content">
+    <p>This website explains a couple open-source projects easing the burden to install the software needed for ham radio. You can read the about page for more intformation about this project.
+</p>
+  </div>
+  <footer class="entry-footer">
+
+<span title='2026-05-25 10:20:18 -0600 MDT'>May 25, 2026</span></footer>
+  <a class="entry-link" aria-label="post link to Overview" href="https://hampack.net/posts/overview/"></a>
+</article>
+
+<article class="post-entry"> 
+  <header class="entry-header">
+    <h2 class="entry-hint-parent">HamPak
+    </h2>
+  </header>
+  <div class="entry-content">
+    <p>Introduction This is the content for this post.
+</p>
+  </div>
+  <footer class="entry-footer">
+
+<span title='2026-05-25 10:04:14 -0600 MDT'>May 25, 2026</span></footer>
+  <a class="entry-link" aria-label="post link to HamPak" href="https://hampack.net/posts/hampack/"></a>
+</article>
+
+<article class="post-entry"> 
+  <header class="entry-header">
+    <h2 class="entry-hint-parent">HamPackServer
+    </h2>
+  </header>
+  <div class="entry-content">
+    <p>Introduction This is the introduction to HamPackServer.
+</p>
+  </div>
+  <footer class="entry-footer">
+
+<span title='2026-05-24 10:19:30 -0600 MDT'>May 24, 2026</span></footer>
+  <a class="entry-link" aria-label="post link to HamPackServer" href="https://hampack.net/posts/hampackserver/"></a>
+</article>
     </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> ·