From b1d25e1c241f4576b30de33b62090251c18a37a6 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Fri, 31 May 2024 10:01:10 -0500
Subject: [PATCH] add roboring and make them look nicer; css fix

---
 index.html |  9 ++++++---
 style.css  | 48 ++++++++++++++++++++++++++++++++++++++----------
 2 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 3180eed..13be683 100644
--- a/index.html
+++ b/index.html
@@ -132,8 +132,9 @@
     </div>
     <section>
         <h2><a href="#buttons">buttons</a></h2>
-        <p>all goes to awesome friends and websites! <small>friends listed alphabetically. <span style="color: var(--red);">if any are broken and/or missing, poke me.</span> <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
+        <span style="color: var(--red);">if any are broken and/or missing, poke me.</span>
         <div class="buttons">
+            <p>friends! <small>listed alphabetically. <span style="color: var(--green);">last 2 friend buttons are mine! please hotlink whichever you like!</span></small></p>
             <!--
             <a href="https://web.site" target="_blank"><img src="https://link.to/button" alt="User/Website title" title="User/Website title"></a>
             -->
@@ -146,7 +147,7 @@
             <a href="https://jack.cab" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfBAMAAACR5hfTAAAAGFBMVEUAAAB3dnuamZbJuKfAv7zYxbPe1Mre3dqiErpIAAAA2UlEQVQ4y7WTUQqDQAxEFz88Qr/DUNrfglcQe4BeYCvtHKAU9vpNdlVQa9mFmo8YlucwGYhz/6yabLJhKnwpgZsiOFeaPW7Z0uyPzwIYODEbbtud4Pv7eshXfp0LbISwk2cGMB9GyIZrU/aLN/9tTIWVwJ4wzZruYqPxFURBbYjTDNZjo12ctzEKAvqDNlhbwCqokjVrPwg7SKW69sHas8JxjMKVjI6xtD3YYDr+CU425jAnGwn2EyzuBxw964KdbHqmhTBL4yGbaUSbtMXGnDsZchasc/5/fQBe10j9sWqcbgAAAABJRU5ErkJggg==" alt="Jack" title="Jack"></a> <!-- thanks jack -->
             <a href="https://kyropy.neocities.org" target="_blank"><img src="https://kyropy.neocities.org/images/kyropybutton.png" alt="Kyropy" title="Kyropy"></a>
             <a href="https://micenest.xyz" target="_blank"><img src="./assets/buttons/friends/micenest.png" alt="Mice Nest" title="Mice Nest"></a>
-            <a href="https://micro.pages.gay" target="_blank"><img src="https://micro.pages.gay/buttons/micro.png" alt="micro" title="micro"></a>
+            <a href="https://micro.pages.gay" target="_blank"><img src="https://git.gay/Micro/pages/raw/branch/egui-rewrite/src/assets/buttons/micro.png" alt="micro" title="micro"></a>
             <a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire" title="notfire"></a>
             <a href="https://ofplayers.net" target="_blank"><img src="https://ofplayers.net/images/88x31/millions.png" alt="Millions" title="Millions"></a>
             <a href="https://soafen.love" target="_blank"><img src="https://soafen.love/img/88x31/soafen.gif" alt="soafen" title="soafen"></a>
@@ -158,6 +159,7 @@
             <a href="https://sneexy.pages.gay"><img src="./assets/buttons/sneexy_cat.png" alt="Sneexy" title="Sneexy"></a>
         </div>
         <div class="buttons">
+            <p>cool things and websites!</p>
             <!-- software/browsers -->
             <a href="https://www.mozilla.org/en-US/firefox/new" target="_blank"><img src="./assets/buttons/software/getfirefox.gif" alt="Get Firefox" title="Get Firefox"></a>
             <a href="https://ublockorigin.com" target="_blank"><img src="./assets/buttons/software/ublockoriginnow.png" alt="uBlock Origin Now!" title="uBlock Origin Now!"></a>
@@ -190,7 +192,8 @@
 <!-- webrings and credits -->
 <footer>
     <div id="webring-credits" class="terminal">
-        <p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
+        <p class="fediring"><b><a href="https://fediring.net/previous?host=sneexy.pages.gay">←</a> <a href="https://fediring.net">Fediring</a> <a href="https://fediring.net/next?host=sneexy.pages.gay">→</a></b></p>
+        <p class="fediring"><b><a href="https://stellophiliac.github.io/roboring/sneexy/previous">←</a> <a href="https://stellophiliac.github.io/roboring">roboring</a> <a href="https://stellophiliac.github.io/roboring/sneexy/next">→</a></b></p>
         <p><a href="https://git.gay/sneexy/pages" target="_blank">website source!</a></p>
         <p><a href="https://catppuccin.com" target="_blank">Catppuccin</a> <a href="https://raw.githubusercontent.com/catppuccin/catppuccin/main/LICENSE" target="_blank">license</a> 💜</p>
         <p><a href="https://kde.org" target="_blank">KDE</a>/axo1otl for the wallpaper</p>
diff --git a/style.css b/style.css
index 5eeeaf0..1e91496 100644
--- a/style.css
+++ b/style.css
@@ -146,10 +146,6 @@ font config, Lexend Deca
     font-style: bold;
 }
 
-* {
-    overflow: auto;
-}
-
 /*
 background wallpaper, font
 */
@@ -526,17 +522,48 @@ buttons
 footer/credits
 */
 footer {
-    .fediring a {
-        display: inline-grid;
-        font-size: 24px;
-        color: var(--green);
-        text-decoration: wavy;
-        margin-bottom: .5em;
+    .fediring {
+        a {
+            display: inline-grid;
+            font-size: 24px;
+            color: var(--green);
+            margin-bottom: .5em;
+        }
+        [href="https://fediring.net"] {
+            color: var(--base);
+            background: var(--flamingo);
+            padding: 0px 10px 0px 10px;
+            border-radius: 5px;
+        }
+        [href="https://stellophiliac.github.io/roboring"] {
+            @media (prefers-color-scheme: light) {
+                color: var(--base);
+            }
+            @media (prefers-color-scheme: dark) {
+                color: var(--text);
+            }
+            background: var(--overlay0);
+            padding: 0px 10px 0px 10px;
+            border-radius: 5px;
+        }
+        [href*="previous"] {
+            color: var(--base);
+            background: var(--yellow);
+            padding: 0px 10px 0px 10px;
+            border-radius: 5px;
+        }
+        [href*="next"] {
+            color: var(--base);
+            background: var(--green);
+            padding: 0px 10px 0px 10px;
+            border-radius: 5px;
+        }
     }
     p, a {
         text-align: center;
         font-size: 15px;
         margin: .2em 0px .2em;
+        text-decoration: none;
     }
     img {
         max-width: 30%;
@@ -596,6 +623,7 @@ animations
     /* values: 128px, 256px, 348px, 396px*/
     0% { transform: perspective(396px) rotateY(0); }
     100% { transform: perspective(396px) rotateY(360deg); }
+}
 @-webkit-keyframes rainbow {
     0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
     100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }