Refactoring sidebar and adding footer

web/src/components/index/navbar.astro

@@ -1,12 +1,35 @@
+---
+const links = [
+    {
+        txt: 'now',
+        lnk: '/now'
+    },
+    {
+        txt: 'posts',
+        lnk: '/posts'
+    },
+    {
+        txt: 'photos',
+        lnk: '/photos'
+    },
+]
+---
+
 <div class="text-2xl">
-    <a href="/now">now</a>
+    {
+        links.map(l => (
+            <a href={l.lnk}>{l.txt}</a>
+        )).join(<span class="text-(--accent)">•</span>)
+    }
+
+    <!-- <a href="/now">now</a>
 
     <span class="text-(--accent)">•</span> 
 
     <a href="/posts">posts</a>
 
     <span class="text-(--accent)">•</span> 
-    
-    <a href="/photos">photos</a>
+
+    <a href="/photos">photos</a> -->
     <!-- • <a href="/software">software</a> -->
 </div>