admins page

.forgejo/buttons.sh

@@ -10,6 +10,7 @@ printf "downloading authenyo ..." && curl -fsSL -A "synth.download Button Downlo
 printf "downloading autumn ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/autumn.webp" http://autumn.town/assets/buttons/mybutton.webp && echo
 printf "downloading benjae ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/benjae.png" https://benjae.nekoweb.org/assets/buttons/benjae.png && echo
 printf "downloading birdcat ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/birdcat.gif" https://birdcat.online/img/buttons/birdcatonline.gif && echo
+printf "downloading bluefox longtail ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/bluefox.png" https://bluefoxlongtail.neocities.org/buttons/myself/bluefox.png && echo
 printf "downloading cooper ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/outofshape.gif" https://ottr.uk/img/88x31/outofshape.gif && echo
 printf "downloading david ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/david.png" https://david.garden/wp-content/uploads/2024/09/david-site-button.png && echo
 printf "downloading doskel ..." && curl -fsSL -A "synth.download Button Downloader/1.0" -o "${BUTTONS_DIR}/doskel.png" https://doskel.net/button.png && echo

_includes/layouts/admins/list.njk

@@ -1,18 +1,20 @@
 <div id="sneexy" class="card sneexy">
     <h4><a href="#sneexy">Sneexy <small>(Ruben)</small></a></h4>
-    <p>Founder; Webmaster; Admin.</p>
+    <p>Current webmaster; <span style="cursor:help;" title="Not literally - in reference to my synth/sona's capability to run software and store endless amounts of data thanks to advanced Goo-Storage™ technology.">Hardware host <small><i>(slosh!~)</i></small></span>; Admin.</p>
     <p class="button-container"><a class="button" href="/~sneexy"><span class="icon tabler--arrow-forward"></span> Page</a></p>
-    <img class="sona" loading="lazy" src="/assets/admins/sneexy.svg" alt="" />
+    <img class="sona" src="/assets/admins/sneexy.svg" alt="" />
 </div>
 <div id="senil" class="card senil">
     <h4><a href="#senil">Senil</a></h4>
     <p>Maintainer; Admin.</p>
     <p class="button-container"><a class="button" href="https://senil.me"><span class="icon tabler--external-link"></span> Website</a></p>
+    <img class="sona" src="/assets/admins/senil.png" alt="" />
 </div>
 <div id="unnick" class="card unnick">
     <h4><a href="#unnick">unnick</a></h4>
     <p>Maintainer; Admin.</p>
     <p class="button-container"><a class="button" href="https://beepi.ng"><span class="icon tabler--external-link"></span> Website</a></p>
+    <img class="sona" src="/assets/admins/unnick.png" alt="" />
 </div>
 <div id="melontini" class="card melontini">
     <h4><a href="#melontini">melontini</a></h4>

_includes/layouts/navbar.njk

@@ -14,7 +14,7 @@
                 <a href="/"><span class="icon tabler--server-cog"></span> <span class="text">Services</span></a>
             </li>
             <li class="nav-webmaster">
-                <a href="/~sneexy"><span class="icon tabler--user"></span> <span class="text">The webmaster</span></a>
+                <a href="/admins"><span class="icon tabler--user"></span> <span class="text">Admins</span></a>
             </li>
             <li class="nav-donate">
                 <a href="/donate"><span class="icon tabler--currency-dollar"></span> <span class="text">Donate</span></a>
@@ -23,7 +23,7 @@
     </div>
     <a class="nav-base nav-left nav-links nav-home" href="/"><span class="icon tabler--home"></span> <span class="text">Home</span></a>
     <a class="nav-base nav-left nav-links nav-services" href="/services"><span class="icon tabler--server-cog"></span> <span class="text">Services</span></a>
-    <a class="nav-base nav-left nav-links nav-webmaster" href="/~sneexy"><span class="icon tabler--user"></span> <span class="text">The webmaster</span></a>
+    <a class="nav-base nav-left nav-links nav-webmaster" href="/admins"><span class="icon tabler--user"></span> <span class="text">Admins</span></a>
     <a class="nav-base nav-left nav-links nav-donate" href="/donate"><span class="icon tabler--currency-dollar"></span> <span class="text">Donate</span></a>
     <div class="nav-base nav-right nav-settings" aria-roledescription="Settings Menu">
         <input type="checkbox" id="nav-settings-menu" value="" name="nav-settings-menu">

_includes/layouts/sneexy/buttons.njk

@@ -24,6 +24,7 @@
             <a href="https://benjae.nekoweb.org"><img src="/assets/buttons/friends/benjae.png" alt="benjae"></a>
             <a href="https://birdcat.online"><img src="/assets/buttons/friends/birdcat.gif" alt="birdcat dot online"></a>
             <a href="https://blueb.pages.gay"><img src="/assets/buttons/friends/harper.png" alt="harper"></a>
+            <a href="https://bluefoxlongtail.neocities.org"><img src="/assets/buttons/friends/bluefox.png" alt="Bluefox Longtail"></a>
             <a href="https://david.garden"><img src="/assets/buttons/friends/david.png" alt="david wolfpaw"></a>
             <a href="https://doskel.net"><img width="88" height="31" src="/assets/buttons/friends/doskel.png" alt="doskel"></a>
             <a href="https://dragon-vi.be"><img src="/assets/buttons/friends/sirlan.png" alt="sirlain"></a>

_includes/styles/base.css

@@ -492,24 +492,24 @@ summary {
     margin-inline: auto;
 
     img {
-        width: 88px;
         height: 31px;
+        image-rendering: crisp-edges !important;
         margin: unset !important;
-        image-rendering: pixelated !important;
         transition: transform 0.2s;
+        width: 88px;
     }
 
     .generic {
         align-content: center;
         background-color: color-mix(in srgb, var(--background) 90%, white);
+        border: solid .15rem;
+        box-sizing: border-box;
+        color: var(--foreground);
         font-size: .95rem !important;
         height: 31px;
         text-align: center;
         transition: transform 0.2s;
         width: 88px;
-        box-sizing: border-box;
-        border: solid .15rem;
-        color: var(--foreground);
     }
 
     .generic:hover, img:hover {

_includes/styles/pages/admins.css

@@ -13,12 +13,17 @@
 
     .sona {
         bottom: -3rem;
-        max-width: 15rem;
+        max-width: 20rem;
         opacity: .5;
-        pointer-events: none;
         position: absolute;
         right: 0;
-        transform: rotate(16deg);
+        transform: rotate(16deg) scaleX(-1);
+        transition: 0.2s;
+
+        &:hover {
+            opacity: 1;
+            transition: 0.2s;
+        }
     }
 
     &.sneexy {
@@ -31,6 +36,10 @@
         .button-container .button:hover {
             color: white !important;
         }
+
+        .sona {
+            bottom: -8rem;
+        }
     }
 
     &.unnick {
@@ -39,5 +48,15 @@
         .button-container .button:hover {
             color: white !important;
         }
+
+        .sona {
+            bottom: -2rem;
+        }
+    }
+
+    @media screen and (max-width: 750) {
+        & {
+            padding-bottom: 6rem;
+        }
     }
 }