Add Kitty Friends Pixel Club

src/pages/adoptables.njk

@@ -7,6 +7,12 @@ eleventyNavigation:
     order: 8
 ---
 
+{%- macro myPixelArt(file, alt, tooltip=alt) -%}
+    <li data-tooltip>
+        <img src="/assets/adoptables/{{ file }}" alt="{{ alt }}" data-tooltip-trigger title="{{ tooltip }}" loading="lazy" tabindex="0">
+    </li>
+{%- endmacro -%}
+
 {%- macro adoptable(url, file, alt, tooltip=alt) -%}
     <li data-tooltip>
         <a href="{{ url }}" data-tooltip-trigger title="{{ tooltip }}">
@@ -41,6 +47,20 @@ eleventyNavigation:
     <a href="https://lovesick.cafe/grrrl"><img src="/assets/adoptables/pixelcliques/madebyagirl.png" alt="Made by a Girl pixel clique" loading="lazy"></a>
 </section>
 
+<section class="content__section">
+    <h2>Kitty Friends Pixel Club</h2>
+    <p>A pixel club hosted by <a href="https://divergentrays.com/kitty">Divergent Rays</a>.</p>
+
+    <h3>My Kitty Friends</h3>
+    <ul class="adoptables">
+        {{ myPixelArt("kittyfriends/leilukin-blackkitty.png", "Leilukin's black kitty friend") }}
+        {{ myPixelArt("kittyfriends/leilukin-purplekitty.png", "Leilukin's purple kitty friend") }}
+    </ul>
+
+    <h3>Adopted Kitty Friends</h3>
+    <ul class="adoptables"></ul>
+</section>
+
 <section class="content__section">
     <h2>32-Bit Cafe Code Jam: Destination Vacation</h2>
     <p>Stuff I collected from <a href="https://tilde.32bit.cafe/~ribose/events/destination/map.html">32-Bit Cafe's Community Code Jam #4: Destination Vacation</a> in June 2024, including a passport with stamps from the code jam entries, and extra goodies from some of the participants.</p>