feat: ✨ use ref image gallery in content files

src/sebin/clothing.md

@@ -2,20 +2,41 @@
 eleventyNavigation:
   key: Clothing
   order: 5
-images: []
+gallery: [
+  {
+    alt: Sebin's casual outfit,
+    artist: coffeerelated,
+    href: https://bsky.app/profile/sulyyasprings.bsky.social
+  },
+  {
+    alt: Sebin's cold weather outfit,
+    artist: Lara Belém,
+    href: https://x.com/la_scarabie
+  },
+  {
+    alt: Sebin's workout attire,
+    artist: Atlas,
+    href: https://twitter.com/turquoize_art
+  },
+  {
+    alt: Sebin in his favorite boxers,
+    artist: Fern,
+    href: https://bsky.app/profile/thenamelesshare.bsky.social
+  }
+]
 ---
 
 Sebin knows how to dress!
 
-<gallery webc:nokeep>
-  <ref-img
-    webc:for="image of images" 
+<ref-gallery webc:nokeep>
+  <ref-img webc:for="ref of Array(4).keys()" 
+    :char="firstName.toLowerCase()"
+    :src="`ref-clothes-${ref + 1}.png`"
+    :alt="gallery[ref].alt"
+    :artist="gallery[ref].artist"
+    :href="gallery[ref].href"
+    :width="[500, 1000]"
+    :dropshadow="false"
     webc:nokeep
-    :src="image.src" 
-    :alt="image.alt" 
-    :width="[500, 1000]" 
-    :artist="image.artist" 
-    :href="image.href" 
-    :dropshadow="true"
   ></ref-img>
-</gallery>
+</ref-gallery>