limepotato/nelle-observer
1
1
Fork 0
Code Pull requests Activity

pixelated image

Browse source
This commit is contained in:
nelle 2024-09-07 22:53:02 -06:00
parent afdbc62f05
commit 9458ae9ad1
4 changed files with 75 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/styles/css/classes.css
View file

@ -109,12 +109,16 @@ hr {
}
.badgeContainer {
display: flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 5px;
}
.badge {
image-rendering: pixelated;
}
fieldset {
-webkit-box-shadow: 0 0 20px var(--accent-color);
-moz-box-shadow: 0 0 20px var(--accent-color);

36
src/components/footer/friendly-buttons.astro
View file

@ -1,21 +1,21 @@
friendly buttons
<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>
<a href="https://zvava.org/"><img src="/assets/images/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'" loading="lazy"></a>
<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://tempest.dev/"><img src="/assets/images/badges/friends/tempest.dev.png" alt="badge for tempest.dev'" 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>
<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>
<a href="https://labyrinth.zone/"><img src="/assets/images/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
<a href="https://enby.space/"><img src="/assets/images/badges/friends/nbsp.gif" alt="ralsei clapping next to the text 'nbsp'" loading="lazy"></a>
<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>
<a href="https://elke.cafe/"><img class="badge" 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 class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
<a href="https://lilysthings.org/"><img class="badge" src="/assets/images/badges/friends/lilysthings.png" alt="the word 'lily!!' next to a microwave" loading="lazy"></a>
<a href="https://zvava.org/"><img class="badge" src="/assets/images/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'" loading="lazy"></a>
<a href="https://void.rehab/"><img class="badge" 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 class="badge" 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 class="badge" src="/assets/images/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
<a href="https://tempest.dev/"><img class="badge" src="/assets/images/badges/friends/tempest.dev.png" alt="badge for tempest.dev'" loading="lazy"></a>
<a href="https://voltrina.net"><img class="badge" src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
<a href="https://labyrinth.zone/users/yassie_j"><img class="badge" src="/assets/images/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
<a href="https://disarray.sh/"><img class="badge" src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
<a href="https://astrid.tech/"><img class="badge" src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
<a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
<a href="https://labyrinth.zone/"><img class="badge" src="/assets/images/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
<a href="https://enby.space/"><img class="badge" src="/assets/images/badges/friends/nbsp.gif" alt="ralsei clapping next to the text 'nbsp'" loading="lazy"></a>
<a href="https://asahixp.pages.gay/"><img class="badge" src="/assets/images/badges/friends/kel.webp" alt="Kel DeSoto" loading="lazy"></a>
<a href="https://micro.pages.gay/"><img class="badge" 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 class="badge" 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>
</div>

8
src/components/footer/mybuttons.astro
View file

@ -1,12 +1,12 @@
buttons i created
<div class="badgeContainer">
<a href="https://nelle.observer/"><img width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
<a href="https://limepot.xyz/"><img width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a>
<a href="https://ouroboros.gay/"><img width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
<a href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
<a href="https://limepot.xyz/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a>
<a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
<img 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>
<hr>
<span style="font-size: smaller;">every coin counts!</span>
<br>
<a href="https://ko-fi.com/limepot"><img src="/assets/images/badges/kofi.gif"></a>
<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif"></a>
<br/>

96
src/components/footer/other-buttons.astro
View file

@ -1,56 +1,56 @@
other buttons
<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>
<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://fuckoffgoogle.de/"><img class="badge" 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 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/p2w.gif" alt="pay to win badge"></img>
<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>
<!-- 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"/>
<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"><img width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/></a>
<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"/>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img class="badge" 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 class="badge" 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 class="badge" 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 class="badge" width="88" height="31" src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
<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>
<a href="https://www.aseprite.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen" loading="lazy"/></a>
<img class="badge" 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 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://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/companion_cube.gif" alt="powered by source" loading="lazy"/>
<a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/minecraft.gif" alt="Minecraft" 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/blink.gif" alt="Anime girl blinking" loading="lazy"/>
<img class="badge" width="88" height="31" src="/assets/images/badges/tiredalien.gif" alt="tired alien" loading="lazy"/>
<a href="https://ooo.eeeee.ooo/"><img class="badge" 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 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>
<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" 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>
<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>
<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 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>
<img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
<a href="https://archlinux.org/"><img class="badge" 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 class="badge" width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>
<a href="https://godotengine.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/godot.png" alt="Godot game engine" loading="lazy"></a>
<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>
<!-- 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>
<a href="https://new.lgbtqia.wiki/wiki/LGBT"><img class="badge" 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 class="badge" 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 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/Lesbian"><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>
</div>