From c3a0d63703180ebe1c86324f0503cb197d83d79e Mon Sep 17 00:00:00 2001
From: limepotato <limepot@protonmail.ch>
Date: Mon, 2 Sep 2024 16:37:58 -0600
Subject: [PATCH] fix 88x31 badge alignment and sizing

---
 .../badges/{ => NOT88by31}/amd_powered.gif    | Bin
 .../{ => NOT88by31}/ko-fi-button-red.png      | Bin
 .../{ => NOT88by31}/made-with-astro.svg       |   0
 .../{ => NOT88by31}/made-with-bulma--dark.png | Bin
 .../badges/{ => NOT88by31}/vscodium100.gif    | Bin
 astro/public/styles/css/classes.css           |   7 ++
 .../components/footer/friendly-buttons.astro  |   8 +-
 .../src/components/footer/other-buttons.astro | 111 +++++++++---------
 8 files changed, 67 insertions(+), 59 deletions(-)
 rename astro/public/assets/images/badges/{ => NOT88by31}/amd_powered.gif (100%)
 rename astro/public/assets/images/badges/{ => NOT88by31}/ko-fi-button-red.png (100%)
 rename astro/public/assets/images/badges/{ => NOT88by31}/made-with-astro.svg (100%)
 rename astro/public/assets/images/badges/{ => NOT88by31}/made-with-bulma--dark.png (100%)
 rename astro/public/assets/images/badges/{ => NOT88by31}/vscodium100.gif (100%)

diff --git a/astro/public/assets/images/badges/amd_powered.gif b/astro/public/assets/images/badges/NOT88by31/amd_powered.gif
similarity index 100%
rename from astro/public/assets/images/badges/amd_powered.gif
rename to astro/public/assets/images/badges/NOT88by31/amd_powered.gif
diff --git a/astro/public/assets/images/badges/ko-fi-button-red.png b/astro/public/assets/images/badges/NOT88by31/ko-fi-button-red.png
similarity index 100%
rename from astro/public/assets/images/badges/ko-fi-button-red.png
rename to astro/public/assets/images/badges/NOT88by31/ko-fi-button-red.png
diff --git a/astro/public/assets/images/badges/made-with-astro.svg b/astro/public/assets/images/badges/NOT88by31/made-with-astro.svg
similarity index 100%
rename from astro/public/assets/images/badges/made-with-astro.svg
rename to astro/public/assets/images/badges/NOT88by31/made-with-astro.svg
diff --git a/astro/public/assets/images/badges/made-with-bulma--dark.png b/astro/public/assets/images/badges/NOT88by31/made-with-bulma--dark.png
similarity index 100%
rename from astro/public/assets/images/badges/made-with-bulma--dark.png
rename to astro/public/assets/images/badges/NOT88by31/made-with-bulma--dark.png
diff --git a/astro/public/assets/images/badges/vscodium100.gif b/astro/public/assets/images/badges/NOT88by31/vscodium100.gif
similarity index 100%
rename from astro/public/assets/images/badges/vscodium100.gif
rename to astro/public/assets/images/badges/NOT88by31/vscodium100.gif
diff --git a/astro/public/styles/css/classes.css b/astro/public/styles/css/classes.css
index f258f8b..0752133 100644
--- a/astro/public/styles/css/classes.css
+++ b/astro/public/styles/css/classes.css
@@ -106,4 +106,11 @@ hr {
 .ntfyForm {
     display: flex;
     justify-content: space-between;
+}
+
+.badgeContainer {
+    display: flex; 
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 5px;
 }
\ No newline at end of file
diff --git a/astro/src/components/footer/friendly-buttons.astro b/astro/src/components/footer/friendly-buttons.astro
index 943f348..3fc244b 100644
--- a/astro/src/components/footer/friendly-buttons.astro
+++ b/astro/src/components/footer/friendly-buttons.astro
@@ -1,5 +1,5 @@
 friendly buttons
-<br>
+<div class="badgeContainer">
 <a href="https://elke.cafe/"><img src="/assets/images/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'" loading="lazy"></a>
 <a href="https://azumanga.gay/"><img src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
 <a href="https://lilysthings.org/"><img src="/assets/images/badges/friends/lilysthings.png" alt="the word 'lily!!' next to a microwave" loading="lazy"></a>
@@ -7,9 +7,9 @@ friendly buttons
 <a href="https://void.rehab/"><img src="/assets/images/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'" loading="lazy"></a>
 <a href="https://void.lgbt/"><img src="/assets/images/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'" loading="lazy"></a>
 <a href="https://csillagpor.net"><img src="/assets/images/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
-  <a href="https://voltrina.net"><img src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
+<a href="https://voltrina.net"><img src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
 <a href="https://labyrinth.zone/users/yassie_j"><img src="/assets/images/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
-<br>
+
 <a href="https://disarray.sh/"><img src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
 <a href="https://astrid.tech/"><img src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
 <a href="https://constellatory.net/"><img src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
@@ -18,4 +18,4 @@ friendly buttons
 <a href="https://asahixp.pages.gay/"><img src="/assets/images/badges/friends/kel.webp" alt="Kel DeSoto" loading="lazy"></a>
 <a href="https://micro.pages.gay/"><img src="/assets/images/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>
 <a href="https://loveshock.xyz/"><img src="/assets/images/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'" loading="lazy"></a>
-<br/>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/astro/src/components/footer/other-buttons.astro b/astro/src/components/footer/other-buttons.astro
index 5504da6..77b5136 100644
--- a/astro/src/components/footer/other-buttons.astro
+++ b/astro/src/components/footer/other-buttons.astro
@@ -1,57 +1,58 @@
 other buttons
-<br><!-- First Line is activism stuff -->
-<a href="https://jointhefediverse.net/"><img src="/assets/images/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>
-<a href="https://www.anera.org/"><img src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
-<a href="https://fuckoffgoogle.de/"><img src="/assets/images/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
-<a href="https://privacytests.org/"><img 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 src="/assets/images/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>
-<a href="https://privacytests.org/"><img src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
-<img src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
-<img src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
-<a href="https://archive.org/"><img src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>
-<br><!-- Second line is made with stuff -->
-<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img src="/assets/images/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
-<a href="https://www.w3.org/TR/CSS/#css"><img src="/assets/images/badges/made-with-css.gif" alt="Made with CSS" loading="lazy"/></a>
-<a href="https://www.w3.org/TR/CSS/#css"><img src="/assets/images/badges/css-is-difficult.gif" alt="CSS is Difficult" loading="lazy"/></a>
-<a href="https://vscodium.com/"><img src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
-<a href="https://gnu.org"><img src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
-<a href="https://www.aseprite.org/"><img src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
-<a href="https://transfemscience.org/"><img src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen" loading="lazy"/></a>
-<img src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>
-<img src="/assets/images/badges/amd_powered.gif" alt="powered by amdr" loading="lazy"/>
-<br>
-<a href="https://store.steampowered.com/app/70/HalfLife"><img src="/assets/images/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>
-<a href="https://store.steampowered.com/app/400/Portal/"><img src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>
-<a href="https://steamcommunity.com/id/limepot/"><img src="/assets/images/badges/steam.gif" alt="friend me on steam" loading="lazy"/></a>
-<a href="https://developer.valvesoftware.com/wiki/Source"><img src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>
-<img src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>
-<a href="https://minecraft.net/"><img src="/assets/images/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
-<img src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>
-<img src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>
-<img src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>
-<br>
-<img src="/assets/images/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
-<img src="/assets/images/badges/tiredalien.gif" alt="tired alien" loading="lazy"/>
-<a href="https://ooo.eeeee.ooo/"><img src="/assets/images/badges/miku-approved.gif" alt="this site is miku approved" loading="lazy"/></a>
-<a href="https://www.last.fm/user/LimePotato"><img src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
-<img src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
-<img src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>
-<img src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/>
-<a href="https://graphics.cs.utah.edu/teapot/"><img src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>
-<img src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>
-<br><!-- Memes -->
-<a href="https://www.noaa.gov/"><img src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
-<a href="https://www.java.com/"><img src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
+<div class="badgeContainer">
+<!-- First Line is activism stuff -->
+<a href="https://jointhefediverse.net/"><img 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 width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
+<a href="https://fuckoffgoogle.de/"><img width="88" height="31" src="/assets/images/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
+<a href="https://privacytests.org/"><img 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 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 width="88" height="31" src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
+<img width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
+<a href="https://archive.org/"><img width="88" height="31" src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>
+<!-- Second line is made with stuff -->
+<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img width="88" height="31" src="/assets/images/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
+<a href="https://www.w3.org/TR/CSS/#css"><img width="88" height="31" src="/assets/images/badges/made-with-css.gif" alt="Made with CSS" loading="lazy"/></a>
+<a href="https://www.w3.org/TR/CSS/#css"><img width="88" height="31" src="/assets/images/badges/css-is-difficult.gif" alt="CSS is Difficult" loading="lazy"/></a>
+<a href="https://vscodium.com/"><img width="88" height="31" src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
+<a href="https://gnu.org"><img width="88" height="31" src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
+<a href="https://www.aseprite.org/"><img width="88" height="31" src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
+<a href="https://transfemscience.org/"><img width="88" height="31" src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>
+
+<a href="https://store.steampowered.com/app/70/HalfLife"><img 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 width="88" height="31" src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>
+<a href="https://steamcommunity.com/id/limepot/"><img 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 width="88" height="31" src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>
+<a href="https://minecraft.net/"><img width="88" height="31" src="/assets/images/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>
+<img width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>
+<img width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>
+
+<img width="88" height="31" src="/assets/images/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
+<img width="88" height="31" src="/assets/images/badges/tiredalien.gif" alt="tired alien" loading="lazy"/>
+<a href="https://ooo.eeeee.ooo/"><img width="88" height="31" src="/assets/images/badges/miku-approved.gif" alt="this site is miku approved" loading="lazy"/></a>
+<a href="https://www.last.fm/user/LimePotato"><img width="88" height="31" src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
+<img width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>
+<img width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/>
+<a href="https://graphics.cs.utah.edu/teapot/"><img width="88" height="31" src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>
+<img width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>
+<!-- Memes -->
+<a href="https://www.noaa.gov/"><img width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
+<a href="https://www.java.com/"><img width="88" height="31" src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
 <iframe src="//incr.easrng.net/badge?key=nelle" style="background: url(//incr.easrng.net/bg.gif); border: 0;" title="increment badge" width="88" height="31" loading="lazy"></iframe>
-<img src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
-<a href="https://archlinux.org/"><img src="/assets/images/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
-<a href="https://github.com/yt-dlp/yt-dlp"><img src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>
-<a href="https://godotengine.org/"><img src="/assets/images/badges/godot.png" alt="Godot game engine" loading="lazy"></a>
-<img src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
-<a href="https://transfemscience.org/"><img src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
-<br><!-- Flags -->
-<a href="https://new.lgbtqia.wiki/wiki/LGBT"><img src="/assets/images/badges/rainbow_bev.gif" alt="Rainbow" loading="lazy"/></a>
-<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><img src="/assets/images/badges/demigirl.png" alt="Demigirl flag" loading="lazy"></a>
-<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
-<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img src="/assets/images/badges/nonbinary.png" alt="Nonbinary flag" loading="lazy"></a>
-<a href="https://new.lgbtqia.wiki/wiki/Transgender"><img src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
\ No newline at end of file
+<img width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
+<a href="https://archlinux.org/"><img width="88" height="31" src="/assets/images/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
+<a href="https://github.com/yt-dlp/yt-dlp"><img width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>
+<a href="https://godotengine.org/"><img width="88" height="31" src="/assets/images/badges/godot.png" alt="Godot game engine" loading="lazy"></a>
+<img width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
+<a href="https://transfemscience.org/"><img width="88" height="31" src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
+<!-- Flags -->
+<a href="https://new.lgbtqia.wiki/wiki/LGBT"><img width="88" height="31" src="/assets/images/badges/rainbow_bev.gif" alt="Rainbow" loading="lazy"/></a>
+<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><img width="88" height="31" src="/assets/images/badges/demigirl.png" alt="Demigirl flag" loading="lazy"></a>
+<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img width="88" height="31" src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
+<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img 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 width="88" height="31" src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
+</div>
\ No newline at end of file