Removed swiper from album section

web/src/components/albums/albumCard.astro

@@ -6,11 +6,11 @@ const pb = await authPB()
 
 <div class="swiper-slide flex flex-col md:flex-row items-center justify-center">
     <a class="b1-no-underline" href={`/albums/${encodeURI(a.title)}`}>
-        <h1 class="flex-2 text-center pb-0 md:flex-1">{a.title}</h1>
-        <p class="flex-2 text-center md:flex-1">{a.date}</p>
+        <h1 class="text-center pb-0 md:flex-1">{a.title}</h1>
+        <p class="text-center">{a.date}</p>
         <img 
             src={pb.files.getURL(a, a.images[0])} 
-        class="flex-1 md:flex-2 w-full h-full object-contain"
+            class="w-full h-full object-contain"
             loading="lazy"
             alt={a.title}
         />

web/src/components/index/navbar.astro

@@ -4,10 +4,10 @@ const links = [
         txt: 'now',
         lnk: '/now'
     },
-    {
-        txt: 'photos',
-        lnk: '/photos'
-    },
+    // {
+    //     txt: 'photos',
+    //     lnk: '/photos'
+    // },
     {
         txt: 'albums',
         lnk: '/albums'

web/src/components/photos/carousel.astro

@@ -38,15 +38,6 @@ const photoLinks = await Promise.all(
         currentPosIndicator.innerText = '1';
     }
 
-    function preloadImages() {
-        photoLinks.forEach((url: string) => {
-            const preloadImg = new Image();
-            preloadImg.src = url;
-        });
-    }
-    
-    // Call preload on page load
-    preloadImages();
 
     const swiper = new Swiper('.swiper', {
         modules: [Navigation, Keyboard, EffectFade],

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

@@ -11,7 +11,7 @@ const images = await Promise.all(
 )
 ---
 
-<Base>
+<Base meta={{title: "album", description: album.title, ogImage: images[0]}}>
 
     <div slot="sidebar">
         <h1>{album.title}</h1>

web/src/pages/albums/index.astro

@@ -31,14 +31,16 @@ const albums = await pb.collection('albums').getFullList({
 </script>
 
 
-<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> Best viewed on a large screen!
+<Base meta={{title: "albums"}}>
+    <div slot="sidebar">
+        <p class="text-left"> More focused, themed collections of photos compared to the more miscellaneous images of the (now defunct) <a href="/photos">photos page.</a> Best viewed on a large screen!</p>
+        <!-- <br>
+        ← / → -->
     </div>
 
     <div slot="content">
-        <div class="swiper-album w-full h-[90vh] overflow-hidden">
-            <div class="swiper-wrapper">
+        <div class=" w-full">
+            <div class="">
                 { albums.map(a =>  <AlbumCard a={a}/> ) }
             </div>
         </div>