fix: some stuff

src/components/Image.astro

@@ -37,6 +37,7 @@ async function checkImage(image: ImageMetadata) {
 const {
   src: image,
   loader = true,
+  caption,
   pictureClass = "",
   hash = true,
   alt,

src/components/card/Metadata.svelte

@@ -9,7 +9,7 @@
   const iso = (d: string | Date) => {
     if(!d) return ""
     const v = toDate(d);
-    if(!v) return ""
+    if(!v?.getTime) return ""
     return isNaN(v.getTime()) ? "" : v.toISOString();
   };
 

src/content/photos/picos-de-europa/index.en.mdx

@@ -8,70 +8,124 @@ cover: ./images/20250527_125228.jpg
 tags: ["picos-de-europa","spain","hiking", "travel"]
 ---
 
-Random assortion of images from the Picos de Europa trip
+Unsorted pictures from our hike through the Picos de Europa.
 
 import Image from "@components/Image.astro";
+import ImageGallery from "@components/ImageGallery.svelte"
+import ImageSlider from "@components/ImageSlider.svelte"
+
+<ImageGallery client:load/>
+
+
+## May 27th
+
+First day, arrival at the sea.
+
 import image1 from "images/20250527_125228.jpg"
-import image2 from "images/PXL_20250601_132646197.jpg"
+import image16 from "images/PXL_20250527_101057540.MP.jpg"
+import image17 from "images/PXL_20250527_100728883.jpg"
+
+<ImageSlider title="Hike" client:load>
+  <Image src={image1} alt="A cow on a meadow in front of the sea"/>
+  <Image src={image17} alt="A person on flysch rock in front of a cave at the sea"/>
+  <Image src={image16} alt="A person in a cave from which you can see the sea"/>
+</ImageSlider>
+
+## May 28th
+
+First day of hiking
+
+import image15 from "images/PXL_20250528_121633744.MP.jpg"
+import image19 from "images/20250528_164715.jpg"
+
+<ImageSlider title="Hike" client:load>
+  <Image src={image15} alt="Us after the first 300 meters"/>
+  <Image src={image19} alt="Many mountain goats that like to lick the salt from the skin"/>
+</ImageSlider>
+
+## May 29th
+
+Hard ascent
+
+import videoUrl1 from "images/PXL_20250529_125633973_small_x265.mp4"
+import image12 from "images/PXL_20250530_082919731.jpg"
+import image13 from "images/PXL_20250529_201559403.jpg"
+
+<video src={videoUrl1} controls alt=""/>
+<Image alt="" src={image12} alt="Finally arrived at the Refugio"/>
+
+## May 30-31
+
+Thunderstorm and rest day
+
+import image11 from "images/PXL_20250530_110041174.jpg"
+import image10 from "images/PXL_20250530_135631186.MP.jpg"
+import image8 from "images/PXL_20250530_170114907.MP.jpg"
+import image9 from "images/PXL_20250530_141432767.jpg"
+import image18 from "images/IMG-20250531-WA0020.jpeg"
+
+<ImageSlider title="Thunderstorm and rest day" client:load>
+  <Image src={image11} alt="Departure to the mountains"/>
+  <Image src={image10} alt="Surprisingly saved under the tarp after a thunderstorm"/>
+  <Image src={image9} alt="Second departure to the mountains"/>
+  <Image src={image8} alt="Waiting for the second thunderstorm"/>
+  <Image src={image18} alt="Arrival at the Refugio"/>
+</ImageSlider>
+
+## June 1st
+
+We continue as a pair.
+
+import videoUrl2 from "images/PXL_20250601_044050514_small_x265.mp4"
 import image3 from "images/PXL_20250601_124002445.jpg"
 import image4 from "images/PXL_20250601_095307910.jpg"
 import image5 from "images/PXL_20250601_082528934.jpg"
-import image7 from "images/PXL_20250530_195122211.jpg"
+import image2 from "images/PXL_20250601_132646197.jpg"
-import image8 from "images/PXL_20250530_170114907.MP.jpg"
+
-import image9 from "images/PXL_20250530_141432767.jpg"
+<video src={videoUrl2} controls alt="14"/>
-import image10 from "images/PXL_20250530_135631186.MP.jpg"
+<ImageSlider title="Over the peaks" client:load>
-import image11 from "images/PXL_20250530_110041174.jpg"
+  <Image src={image4} alt="First ascent-done, about 1000 meters in altitude"/>
-import image12 from "images/PXL_20250530_082919731.jpg"
+  <Image src={image5} alt="In the middle of the mountain basin"/>
-import image13 from "images/PXL_20250529_201559403.jpg"
+  <Image src={image3} alt="On the descent"/>
-import image15 from "images/PXL_20250528_121633744.MP.jpg"
+  <Image src={image2} alt="Immersed in the fog"/>
-import image16 from "images/PXL_20250527_101057540.MP.jpg"
+</ImageSlider>
-import image17 from "images/PXL_20250527_100728883.jpg"
+
-import image18 from "images/IMG-20250531-WA0020.jpeg"
+
-import image19 from "images/20250528_164715.jpg"
+## June 2nd
+
+Tarping in the forest and wet-hiking then drying out in the hotel room
 
 import image21 from "images/PXL_20250602_064221551.jpg"
+import videoUrl3 from "images/PXL_20250602_064236132_small_x265.mp4"
+
+<Image alt="" src={image21} alt="20"/>
+<video src={videoUrl3} controls alt=""/>
+
+## June 3rd
+
+Ascent to lofty heights
+
 import image22 from "images/PXL_20250603_083830771.jpg"
 import image23 from "images/PXL_20250603_093606665.jpg"
 import image25 from "images/PXL_20250603_194635918.jpg"
 import image26 from "images/PXL_20250603_194636284.jpg"
+
+<ImageSlider title="Over the peaks" client:load>
+  <Image src={image22} alt="The ascent was completely in the fog"/>
+  <Image src={image23} alt="Then came the first snowfields"/>
+  <Image src={image25} alt="Arrived at the Refugio"/>
+  <Image src={image26} alt="Our camp for the night"/>
+</ImageSlider>
+
+## June 4th
+
+Overnight stay at Refugio Los Cabrones
+
+## June 5th
+
+Final-descent
+
 import image27 from "images/PXL_20250605_100650266.jpg"
 
+<Image alt="" src={image27} alt="27"/>
 
-<Image alt="" src={image1}/>
-<Image alt="" src={image2}/>
-<Image alt="" src={image3}/>
-<Image alt="" src={image4}/>
-<Image alt="" src={image5}/>
-
-import videoUrl1 from "images/PXL_20250529_125633973_small_x265.mp4"
-
-<video src={videoUrl1} controls alt=""/>
-
-<Image alt="" src={image7}/>
-<Image alt="" src={image8}/>
-<Image alt="" src={image9}/>
-<Image alt="" src={image10}/>
-<Image alt="" src={image11}/>
-<Image alt="" src={image12}/>
-<Image alt="" src={image13}/>
-
-import videoUrl2 from "images/PXL_20250601_044050514_small_x265.mp4"
-
-<video src={videoUrl2} controls alt=""/>
-
-<Image alt="" src={image15}/>
-<Image alt="" src={image16}/>
-<Image alt="" src={image17}/>
-<Image alt="" src={image18}/>
-<Image alt="" src={image19}/>
-<Image alt="" src={image21}/>
-
-import videoUrl3 from "images/PXL_20250602_064236132_small_x265.mp4"
-
-<video src={videoUrl3} controls alt=""/>
-
-<Image alt="" src={image22}/>
-<Image alt="" src={image23}/>
-<Image alt="" src={image25}/>
-<Image alt="" src={image26}/>
-<Image alt="" src={image27}/>

src/content/photos/picos-de-europa/index.mdx

@@ -64,15 +64,17 @@ import image8 from "images/PXL_20250530_170114907.MP.jpg"
 import image9 from "images/PXL_20250530_141432767.jpg"
 import image18 from "images/IMG-20250531-WA0020.jpeg"
 
-<Image alt="" src={image11} alt="11"/>
+<ImageSlider title="Gewitter und Restday" client:load>
-<Image alt="" src={image10} alt="10"/>
+  <Image src={image11} alt="Aufbruch in die Berge"/>
-<Image alt="" src={image9} alt="9"/>
+  <Image src={image10} alt="Überrascht nach einem Gewitter unters Tarp gerettet"/>
-<Image alt="" src={image8} alt="8"/>
+  <Image src={image9} alt="Zweiter Aufbruch in die Berge"/>
-<Image alt="" src={image18} alt="18"/>
+  <Image src={image8} alt="Zweites Gewitter abwarten"/>
+  <Image src={image18} alt="Ankommen am Refugio"/>
+</ImageSlider>
 
 ## 1. Juni
 
-Es geht zu zweit weiter.
+Es geht zu zweit weiter. 
 
 import videoUrl2 from "images/PXL_20250601_044050514_small_x265.mp4"
 import image3 from "images/PXL_20250601_124002445.jpg"
@@ -81,10 +83,12 @@ import image5 from "images/PXL_20250601_082528934.jpg"
 import image2 from "images/PXL_20250601_132646197.jpg"
 
 <video src={videoUrl2} controls alt="14"/>
-<Image alt="" src={image4} alt="4"/>
+<ImageSlider title="Über die Gipfel" client:load>
-<Image alt="" src={image5} alt="5"/>
+  <Image src={image4} alt="Erster Aufstieg geschafft, circa 1000 Höhenmeter"/>
-<Image alt="" src={image3} alt="3"/>
+  <Image src={image5} alt="Mittem im Bergkessel"/>
-<Image alt="" src={image2} alt="2"/>
+  <Image src={image3} alt="Auf dem Abstieg"/>
+  <Image src={image2} alt="Eingetaucht in den Nebel"/>
+</ImageSlider>
 
 
 ## 2. Juni
@@ -106,10 +110,12 @@ import image23 from "images/PXL_20250603_093606665.jpg"
 import image25 from "images/PXL_20250603_194635918.jpg"
 import image26 from "images/PXL_20250603_194636284.jpg"
 
-<Image alt="" src={image22} alt="22"/>
+<ImageSlider title="Über die Gipfel" client:load>
-<Image alt="" src={image23} alt="23"/>
+  <Image src={image22} alt="Der Aufstieg war komplett im Nebel"/>
-<Image alt="" src={image25} alt="25"/>
+  <Image src={image23} alt="Dann kamen die ersten Schneefelder"/>
-<Image alt="" src={image26} alt="26"/>
+  <Image src={image25} alt="Angekommen am Refugio"/>
+  <Image src={image26} alt="Unser Camp für die Nacht"/>
+</ImageSlider>
 
 ## 4. Juni