add a link sections on home page

Author: noghartt

src/pages/index.astro

@@ -12,6 +12,16 @@ const postsSorted = posts.sort((a, b) =>
 );
 
 const year = new Date().getFullYear() - 2002;
+
+const links = [
+  [
+    { href: '/now', title: '/now' },
+    { href: '/changelog', title: '/changelog' },
+    { href: '/bookmarks', title: '/bookmarks' },
+    { href: '/tags', title: '/tags' },
+  ],
+];
+
 ---
 
 <Layout>
@@ -31,6 +41,18 @@ const year = new Date().getFullYear() - 2002;
       and <Link href={`${GITHUB_REPO_URL}/blob/main/LICENSE-posts`} isExternal>CC BY-SA 4.0</Link> licenses.
     </p>
   </section>
+  <section class="links">
+    <h2>Links</h2>
+    {links.map((section) => (
+      <ul>
+        {section.map((link) => (
+          <li>
+            <Link href={link.href}>{link.title}</Link>
+          </li>
+        ))}
+      </ul>
+    ))}
+  </section>
   <section class="posts">
     <h2>Archive</h2>
     <ul>
@@ -79,5 +101,9 @@ const year = new Date().getFullYear() - 2002;
       flex-direction: column;
     }
   }
-</style>
 
+  .links ul li {
+    margin-left: var(--spacing-2x);
+    list-style-type: disc;
+  }
+</style>