removed photos page... scary

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>