Disabled about page, enabled photos nav buttons, other fluff

web/src/components/footer.astro

@@ -12,10 +12,10 @@ const links = [
         txt: "email",
         lnk: "mailto:contact@breadone.net"
     },
-    {
-        txt: "about",
-        lnk: "/about"
-    },
+    // {
+    //     txt: "about",
+    //     lnk: "/about"
+    // },
     // {
     //     txt: "copyright",
     //     lnk: "/copyright"

web/src/pages/albums/[title].astro

@@ -22,10 +22,6 @@ const images = await Promise.all(
     </div>
 
     <div slot="content">
-        {
-            images.map(img => (
-                <img class="pb-2" src={img}/>
-            ))
-        }
+        { images.map(img =>  <img class="pb-2" src={img}/> ) }
     </div>
 </Base>

web/src/pages/albums/index.astro

@@ -33,7 +33,7 @@ const albums = await pb.collection('albums').getFullList({
 
 <Base>
     <div slot="sidebar" class="text-left">
-        More focused photo albums. These are more single-purpose collections of photos compared to the general images of <a href="/photos">photos</a>
+        More focused photo albums. These are more single-purpose collections of photos compared to the general images of <a href="/photos">photos.</a> Best viewed on a large screen!
     </div>
 
     <div slot="content">

web/src/pages/photos/index.astro

@@ -18,9 +18,9 @@ const photos = await pb.collection('photos').getFullList({
         <p id="photo-film" class="text-sm">{photos[0].film !== "" ? `🎞️ ${photos[0].film}` : ""}</p>
         <p id="photo-location" class="text-sm">📌 {photos[0].location}</p>
 
-        <!-- <button id="dec-button" onclick="dec()">&lt;</button> -->
+        <button id="dec-button" onclick="dec()">&lt;</button>
         <span id="current-pos" /> of <span id="max-pos" />
-        <!-- <button id="inc-button" onclick="inc()">&gt;</button> -->
+        <button id="inc-button" onclick="inc()">&gt;</button>
     </div>
     
     <div slot="content" class="">