Add directory of extra pages

src/components/NavHeader.astro

@@ -45,7 +45,7 @@ const optimizedBackgroundLQ = await getImage({
     <a href="/blog" class="nav-btn">Blog</a> |
     <a href="/about" class="nav-btn">About</a> |
     <a href="/friends" class="nav-btn">Friends</a> |
-    <a href="/other buttons" class="nav-btn">Moar 88x31</a> |
+    <a href="/directory" class="nav-btn">Other Pages</a> |
     <a href="/portfolio" class="nav-btn">Portfolio</a> |
     </p>
 </Partition>

src/pages/directory.astro

@@ -0,0 +1,20 @@
+---
+import Partition from "../components/Partition.astro";
+
+import BaseLayout from "../layouts/BaseLayout.astro";
+const pageTitle = "A bunch of other pages!";
+
+---
+
+<BaseLayout pageTitle={pageTitle}>
+    <Partition>
+        <h1 class="text-4xl font-bold">{pageTitle}</h1>
+        <p>Here are some other pages I have for various reasons!</p>
+
+        <ul class=" list-disc px-8">
+            <li><a href="/jxl-testing">JpegXL Decoder Test</a></li>
+            <li><a href="/other buttons">Extra 88x31 buttons</a></li>
+        </ul>
+    </Partition>
+</BaseLayout>
+

src/pages/friends.astro

@@ -103,6 +103,8 @@ const description = "All of Aria's friends with 88x31 buttons for you to click o
                 target="https://ackwell.au"
             />
         </div>
+        <br />
+        <a href="/other buttons">Extra 88x31 buttons!</a>
     </Partition>
     <Partition>
         <h2>My badge:</h2>