feat: ✨ use ref image gallery in content files

src/sebin/anatomy.md

@@ -23,6 +23,53 @@ refs:
     alt: Sebin's upper body closeup
     artist: Nidhogg
     href: https://bsky.app/profile/nidthedragon.bsky.social
+gallery: [
+  {
+    alt: Sebin looking aloof (but chill),
+    artist: Usurp,
+    href: https://bsky.app/profile/usurpthem.bsky.social
+  },
+  {
+    alt: Sebin getting ready to lift,
+    artist: Ziva,
+    href: https://bsky.app/profile/zivamonstr.bsky.social
+  },
+  {
+    alt: Sebin after a heavy sesh,
+    artist: Rei,
+    href: https://bsky.app/profile/purpledragonrei.bsky.social
+  },
+  {
+    alt: Sebin bringing out the big guns,
+    artist: tandragonsynth,
+    href: https://www.furaffinity.net/user/tandragonsynth
+  },
+  {
+    alt: Sebin flexing,
+    artist: Darknaig,
+    href: https://bsky.app/profile/darknaig.bsky.social
+  },
+  {
+    alt: Sebin showing off the goods,
+    artist: CronoLM,
+    href: https://bsky.app/profile/cronolm.bsky.social
+  },
+  {
+    alt: Sebin soaping up,
+    artist: (o)reo,
+    href: https://bsky.app/profile/oreowoof.bsky.social
+  },
+  {
+    alt: Sebin at the beach,
+    artist: WolfieCanem,
+    href: https://bsky.app/profile/wolfiecanem.bsky.social
+  },
+  {
+    alt: Sebin flexing,
+    artist: sabertoofs,
+    href: https://bsky.app/profile/sabertoofs.bsky.social
+  }
+]
 ---
 
 <ref-img
@@ -95,4 +142,17 @@ Sebin is very concerned with an even distribution of muscle mass, but pays parti
 
 ## Additional Muscle References
 
-<ref-gallery webc:nokeep></ref-gallery>
+An assortment of additional references how Sebin can be drawn.
+
+<ref-gallery webc:nokeep>
+  <ref-img webc:for="ref of [...Array(9).keys()]"
+    :char="firstName.toLowerCase()"
+    :src="`ref-muscle-${ref + 1}.png`"
+    :alt="gallery[ref].alt"
+    :artist="gallery[ref].artist"
+    :href="gallery[ref].href"
+    :width="[500, 1000]"
+    :dropshadow="false"
+    webc:nokeep
+  ></ref-img>
+</ref-gallery>

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-gallery webc:nokeep>
-  <ref-img
+  <ref-img webc:for="ref of Array(4).keys()" 
-    webc:for="image of images" 
+    :char="firstName.toLowerCase()"
-    webc:nokeep
+    :src="`ref-clothes-${ref + 1}.png`"
-    :src="image.src" 
+    :alt="gallery[ref].alt"
-    :alt="image.alt" 
+    :artist="gallery[ref].artist"
+    :href="gallery[ref].href"
     :width="[500, 1000]"
-    :artist="image.artist" 
+    :dropshadow="false"
-    :href="image.href" 
+    webc:nokeep
-    :dropshadow="true"
   ></ref-img>
-</gallery>
+</ref-gallery>