Add white background to DSRing image

src/changelogs/logs/2024/2024-07-21.md

@@ -0,0 +1,5 @@
+---
+date: 2024-07-21
+---
+
+* Add a section for the [Kitty Friends Pixel Club](https://divergentrays.com/kitty) to my [Adoptables page](/adoptables), including my kitty friends!

src/index.njk

@@ -118,6 +118,11 @@ by Ann Magill (2021)") }}
             <a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/" class="external-link">Random Site</a>,
             <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/" class="external-link">Next Site</a>
         </li>
+        <li>
+            <a href="https://ikaroll.neocities.org/dsring/">DSRing</a>:
+            <a href="https://jirachis.neocities.org/">Previous Site</a>,
+            <a href="https://poble.cl/">Next Site</a>
+        </li>
         <li>
             <a href="https://eggring.neocities.org/">The Eggring</a>:
             <a href="https://confetticake.neocities.org/">Previous Site</a>,

src/links/joined.njk

@@ -36,6 +36,14 @@ date: 2023-01-29
             </ul>
         </nav>
     </li>
+    <li>
+        <link rel="stylesheet" href="https://crtstatic.neocities.org/dsring/onion/onionring.css">
+        <div id='dsring'>
+            <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-variables.js"></script>
+            <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-widget.js"></script>
+        </div>
+        {%- css %}#dsring .webring-info img { background-color: white; }{%- endcss %}
+    </li>
     <li>
         <div id='DykeWrite-Web2'> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-variables.js"></script> <script type="text/javascript" src="https://dykewrite.neocities.org/webring/onionring-widget.js"></script> </div>
         <link rel="stylesheet" href="https://dykewrite.neocities.org/webring/onionring.css">

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 }}">
@@ -22,8 +28,10 @@ eleventyNavigation:
     <ul class="adoptables">
         {{ adoptable("https://xandra.cc/", "alexandra-diddles.png", "Diddles the raccoon by Alexandra") }}
         {{ adoptable("https://lostletters.neocities.org/", "lostletters-moomin.png", "Moomin pixel art by Lost Letters") }}
-        {{ adoptable("https://pixels.elfwink.net/", "lou-tamagotchi.gif", "Tamagotchi pixel art by Lou") }}
+        {{ adoptable("https://pixels.elfwink.net/", "lou-frog.gif", "Green frog by Lou") }}
         {{ adoptable("https://pixels.elfwink.net/", "lou-greenkaoani.gif", "Green kao-ani by Lou") }}
+        {{ adoptable("https://pixels.elfwink.net/", "lou-maneki-neko.png", "Maneki neko (beckoning cat) by Lou") }}
+        {{ adoptable("https://pixels.elfwink.net/", "lou-tamagotchi.gif", "Tamagotchi pixel art by Lou") }}
         {{ adoptable("https://pixel.wings.nu/", "wings-dolphinclassic.gif", "Dolphin classic by Rin") }}
         {{ adoptable("https://pixel.wings.nu/", "wings-rainbowmoon.png", "Rainbow moon by Rin") }}
     </ul>
@@ -39,6 +47,31 @@ 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>An old pixel club about cats, revived 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>
+    <p>Created on 21 July 2024. If you want to adopt any of my kitty friends, please link back to my website and do not hotlink the images.</p>
+
+    <h3>Adopted Kitty Friends</h3>
+    <ul class="adoptables">
+        {{ adoptable("https://artwork.neocities.org/cliques", "kittyfriends/artwork-bat.gif", "artwork's bat kitty") }}
+        {{ adoptable("https://artwork.neocities.org/cliques", "kittyfriends/artwork-pumpkin.gif", "artwork's pumpkin kitty") }}
+        {{ adoptable("https://artwork.neocities.org/cliques", "kittyfriends/artwork-vampire.gif", "artwork's vampire kitty") }}
+        {{ adoptable("https://artwork.neocities.org/cliques", "kittyfriends/artwork-witch.gif", "artwork's witch kitty") }}
+        {{ adoptable("https://sanguineroyal.com/com/pixelcliques/", "kittyfriends/krish.png", "Krish's kitty friend") }}
+        {{ adoptable("https://owlsroost.xyz/", "kittyfriends/owl-small-owlcat.gif", "Owl's small owlcat", "It's an owl! It's a cat! It's an owlcat! Made by Owl") }}
+        {{ adoptable("https://hillhouse.neocities.org/pixels", "kittyfriends/rosemary-ghostcat.gif", "rosemary's ghost cat") }}
+        {{ adoptable("https://sakuradreams.neocities.org/", "kittyfriends/sakuradreams-Simba.gif", "Sakura Dream's Simba") }}
+        {{ adoptable("https://solaria.neocities.org/", "kittyfriends/solaria-garfield.gif", "Solaria's Garfield art") }}
+    </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>