From a9765abdd72ab87b99edb1bdb93c478f7e197fed Mon Sep 17 00:00:00 2001
From: kittywitch <kittywitch@users.noreply.github.com>
Date: Thu, 9 Oct 2025 00:57:26 +0000
Subject: [PATCH] deploy: 1755de31e5c59958c807f0b102a3458367af6451

---
 sass/stylesheet.css  |  10 ++++
 templates/index.html | 120 ++++++++++++++++++++++---------------------
 2 files changed, 71 insertions(+), 59 deletions(-)

diff --git a/sass/stylesheet.css b/sass/stylesheet.css
index 80a95ad..a6b8819 100644
--- a/sass/stylesheet.css
+++ b/sass/stylesheet.css
@@ -73,6 +73,16 @@ a:visited {
   width: 88px;
   height: 31px; }
 
+.button-container {
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: row wrap;
+  gap: .5em; }
+  .button-container img {
+    align-self: center; }
+
 a:hover {
   text-decoration: none;
   color: #37DCE8;
diff --git a/templates/index.html b/templates/index.html
index 531a84a..46ea13a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -33,65 +33,67 @@ b D+ G e++ h--- r+++ x+
   <hr>
   <h3>Web badges <small><a href="https://en.wikipedia.org/wiki/Web_badge">Explain?</a></small></h3>
 
-  <img src="nonhuman.png" alt="I'm therian; non-human."/>
-  <img src="trans.png" alt="I'm a transgender woman."/>
-  <img src="nb.png" alt="I also identify as non-binary."/>
-  <img src="lesbian.png" alt="I'm a lesbian."/>
-  <img src="polyamory.png" alt="I'm polyamorous."/>
-  <img src="autism.png" alt="I'm autistic."/>
-  <img src="pluralproud.png" alt="Plural and proud!"/>
-  <img src="ourpaws.png" alt="Furry!"/>
-  <img src="blahaj.png" alt="I love my IKEA sharks"/>
-  <img src="boykisser.png" alt=":3"/>
-  <a href="https://nixos.org">
-    <img src="nixos.png" alt="Powered by NixOS; the website isn't currently but hopefully will be in the future! I run it on everything else though."/>
-  </a>
-  <a href="https://neovim.io">
-    <img src="neovim.gif" alt="Made with Neovim"/>
-  </a>
-  <a href="https://firefox.com">
-    <img src="fftake.gif" alt="Firefox; take back the web!"/>
-  </a>
-  <a href="https://ublockorigin.com/">
-    <img src="button-ublock.gif" alt="uBlock Origin, now! Death to the corporate web!"/>
-  </a>
-  <img src="abc.gif" alt="Anything but Chrome!"/>
-  <a href="https://canada.ca">
-    <img src="canada.gif" alt="Canadian flag with Eh?"/>
-  </a>
-  <a href="https://gov.uk">
-    <img src="briish.gif" alt="Union Jack; flag of the United Kingdom"/>
-  </a>
-  <img src="anarchynow.gif" alt="Anarchy, now!"/>
-  <img src="piracy.png" alt="Piracy, now!"/>
-  <img src="pgp-now.gif" alt="PGP, now!"/>
-  <img src="antinazi.gif" alt="Death to fascists!"/>
-  <img src="roly-saynotoweb3.gif" alt="Fuck Web3!"/>
-  <img src="fucknfts.png" alt="Fuck NFTs!"/>
-  <img src="antidiscord.gif" alt="Fuck Discord!"/>
-  <img src="ircworks.gif" alt="IRC works!"/>
-  <img src="acab.gif" alt="All cops are bastards"/>
-  <img src="trn.png" alt="Trans rights, now!"/>
-  <img src="ao3.gif" alt="Pro AO3 freak"/>
-  <img src="xenia.png" alt="Xenia my beloved"/>
-  <img src="openeyes.jpg" alt="Open your eyes!"/>
-  <img src="acidnow.jpg" alt="Acid now! :p"/>
-  <img src="keysmash.gif" alt="Keysmash equality"/>
-  <img src="button-2hu.gif" alt="2hu!!!"/>
-  <img src="badapple.webp" alt="bad apple!!!"/>
-  <img src="cuteanimegirls.gif" alt="Cute anime girls, now! :3"/>
-  <img src="lain.gif" alt="Serial Experiments Lain"/>
-  <img src="ccs.gif" alt="Cardcaptor Sakura :3"/>
-  <a href="https://pokemon.com">
-    <img src="pokemon.jpg" alt="Pokemon forever!"/>
-  </a>
-  <img src="medjed.jpg" alt="Medjed; <3 Futaba Sakura, <3 Persona 5"/>
-  <img src="hl.gif" alt="Half Life"/>
-  <img src="minecraft.gif" alt="Minecraft"/>
-  <img src="button-html.gif" alt="&lt;HTML&gt Learn it today">
-  <img src="button-css.gif" alt="CSS is difficult">
-  <img src="button-grid.gif" alt="Made with CSS Grid">
-  <img src="queer.png" alt="You're telling me a queer coded this?">
+  <div class="button-container">
+    <img src="nonhuman.png" alt="I'm therian; non-human."/>
+    <img src="trans.png" alt="I'm a transgender woman."/>
+    <img src="nb.png" alt="I also identify as non-binary."/>
+    <img src="lesbian.png" alt="I'm a lesbian."/>
+    <img src="polyamory.png" alt="I'm polyamorous."/>
+    <img src="autism.png" alt="I'm autistic."/>
+    <img src="pluralproud.png" alt="Plural and proud!"/>
+    <img src="ourpaws.png" alt="Furry!"/>
+    <img src="blahaj.png" alt="I love my IKEA sharks"/>
+    <img src="boykisser.png" alt=":3"/>
+    <a href="https://nixos.org">
+      <img src="nixos.png" alt="Powered by NixOS; the website isn't currently but hopefully will be in the future! I run it on everything else though."/>
+    </a>
+    <a href="https://neovim.io">
+      <img src="neovim.gif" alt="Made with Neovim"/>
+    </a>
+    <a href="https://firefox.com">
+      <img src="fftake.gif" alt="Firefox; take back the web!"/>
+    </a>
+    <a href="https://ublockorigin.com/">
+      <img src="button-ublock.gif" alt="uBlock Origin, now! Death to the corporate web!"/>
+    </a>
+    <img src="abc.gif" alt="Anything but Chrome!"/>
+    <a href="https://canada.ca">
+      <img src="canada.gif" alt="Canadian flag with Eh?"/>
+    </a>
+    <a href="https://gov.uk">
+      <img src="briish.gif" alt="Union Jack; flag of the United Kingdom"/>
+    </a>
+    <img src="anarchynow.gif" alt="Anarchy, now!"/>
+    <img src="piracy.png" alt="Piracy, now!"/>
+    <img src="pgp-now.gif" alt="PGP, now!"/>
+    <img src="antinazi.gif" alt="Death to fascists!"/>
+    <img src="roly-saynotoweb3.gif" alt="Fuck Web3!"/>
+    <img src="fucknfts.png" alt="Fuck NFTs!"/>
+    <img src="antidiscord.gif" alt="Fuck Discord!"/>
+    <img src="ircworks.gif" alt="IRC works!"/>
+    <img src="acab.gif" alt="All cops are bastards"/>
+    <img src="trn.png" alt="Trans rights, now!"/>
+    <img src="ao3.gif" alt="Pro AO3 freak"/>
+    <img src="xenia.png" alt="Xenia my beloved"/>
+    <img src="openeyes.jpg" alt="Open your eyes!"/>
+    <img src="acidnow.jpg" alt="Acid now! :p"/>
+    <img src="keysmash.gif" alt="Keysmash equality"/>
+    <img src="button-2hu.gif" alt="2hu!!!"/>
+    <img src="badapple.webp" alt="bad apple!!!"/>
+    <img src="cuteanimegirls.gif" alt="Cute anime girls, now! :3"/>
+    <img src="lain.gif" alt="Serial Experiments Lain"/>
+    <img src="ccs.gif" alt="Cardcaptor Sakura :3"/>
+    <a href="https://pokemon.com">
+      <img src="pokemon.jpg" alt="Pokemon forever!"/>
+    </a>
+    <img src="medjed.jpg" alt="Medjed; <3 Futaba Sakura, <3 Persona 5"/>
+    <img src="hl.gif" alt="Half Life"/>
+    <img src="minecraft.gif" alt="Minecraft"/>
+    <img src="button-html.gif" alt="&lt;HTML&gt Learn it today">
+    <img src="button-css.gif" alt="CSS is difficult">
+    <img src="button-grid.gif" alt="Made with CSS Grid">
+    <img src="queer.png" alt="You're telling me a queer coded this?">
+  </div>
   <br>
   <h4>Sources, where known:</h4>
   <a href="https://rainy.gay"><img src="rainysource.png" alt="rainy.gay"/></a>