Link cleanup and additions

_layouts/shr4pnel.html

@@ -247,13 +247,6 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
-                <a href="https://f4tal.rip/" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/buttons/f4t4l-btn.png"
-                            alt="fatal!"
-                            loading="lazy"
-                    />
-                </a>
                 <a href="https://risingthumb.xyz/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/buttons/risingthumb.png"
@@ -275,7 +268,68 @@ layout: compress
             <div class="graveyard friend-container">
                 <img src="/assets/buttons/cockpit.png" alt="cockpit bluntsmoker's button, reads blunty's barrow"
                      loading="lazy">
+                <img
+                    src="/assets/buttons/f4t4l-btn.png"
+                    alt="fatal!"
+                    loading="lazy"
+                />
             </div>
+            <sub>Lainchan:</sub>
+            <div class="graveyard friend-container lain-gy">
+                    <img
+                            src="/assets/lain/varchar.png"
+                            loading="lazy"
+                            alt="ascii art green terminal stylised text reading: varchar"
+                    />
+                    <img
+                            src="/assets/lain/nauxnam.gif"
+                            alt="spinning human head with glitchy background effect"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/nihilism-banner.png"
+                            alt="nihilism.network banner"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/datura-banner.png"
+                            alt="datura.network banner"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/lainnet.png"
+                            alt="lainnet banner. red text on black background next to lain iwakura"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/antisocial.png"
+                            alt="antisocial.moe, green smiley face"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/arc86.gif"
+                            alt="arc86 button!!!"
+                            loading="lazy"
+                    />
+                     <img
+                            src="/assets/lain/eyetower.png"
+                            alt="eyetower.xyz, photo of distant tower"
+                            loading="lazy"
+                    />
+                     <img
+                            src="/assets/lain/neet.gif"
+                            alt="neetventures banner. pretty background"
+                            loading="lazy"
+                    />
+                    <img
+                            src="/assets/lain/vimfag_net.gif"
+                            alt="vimfag.net, woman smoking"
+                            loading="lazy"
+                    />
+                    
+            </div>
+                    
+            
             <h2 class="highlighted">webrings</h2>
             <div class="flex-wrap">
                 <p>Hotline Webring</p>
@@ -359,7 +413,7 @@ layout: compress
                             alt="still image, neon green text on black backdrop. reads: havinganame@neocities"
                     />
                 </a>
-                <a href="https://cabbagesorter.neocities.org/" target="_blank" rel="noreferrer">
+                <a href="https://https://cabbagesorter.net/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/cabbagesorter.png"
                             loading="lazy"
@@ -380,13 +434,6 @@ layout: compress
                             alt="white text on black background with blue cat. animated, cats eyes turn red and it rolls offscreen to the right. text reads: sizeof. cat is on the right of this text"
                     />
                 </a>
-                <a href="https://varchar.neocities.org/" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/varchar.png"
-                            loading="lazy"
-                            alt="ascii art green terminal stylised text reading: varchar"
-                    />
-                </a>
                 <a href="https://猫.移动/webring/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/xn-neko.gif"
@@ -470,34 +517,6 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
-                <a href="https://nauxnam.net" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/nauxnam.gif"
-                            alt="spinning human head with glitchy background effect"
-                            loading="lazy"
-                    />
-                </a>
-                <a href="https://lainnet.superglobalmegacorp.com/" target="_blank">
-                    <img
-                            src="/assets/lain/lainnet.png"
-                            alt="lainnet banner. red text on black background next to lain iwakura"
-                            loading="lazy"
-                    />
-                </a>
-                <a href="https://nihilism.network" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/nihilism-banner.png"
-                            alt="nihilism.network banner"
-                            loading="lazy"
-                    />
-                </a>
-                <a href="https://datura.network" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/datura-banner.png"
-                            alt="datura.network banner"
-                            loading="lazy"
-                    />
-                </a>
                 <a href="https://scio.icu/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/SCIO.png"
@@ -512,13 +531,6 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
-                <a href="https://neetventures.com/" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/neet.gif"
-                            alt="neetventures banner. pretty background"
-                            loading="lazy"
-                    />
-                </a>
                 <a href="https://3to.moe/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/3to.gif"
@@ -539,27 +551,6 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
-                <a href="https://antisocial.moe" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/antisocial.png"
-                            alt="antisocial.moe, green smiley face"
-                            loading="lazy"
-                    />
-                </a>
-                <a href="https://eyetower.xyz" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/eyetower.png"
-                            alt="eyetower.xyz, photo of distant tower"
-                            loading="lazy"
-                    />
-                </a>
-                <a href="https://vimfag.net" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/vimfag_net.gif"
-                            alt="vimfag.net, woman smoking"
-                            loading="lazy"
-                    />
-                </a>
                 <a href="https://oedo808.neocities.org" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/oedo808_webring.gif"
@@ -602,13 +593,6 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
-                <a href="https://arc86.net/" target="_blank" rel="noreferrer">
-                    <img
-                            src="/assets/lain/arc86.gif"
-                            alt="arc86 button!!!"
-                            loading="lazy"
-                    />
-                </a>
                 <a href="https://riverbed.foo/" target="_blank" rel="noreferrer">
                     <img
                             src="/assets/lain/riverbed.gif"
@@ -623,6 +607,49 @@ layout: compress
                             loading="lazy"
                     />
                 </a>
+                <a href="http://lostinthecycle.xyz/" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/lostinthecycle.png"
+                            alt="lostinthecycle button dontcha know !!!"
+                            loading="lazy"
+                    />
+                </a>
+                <a href="https://gand-elf.neocities.org" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/gandelfplace.gif"
+                            alt="gandelf!!"
+                            loading="lazy"
+                    />
+                </a>
+                <a href="https://cattle.nehulus-vagus.com/" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/cattle.png"
+                            alt="cattlemutilation!"
+                            loading="lazy"
+                    />
+                </a>
+                <a href="https://lain.la/" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/lain-la.png"
+                            alt="lain.la for sure"
+                            loading="lazy"
+                    />
+                </a>
+                <a href="https://turpelurpeluren.online/" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/turpelurpeluren.gif"
+                            alt="turpelurpeluren (tongue twister)"
+                            loading="lazy"
+                    />
+                </a>
+                <a href="https://world-playground-deceit.net/" target="_blank" rel="noreferrer">
+                    <img
+                            src="/assets/lain/world-playground-deceit.png"
+                            alt="world playground deceit !"
+                            loading="lazy"
+                    />
+                </a>
+                
             </div>
         </div>
         <a href="https://git.shr4pnel.com/observer/blog"><p>Source</p></a>

assets/css/index.css

@@ -200,6 +200,15 @@ div.social-links > a {
     margin: 0 15px;
 }
 
+.friend-container.lain-gy > img {
+    width: 240px;
+    height: 60px;
+}
+
+.graveyard > img {
+    margin: 0 3px 3px 0;
+}
+
 @media only screen and (max-width: 980px) {
     .card {
         min-width: unset;