fix 88x31 badge alignment and sizing

This commit is contained in:
nelle 2024-09-02 16:37:58 -06:00
parent b271e49011
commit c3a0d63703
8 changed files with 67 additions and 59 deletions

View file

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

View file

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View file

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View file

Before

Width:  |  Height:  |  Size: 661 B

After

Width:  |  Height:  |  Size: 661 B

View file

@ -107,3 +107,10 @@ hr {
display: flex;
justify-content: space-between;
}
.badgeContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}

View file

@ -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/>
</div>

View file

@ -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>
<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>