From b36da8b0f79f77b3233a45f632ff7b783055531d Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Sat, 7 Mar 2026 12:30:32 +0100
Subject: [PATCH] changed layout of main page

---
 src/lib/components/split-container.svelte |  27 ++++
 src/lib/components/subtitled-image.svelte |   8 +-
 src/routes/+page.svelte                   | 170 ++++++++++++++--------
 static/webrings/gamedev/88x31.png         | Bin 0 -> 1147 bytes
 static/webrings/gamedev/ringnext.png      | Bin 0 -> 282 bytes
 static/webrings/gamedev/ringprev.png      | Bin 0 -> 277 bytes
 static/webrings/noai/w95widget.gif        | Bin 0 -> 1717 bytes
 static/webrings/noai/w95widget.png        | Bin 0 -> 1753 bytes
 static/webrings/noai/w95widget.webp       | Bin 0 -> 1478 bytes
 static/webrings/noai/w95widget2.webp      | Bin 0 -> 1740 bytes
 10 files changed, 141 insertions(+), 64 deletions(-)
 create mode 100644 src/lib/components/split-container.svelte
 create mode 100644 static/webrings/gamedev/88x31.png
 create mode 100644 static/webrings/gamedev/ringnext.png
 create mode 100644 static/webrings/gamedev/ringprev.png
 create mode 100644 static/webrings/noai/w95widget.gif
 create mode 100644 static/webrings/noai/w95widget.png
 create mode 100644 static/webrings/noai/w95widget.webp
 create mode 100644 static/webrings/noai/w95widget2.webp

diff --git a/src/lib/components/split-container.svelte b/src/lib/components/split-container.svelte
new file mode 100644
index 0000000..2779cab
--- /dev/null
+++ b/src/lib/components/split-container.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+    import ScrollTopButton from "$lib/components/scroll-top-button.svelte";
+
+    let { children } = $props();
+</script>
+
+<div class="split-container">
+    {@render children()}
+</div>
+
+<style>
+    .split-container {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+    }
+
+    .split-container * {
+        flex-basis: 1;
+    }
+
+    @media screen and (max-width: 800px) {
+        .split-container {
+            flex-direction: column;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/lib/components/subtitled-image.svelte b/src/lib/components/subtitled-image.svelte
index f3dc4ca..262e64c 100644
--- a/src/lib/components/subtitled-image.svelte
+++ b/src/lib/components/subtitled-image.svelte
@@ -8,12 +8,14 @@
         // options: left, right. leaving empty means centred
         alignment,
         video,
+        pixelated,
     }: {
         image: string;
         altText?: string;
         subtitle?: string;
         alignment?: string;
         video?: boolean;
+        pixelated?: boolean;
     } = $props();
 </script>
 
@@ -21,7 +23,11 @@
     {#if video}
         <Video src={image} />
     {:else}
-        <img class="subtitled-img" src="{image}" alt="{altText}">
+        {#if pixelated}
+            <img class="subtitled-img pixelated-img" src="{image}" alt="{altText}">
+        {:else}
+            <img class="subtitled-img" src="{image}" alt="{altText}">
+        {/if}
     {/if}
 
     {#if subtitle}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index dd9b12c..49fad2d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import Content from "$lib/viewport/content.svelte";
-    import Webring from "$lib/components/ring.svelte";
+    import SubtitledImage from "$lib/components/subtitled-image.svelte";
     import GalleryRow, { type GalleryRowEntry } from "$lib/lists/gallery-row.svelte";
 
     import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
@@ -11,7 +11,7 @@
     let latestDevlogDate = devlogPosts[0].post.date;
     let latestBlogDate = blogPosts[0].post.date;
 
-    let updateEntriesTrimmed = updateEntries.slice(0, 3);
+    let updateEntriesTrimmed = updateEntries.slice(0, 4);
 
     const galleryTopRow: GalleryRowEntry[] = [
         {
@@ -66,73 +66,127 @@
     <hr>
 
     <div>
-        <img class="me-img pixelated-img" src="me.webp" alt="Pixelated mirror selfie of the website creator wearing a green shirt, fitting the website theme. The face is obscured." title="hi.">
-        <p>Hi! I'm Deniz (he/him/they). I'm a hobbyist programmer based in 🇩🇪 Northern Germany who does coding, 3D modelling, and sometimes music too. I am also studying to become a secondary school teacher. Welcome to my webpage!</p>
-        <p>Here I publish my projects in programming, electronics (Arduino, Raspberry Pi etc.), and gamedev specifically, but I also set up a blog to talk about random things on my mind. Feel free to explore.</p>
-        <p>This place is a constant work-in-progress – while I try to keep URLs intact, a lot of stuff is being modified and moved around! I'm also adding new things and seeing which things I enjoy maintaining. If anything's outright <a href="/blog/2026/0131">broken</a>, please do let me know.</p>
+        <img class="me-img pixelated-img" src="me.webp" alt="Pixelated mirror selfie of the website creator wearing a green shirt, fitting the website theme. The face is obscured." title="hi!">
+
+        <p>Hi! I'm Deniz. Welcome to my website! I keep rewriting this introduction but I'm REALLY bad at this type of stuff.</p>
+        <p>I made this website because I really don't like modern social media and I wanted a more creative way of expressing myself without giving in to the attention economy or submitting all my data including my soul to some megacorp. That's why you'll find a bunch of stuff here that interests me: programming, gamedev, 3D modelling, electronic music, drawing, electronics and microcontroller programming, Linux and self-hosting, and probably some other stuff too. I am currently developing at least one game and I am also posting random things on my blog, both of which you can find linked above and below.</p>
+        <p>I listen to A LOT of music (fav artists: <a href="https://acloudyskye.bandcamp.com/">acloudyskye</a>, <a href="https://jaronsteele.bandcamp.com/">Jaron</a>, <a href="https://janeremover.bandcamp.com/">Jane Remover</a>) and I enjoy dabbling around in <a href="https://godotengine.org/">Godot</a> and <a href="https://blender.org/">Blender</a>. I also use <a href="https://fedoraproject.org/">Fedora KDE</a>... btw. Want to know more about me and this website? Firstly, <i>why?</i> But also, <a href="/meta/about">here</a>!</p>
+        <p>irl I am from 🇩🇪 Northern Germany and studying to become a secondary school teacher.</p>
     </div>
 
-    <div class="update-container">
-        <a class="update-header-link" href="/meta/updates"><h6 class="update-header">website updates <span class="small-supertext">(new!)</span></h6></a>
-        {#each updateEntriesTrimmed as entry}
-            <UpdateEntry {entry} />
-        {/each}
-    </div>
-
-    <div class="webring-container">
-        <!-- bucket webring -->
-        <Webring
-            ringName="bucket webring"
-            ringLink="https://webring.bucketfish.me"
-            prevLink="https://webring.bucketfish.me/redirect.html?to=prev&name=denizk0461"
-            nextLink="https://webring.bucketfish.me/redirect.html?to=next&name=denizk0461"
-            randLink="https://webring.bucketfish.me/redirect.html?to=random&name=denizk0461"
-            prevSymbol="⥼"
-            nextSymbol="⥽"
-            highlightEmojiLeft="🏳️‍🌈" />
-        
-        <!-- gamedev webring -->
-        <Webring
-            ringName="gamedev webring"
-            ringLink="https://www.rainbowcemetery.com/devring"
-            prevLink="https://www.rainbowcemetery.com/devring/prev.php?id=18"
-            nextLink="https://www.rainbowcemetery.com/devring/next.php?id=18"
-            randLink="https://www.rainbowcemetery.com/devring/rand.php?id=18"
-            listLink="https://www.rainbowcemetery.com/devring/list.php?id=18"
-            prevSymbol="&lt;"
-            nextSymbol="&gt;"
-            highlightEmojiLeft="👾"
-            highlightEmojiRight="🎮" />
-        
-        <!-- no ai webring -->
-        <Webring
-            ringName="no ai webring"
-            ringLink="https://baccyflap.com/noai"
-            prevLink="https://baccyflap.com/noai/?prv&s=dzk"
-            nextLink="https://baccyflap.com/noai/?nxt&s=dzk"
-            randLink="https://baccyflap.com/noai/?rnd"
-            prevSymbol="←"
-            nextSymbol="→"
-            highlightEmojiLeft="🚫"
-            highlightEmojiRight="🤖" />
+    <div class="split-container">
+        <div class="info-container">
+            <h4 class="update-header">heads-up</h4>
+            <p>This website works best on Firefox and other Gecko-based browsers! All pages <i>should</i> be responsive and work on mobile.</p>
+            <p>Also, this place is a constant work-in-progress and things may move around. If anything's outright <a href="/blog/2026/0131">broken</a> though, please do let me know.</p>
+        </div>
+        <div class="update-container">
+            <a class="update-header-link" href="/meta/updates"><h4 class="update-header">website updates <span class="small-supertext">(new!)</span></h4></a>
+            {#each updateEntriesTrimmed as entry}
+                <UpdateEntry {entry} />
+            {/each}
+        </div>
     </div>
 
     <GalleryRow entries={galleryTopRow} />
     <GalleryRow entries={galleryBottomRow} />
+
+    <hr>
+
+    <div class="webring-container">
+        <div class="webring">
+            <iframe title="bucket webring" id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=denizk0461"></iframe>
+        </div>
+
+        <div class="webring">
+            <a href="https://www.rainbowcemetery.com/devring/prev.php?id=18">
+                <img src="/webrings/gamedev/ringprev.png" alt="previous">
+            </a>
+            <a href="https://www.rainbowcemetery.com/devring/list.php?id=18">
+                <img src="/webrings/gamedev/88x31.png" alt="list">
+            </a>
+            <a href="https://www.rainbowcemetery.com/devring/next.php?id=18">
+                <img src="/webrings/gamedev/ringnext.png" alt="next">
+            </a>
+        </div>
+
+        <map name="w95widget">
+            <area href="https://baccyflap.com/noai" target="_blank" shape="rect" coords="0,0,308,22" alt="no ai webring" title="no ai webring">
+            <area href="https://baccyflap.com/noai/?prv&s=dzk" target="_top" shape="rect" coords="56,36,130,58" alt="previous" title="previous">
+            <area href="https://baccyflap.com/noai/?rnd" target="_top" shape="rect" coords="137,36,211,58" alt="random" title="random">
+            <area href="https://baccyflap.com/noai/?nxt&s=dzk" target="_top" shape="rect" coords="218,36,292,58" alt="next" title="next">
+        </map>
+        <img class="webring-img" usemap="#w95widget" src="https://baccyflap.com/noai/w95widget.gif" alt="a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next">
+    </div>
+
 </Content>
 
 <style>
+    .split-container {
+        width: 100%;
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+        margin-bottom: 16px;
+    }
+
+    @media screen and (max-width: 900px) {
+        .split-container {
+            flex-direction: column;
+            gap: 8px;
+        }
+    }
+
+    .webring {
+        display: flex;
+        flex-direction: row;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .webring-img {
+        width: initial;
+    }
+
     .me-img {
-        width: 110px;
-        min-width: 110px;
+        width: 132px;
+        min-width: 132px;
         float: left;
         margin-right: 12px;
     }
 
-    .update-container {
+    .update-container, .info-container {
         padding: 8px 24px;
-        border: var(--border-dash-size) var(--color-highlight) var(--border-style);
         backdrop-filter: blur(var(--blur-radius-background));
+        flex: 2;
+    }
+
+    .update-container {
+        border: var(--border-dash-size) var(--color-highlight) var(--border-style);
+    }
+
+    .info-container {
+        border: var(--border-dash-size) var(--color-highlight-alt) var(--border-style);
+        flex: 1;
+    }
+    .info-container > h4 {
+        color: var(--color-highlight-alt);
+    }
+    .info-container p, .info-container a {
+        font-size: 1.0rem;
+        line-height: 1.4rem;
+    }
+
+    .webring-container {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        /* flex-wrap: wrap; */
+        /* gap: 8px; */
+        padding-top: 16px;
+        padding-bottom: 16px;
     }
 
     .update-header-link {
@@ -146,16 +200,6 @@
         margin-top: 8px;
     }
 
-    .webring-container {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        margin: 16px 0;
-        flex-wrap: wrap;
-        gap: 8px;
-    }
-
     .gradient-title {
         background: linear-gradient(
             90deg,
diff --git a/static/webrings/gamedev/88x31.png b/static/webrings/gamedev/88x31.png
new file mode 100644
index 0000000000000000000000000000000000000000..e746305b000941d4bb99db4a1164a53dfaf0b43a
GIT binary patch
literal 1147
zcmV->1cdvEP)<h;3K|Lk000e1NJLTq006K6002G+1^@s6iw%+X000C+Nkl<Zc%1E>
zzit#U5XQZyO(fm}Q6LJQ07Zfz9smgn$`mxz{1H@<Ak;J|C}|?`01*k&i6@{y6j9y-
ziJWdZ?cHqHxpl_&c<*kq->+Hit?kcuvOm1`WGIVKQMnn_`wwmv6mMR4ehz);r%*Zo
z3{$v+gUV?*{@K2Nbk~JIGf_SBq3?#Q4+jROkq0o%Fq&EXURxge&{ycgfq`i*2e7o3
z;m_%Qyf?q@d~V-6&%HErp%48CeK;^M&GG>D&L9C+uK00OUn{rQem-6l7)k9wzpGv7
zw}Ar#(-dy!>3koU&!Ew6eXXV^E(TtY?g{>Rb?=FTKJ-)d;lRK&MH36bXNKqA+mKL?
z&qNONp`W4;2L`5T92fwLz=45jqNCA#@tj08?QU-7^hxzX>k}7$FM`T#ZEr=@4=o>C
zF0{YC{`B>IQ}tuNe{3`wAAfLQV4BN)U?MV}lf#{qob&#ztKVY3pY3+m=k53ib%NOX
zQoE94$3D;1?_AHd`ck=OADD<7e{f)6n&knUDV|eu-s4|8^JediTjeAt=Jf3#+$rfQ
z>7=eLbCcTtwGlb~;K0B%Wwv<E1)*!+!}6fM9#3AiKHu7QS&$rXQypmC{nqMphZp}P
zQjR}3Ffh%`E>Albo6;Gybha(6eZQ7B>+9pmd3~LnzipMfar@&!zgp;Z??P<aJ}mz{
zv>g9Dl-%Dx)!|e3qowgBJ%<AW(<}|((0EQQKIbL={C-(q$%%dBe#_2vVznu2>|72j
z5xVa!5j+0iz`!)k01l1kl-9lyd?xa>GVKEs(i)hz%bnO7tB&OetsmN+?;SuQb^O7B
zfoXb+2lhEDpW$>8$IJO*DggK&I503xGk{aG1WNJ2#L2h0BbN`Jwd<eF^9M*LcRsAd
z<MMjGeyzKH?zrdBejq<E7$jxinYroYjb<EQ$@<<_Y0VoNm6i+bKB?qP(%X4#{l4OR
z`#KTiAU`k|H2L!bd*CyhBJq6=LeXk3M(<n-8z1+&;iSerXaBvC9~fL`^!b4!@j3D2
z^h<r^&Kr6X$J_Va$JXa){}MyHwp=x-`q94w@&kh*qR$UJI%?gLW73J*VYy#lpR>Qb
z;4_pv@2Ba0>wZ<Ndly0*%b-QOKhE1Bg4;uWU@#=grT^<-!BU3pNXUsB2NkA@&v|3l
zz(g)5Sv9_XuX<M{^!HQ8V=KoW92l5JogY{mAM7JE8tuBpLgdQ)lS^M)F0>!W4-5uL
z_IO}vrqaGIt#K$yZTDe!9B|W7!~=s4;K0B%+42MT9n}VX=y&PEfq`k%`GM6lPdWpK
zKJ>59hXVuC^p+nuxjpE|l^?i192l4;Uw+`!cw*>7U!e~N2BuNx2X5X%#TgaZG3Y}-
zKpzeaOry^aoH?Et`p}QjhXVuCG;83{{H#7w<2jp-Kp*-E`fy-intyZA0cYq%x1Rt2
N002ovPDHLkV1kVjI9LDx

literal 0
HcmV?d00001

diff --git a/static/webrings/gamedev/ringnext.png b/static/webrings/gamedev/ringnext.png
new file mode 100644
index 0000000000000000000000000000000000000000..81b504371693ce2e3875aed9ce84765aee3a100c
GIT binary patch
literal 282
zcmeAS@N?(olHy`uVBq!ia0vp^DnM+<!3HFqeRrk;sfV5}jv*Cu-p+93YgQ0&&3x2Y
z#WLNt$^9XR+|uJO&fbzpN>YEYTr`F4|7{7*2j2~)(+W;W%rTPSIOxE^=42qy)F{By
z62Y|h=#8_cE*~eJEv~4#e`SW1^XdES%8y0d<i5X`ym$Os$l(UXlP8byNKFbcyVj`a
znV2jqHA%)~*@X)htj_DxB{WmBp1LQqWxZITxzq0JJco@7r^XoXRNEl=+BD?ck#Dm-
zd9DU5m2xZzasFNX&zId)<o;rbuKaaB)7Dk#-=1GAr6v{jhCeqmOPOu<JcP3n6k2vU
Z$RD!yzp&<dh6B*E44$rjF6*2UngE2UZc6|F

literal 0
HcmV?d00001

diff --git a/static/webrings/gamedev/ringprev.png b/static/webrings/gamedev/ringprev.png
new file mode 100644
index 0000000000000000000000000000000000000000..d1dd75de7ee9aa0749e978e5d484999764427f65
GIT binary patch
literal 277
zcmeAS@N?(olHy`uVBq!ia0vp^DnM+<!3HFqeRrk;sXLx7jv*Cu-p;tl+pHks8ZXTL
zT0-`ypv+R`FPoK1lxK%|p3*K@yvXjsJozTYXBD6REEG;IN#fyB)M!~C(B#AcVr)<_
z`Ii^r5h5trmihMg`%5Vc3j~ipewsU5W6O$;Wv85GcV(>7n6kBF*$JoJVi!dMUtCc7
zw8#JTS20nmsr?sb*gWi7q5t!?zUn8t;#R%J^oL0sjiOKQ{A}zha%o9=PVUZ0=^PWw
zk7dnJbh#$EdeeloyFF)30zDp!KjulCRIkd-x}nxSW#I(&{0jmiP5~T_iY%=_#th*q
Z=2geTe6OF~upH=522WQ%mvv4FO#rfaZ{q*}

literal 0
HcmV?d00001

diff --git a/static/webrings/noai/w95widget.gif b/static/webrings/noai/w95widget.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b5e500a52dd68f0f08913104500bcc1c25fe1633
GIT binary patch
literal 1717
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
LR=3)!2mk;(5J6oL

literal 0
HcmV?d00001

diff --git a/static/webrings/noai/w95widget.png b/static/webrings/noai/w95widget.png
new file mode 100644
index 0000000000000000000000000000000000000000..d347c544ec0c409dc4ba72fc867a9368fcdd121c
GIT binary patch
literal 1753
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

literal 0
HcmV?d00001

diff --git a/static/webrings/noai/w95widget.webp b/static/webrings/noai/w95widget.webp
new file mode 100644
index 0000000000000000000000000000000000000000..deed1e437835052175a188d2448703a66caeb174
GIT binary patch
literal 1478
zcmY*YeN>WH7=L;BkdGu4k-0gKT7HD?yv&akMhh&RDH*9CX&cx$wX)MZ(~eq5K*Ku2
zoy>AM)56u3!D}*dEz=>n)sYOFo>|zkppa7@cVw6qWxA`|AMHNpe*B*2_dNG^&%HNy
zLq>)f4?zX#X#$a872gEbNU|y@z$T1{g2RcEL1Ck?vO@{n919E)GBH$WvDJ}T5TwLF
zP#70agd8voL1Nup-q_fNihaktmrwYaNDI8uIV_00*@$lf2y!U>a!a8C7%->eu>Xsd
zCe%xP|MNiWcDmM5YVA|x`A;nhWm_$Se|vsNJzw;C^ue;QCBrQ<F#5sDgKpfBCffQk
zb&C89+xh278sA2m53!NlHqrxXUYUAn>ACp}uX7H~$Z%O1p8PV;U00x-U~p(H%%09F
zo{bW3O}nVuj^7nhuQ@Wdm79F0cqoi-+iP#_qW)5a{bMV4n%s2KgP$$gqptW1WW9jj
zsaLsm?97bc!xEYfenzbiO!mv0PV*9*7^g}W(NT`tt;q~=Td_8ZEzP8^*h81A{H+$0
zeKji7-kgveFSw|dMK;km$2gu9$DXh@5yDq?IDE2Hd5i?tog7<fs*0>iO-9h=lq``>
zR(!kJk+g-rJBQFjTaMMrB7gv#)#8@v*u2C5TYP4C<#AB-1;<K^3RTqy#(hi8OH^lO
z=wzvUEAjNHTF-_ImXl#6u8m$c3)er<$ztRYp-w+5u|Dv_EI`BF??TkQrctW3Z}nWO
ziF}|ak*4s}92l8;2@y!s0oMnguPpR*94=~+cJ4_ji=l~%QB-}Q84{v>0(zn@K9<Q8
zYn)f0gL@63jftCoB>yU-hcv|9(+l4^n@0G7AAKe%6mW@Sdg)Qj$83yVtQqPWS%nQ1
zcMC|B%(4grYapzjc@qsMT^iF5u7^eO0-}+8>mHkr38|pwDX*O#XBqz%-FloBoM<d;
z3%(+(bPsNpjxTl|+315gdTwOiW3%O?xonADL5RXGB?~<1tmK073}c}xjq4QQ50<6x
z$gvc*<~9!A(@SFwG|nY*hcWdkP2?OGwH9fXRli3+9G@E5SfHz0@$^PRl8L<9H{9O0
zPU46*mm5mg8$5Pq*u$@Kh#~kk+~hX;{a#_^480|w4b~`^G#{p@+eOtXp#k3FUne9Q
zq;y#dR}_h=QS!6Sw<8QvVSotRw@Zl<#Ppuu7zWlw;9M}4ZyWs+MS3hwlg0CIxg1~|
z)g!E*?^a`cu&A13Fm_I4i#1(BiH!ctxZn*E@kG@}g~o|&CHfKobH5%jk&%CC2y6Np
zv&UU>-qMrXd*!>NuW38VBXtb9Y9r95LEhai!n(8|m%{O01CM$Ci{W-PO862fT`ocU
zfMBz@0Wm(*3M+TM_Top7t>%Jqp797Ga*`yeoF`hLeMpaB4uL(&0X9ugdQipwIYOJF
zcoWFa17gH8_}ieQ8l-F#;|=D1W<vW*xMM)lIF3wCg2FEChzI|TS?n*dFbrNiP~(GN
z`L?A<o!Suy%yQND!a88~Q3g?h)+`=~55yOM>uHlTjvy#Fjm>OvQEtjro@m`G*h%R>
zq4cCXDE*A9;b!i0yer#J5+TR<hIwXOKcfzb09!4L(vKty^lT-F!Crif#PO4lvgW|*
zTH#zDswloZ!Kj%iIqyR9xigf_ss=T};`jy_6O8=chm@)LLpR=+o}0y+S>wp=SFK+J
zi{}Jvasv1z`-1Ifq69UF>vPK`$xL^+pSyRWVhwdxBgy8`c{K<cB3H%A*+Dn|>${()
z<AujnPA`~nkH)oRJ@NVggPtGA$NS(%E`XI}Z#paA+!kOa)(o6b&Yz9TzfO7Dt+*42
F{ReQIbIbq$

literal 0
HcmV?d00001

diff --git a/static/webrings/noai/w95widget2.webp b/static/webrings/noai/w95widget2.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6d0ec7c53e049939523c1dbaed626d50c9ccbf3a
GIT binary patch
literal 1740
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

literal 0
HcmV?d00001