reorganize the buttons/webrings section a bit and add ako button

frontend/public/scripts/main.js

@@ -5,7 +5,7 @@ const badgeOrange = document.getElementById("badgeOrange");
 const colorBool = Math.random() < 0.5;
 const is_root = location.pathname === "/";
 
-const badgeAmount = 18
+const badgeAmount = 20
 
 // loads all the functions to be loaded on load, pretty simple, it loads shit on load.
 function onLoad() {
@@ -132,6 +132,7 @@ const micro = '<a href="https://micro.pages.gay/"><img class="badge" src="/asset
 const lykrast = '<a href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text \'Lykrast\'" loading="lazy"></a>'
 const starshines = '<a href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen \'fox fox fox fox fox\'" loading="lazy"></a>'
 const umbreon = '<a href="https://umbreon.online/"><img class="badge" src="/assets/images/badges/friends/umbreon_dot_online.gif" alt="a button a striped teal background, an umbreon sprite, and the text \'umbreon dot online\' in white" loading="lazy"></a>'
+const ako = '<a href="https://catgirl.homes/~ako/index2"><img class="badge" src="/assets/images/badges/friends/ako.png" alt="a blue/white grainy background, a little pixel-art house sits next to the word Ako in blue bordered white text" loading="lazy"></a>'
 
 const missing = '<a><img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy"></a>'
 
@@ -153,6 +154,8 @@ const badges = [
   lykrast,
   starshines,
   umbreon,
+  ako,
+  missing,
   missing
 ];
 

frontend/src/components/footer/buttons.astro

@@ -3,20 +3,15 @@ import MyButtons from "./mybuttons.astro"
 import FriendlyButtons from "./friendly-buttons.astro"
 import OtherButtons from "./other-buttons.astro"
 ---
-<h3>88x31 buttons  <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
+<h3>buttons/webrings  <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
 <MyButtons />
 <hr>
 <div style="display: flex; flex-wrap: nowrap; justify-content: center;">
-    <p style="transform: translateX(-10px);">friendly buttons</p>
+    <p style="transform: translateX(-147px);">friendly buttons</p>
-
+    <p style="transform: translateX(134px);">other buttons</p>
-    <hr style="width: 0; margin-left: 130px; margin-right: 130px; transform: translateX(-17px);">
-
-    <p style="transform: translateX(-5px);">other buttons</p>
 </div>
 <div style="display: flex; flex-wrap: nowrap; justify-content: center;">
     <FriendlyButtons />
-
-    <hr style="width: 0; height: 300px; margin-left: 80px; margin-right: 80px;">
-
     <OtherButtons />
-</div>
+</div>
+<br>

frontend/src/components/footer/friendly-buttons.astro

@@ -16,7 +16,9 @@
     <a id="badgeDefault15" href="https://lykrast.com/"><img class="badge" src="https://lykrast.com/8831.png" alt="hand holding a black hole, with the text 'Lykrast'" loading="lazy"></a>
     <a id="badgeDefault16" href="https://starshines.gay/"><img class="badge" src="/assets/images/badges/friends/foxfoxfox.png" alt="image of a neofox in a box, next to it is some text reading off the screen 'fox fox fox fox fox'" loading="lazy"></a>
     <a id="badgeDefault17" href="https://umbreon.online/"><img class="badge" src="/assets/images/badges/friends/umbreon_dot_online.gif" alt="a button a striped teal background, an umbreon sprite, and the text 'umbreon dot online' in white" loading="lazy"></a>
-    <img id="badgeDefault18" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
+    <a id="badgeDefault18" href="https://catgirl.homes/~ako/index2"><img class="badge" src="/assets/images/badges/friends/ako.png" alt="a blue/white grainy background, a little pixel-art house sits next to the word Ako in blue bordered white text" loading="lazy"></a>
+    <img id="badgeDefault19" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
+    <img id="badgeDefault20" class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
 
     <div id="badge1" style="display: none"></div>
     <div id="badge2" style="display: none"></div>
@@ -36,4 +38,6 @@
     <div id="badge16" style="display: none"></div>
     <div id="badge17" style="display: none"></div>
     <div id="badge18" style="display: none"></div>
+    <div id="badge19" style="display: none"></div>
+    <div id="badge20" style="display: none"></div>
 </div>

frontend/src/components/footer/mybuttons.astro

@@ -1,5 +1,4 @@
 <p>buttons i created</p>
-<p style="transform: translateX(-92px); margin-bottom: -3px; margin-top: -15px; font-size: small; color: var(--accent);">for this site!</p>
 <div style="display: flex; flex-wrap: nowrap; justify-content: center;">
     <div class="badgeContainer">
         <a id="badgeGray" href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver-gray.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
@@ -10,8 +9,5 @@
         <img id="sgaButton" style="cursor: pointer; display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy">
     </div>
 </div>
-<p id="sgaButtonText" style="visibility: hidden; transform: translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
+<p id="sgaButtonText" style="visibility: hidden; transform: translateX(140px) translateY(-15px); font-size: small; margin-bottom: -20px; color: var(--accent);">press me!</p>
-<hr>
+<p style="transform: translateX(-136px); margin-top: -32px; font-size: small; color: var(--accent);">for this site!</p>
-<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif" alt="'buy ko-fi' jumping up and down next to the kofi logo"></a>
-<p style="transform: translateX(0px); margin-bottom: -20px; margin-top: -5px; font-size: x-small; color: var(--accent);">if ya feel like helpin out a lil</p>
-<br/>

frontend/src/components/footer/other-buttons.astro

@@ -20,36 +20,7 @@
     <a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img class="badge" width="88" height="31" src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
     <a href="https://new.lgbtqia.wiki/wiki/Non-Binary"><img class="badge" width="88" height="31" src="/assets/images/badges/nonbinary.png" alt="Nonbinary flag" loading="lazy"></a>
     <a href="https://new.lgbtqia.wiki/wiki/Transgender"><img class="badge" width="88" height="31" src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
-<!--  discarded for now  -->
+<!-- placehold -->
-    <!--<a href="https://graphics.cs.utah.edu/teapot/"><img class="badge" width="88" height="31" src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>-->
+    <img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
-    <!--<a href="https://gnu.org"><img class="badge" width="88" height="31" src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>-->
+    <img class="badge" src="/assets/images/badges/mine/missing-texture.png" alt="magenta and black checker pattern" loading="lazy">
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>-->
-    <!--    <a href="https://www.last.fm/user/LimePotato"><img class="badge" width="88" height="31" src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
-        <img class="badge" width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
-        <img class="badge" width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>-->
-    <!--<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"><img class="badge" width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/></a>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>-->
-    <!--<a href="https://steamcommunity.com/id/limepot/"><img class="badge" width="88" height="31" src="/assets/images/badges/steam.gif" alt="friend me on steam" loading="lazy"/></a>-->
-    <!--<a href="https://developer.valvesoftware.com/wiki/Source"><img class="badge" width="88" height="31" src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>-->
-    <!--<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>-->
-    <!--<a href="https://github.com/yt-dlp/yt-dlp"><img class="badge" width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>-->
-    <!--    <a href="https://store.steampowered.com/app/70/HalfLife"><img class="badge" width="88" height="31" src="/assets/images/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>-->
-    <!--<a href="https://store.steampowered.com/app/400/Portal/"><img class="badge" width="88" height="31" src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>-->
-    <!--<a href="https://www.noaa.gov/"><img class="badge" width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>-->
-    <!--<a href="https://www.java.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>-->
-    <!--<img class="badge" width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>-->
-    <!-- First Line is activism stuff -->
-    <!--    <a href="https://jointhefediverse.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>-->
-    <!--    <a href="https://www.anera.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>-->
-    <!--    <a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>-->
-    <!--    <a href="https://en.wikipedia.org/wiki/Right_to_repair"><img class="badge" width="88" height="31" src="/assets/images/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>-->
-    <!--    <a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>-->
-    <!--    <img class="badge" width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>-->
-    <!--    <a href="https://archive.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>-->
 </div>

frontend/src/components/footer/webrings.astro

@@ -1,5 +1,4 @@
-Web Rings
+<p>web rings</p>
-<br>
 <a href="https://webring.umbreon.online/prev?from=https://nelle.observer"><i class="nf nf-cod-arrow_left"></i></a>
 <a href="https://webring.umbreon.online/">umbreon</a>
 <a href="https://webring.umbreon.online/next?from=https://nelle.observer"><i class="nf nf-cod-arrow_right"></i></a>

frontend/src/components/main-page/about.astro

@@ -21,13 +21,13 @@
       <br>
         i host various services, mostly for myself and my friends. All of which can be found at <a href="https://ouroboros.group/">the uptime kuma page</a>.
         among the things i host are a few fediverse instances
-        <a href="https://ouroboros.gay/">ouroboros.gay</a>, <a href="https://limbo.town">limbo.town</a>.
+        <a href="https://ouroboros.gay/">ouroboros.gay</a> and <a href="https://limbo.town">limbo.town</a>, as well as a
-        i also host my own <a href="https://git.nullafati.xyz/">git forge</a>, among various other things.
+        <a href="https://git.nullafati.xyz/">git forge</a>, and various other things.
         i enjoy the process of spinning up and hosting software, dunno why.
       <br>
       <br>
         i dont have many projects that are ongoing <i>and</i> ready to show to the public, but i have made a few minecraft mods. all of which can be seen on my
-        <a href="https://modrinth.com/user/limepotato">modrinth page</a>, my two current (admittedly small) public mods are
+        <a href="https://modrinth.com/user/limepotato">modrinth page</a>, my two current, and admittedly small, public mods are
         <a href="https://modrinth.com/mod/edible-blocks">edible blocks</a> and <a href="https://modrinth.com/mod/roses-quilt">roses</a>.
       <br>
       <br>