Update 88x31 buttons

src/routes/+page.svelte

@@ -145,64 +145,197 @@
         </a>
     </p>
 
-    <section id="buttons">
+    <ul class="buttons">
-        <a href="/">
+        <li>
-            <img src="/assets/buttons/pancakes.png" alt="pancakes" />
+            <a href="/" title="pancakes">
-        </a>
+                <img src="/assets/88x31.png" alt="pancakes" />
+            </a>
+        </li>
 
-        <a href="https://blueb.me/" target="_blank">
+        <li>
+            <a href="https://aagaming.me/" target="_blank" title="aagaming">
+                <img
+                    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAfCAYAAABjyArgAAAACXBIWXMAAAsTAAALEwEAmpwYAAADVUlEQVR4nO3XiU/TYBjH8f59xmjUaIxGjfeBCAIqarxiVETFA5HLKxqPP8ErSiQaTYz3EY+ojG3d0R2EwU73NW1f2nWHTNicW0fSvO3TbW/74dlvbyVJkqhvUjkN6sBSHViqyLdM/at3sFQHxuYxVAVf1chDiAxBZBgmnpj16AuIvoLoG4i+M+uxLxD/BvHvkBgx60kZkl5IKZAK6rVf45Ce0PfTCUs8ZEbE1H52PbOW79x/D8z4feuxAGbyubUefStwP1rriR9idFrrqYAAHhO4k2JM5qBOB56NXV3AkXtZwMMC+Jm1HntdAPi7GB3WelIR0GEBnb+LC8HVDvD4nQzsRxB5LICfmvXoSy0qdOD31vfHv+UAazGR9AnYkBgjAjhmL2BJg70LkQdif8isTzwzokJFNuqxDxD7BPHPEP9q1hMOSLgMZG1M6cDGa9JRAZUC0kVBVnUGS7P952QA/5P57Af8uQ4slRpVXbbF3uX84JWzawvEQ/EdjHsbyNsr3pFS9W1FAsuNYmwBua3SF03tAbu3Wo89Oyp94dQYcAO4G0FuykDeWfILInwTxm7bEXgLyA0ii5szkHeVBjZ0FULXBPItGwK7Noku3mrpYh25feawwQEIXrTWwjftCLxR72IVWW4Ed3MW8m7w7gXvfvAeAN9h8B0B37E/4Pbm1sLXIHzDjsDrRReryCpwRhbLf85i/B3g77TWAucLR0X4ul2BN4Jrs4gJPYuRW4ueDOUkKKdAOZP/fPAShK4YWWwz4LU6slvv4tlMitKVB3cwA/iqDYGda4wuLsXEKKezgPshNAihS5UGqQywjrwOXBuMLtaiwt2kPULjaf3rdTGBs2LsgWBf3hVFDWzToS4H50pwrioOzbMLvFMrin3gPTgN8jntB49Ar0AerE1gRubCyHxwLADHInAshtGlMLoMRlcI5NVmVKhd7Coui/EeMpdt/o48yN16F2vIA7UKPGdGH2A+QjeDpwU8baKL28G7R1sX57xHOQ7+E9qKQj82u/g/ACkPsHajP9UunlfySfCpDx4HtS7Oxe7SshilG4I9tQ1s3LQWFQvLMiFqVPiPgv94/vOBCxDoq21g42a1LF5Stsnxd+oPHv586+J+bUVB8HKlgWa1/QYdo4m5c/5ljgAAAABJRU5ErkJggg=="
+                    alt="AA gaming"
+                />
+            </a>
+        </li>
+        <li>
+            <a
+                href="https://eris.meows.gay/"
+                target="_blank"
+                title="about eris :3"
+            >
+                <img
+                    src="https://eris.meows.gay/images/badges/meowsdotgay.png"
+                    alt="meows dot gay meow meow meow"
+                />
+            </a>
+        </li>
+        <li>
+            <a href="https://blueb.me/" target="_blank" title="blueb's website">
+                <img
+                    src="https://blueb.me/_nuxt/kattgutte.D3vLs2tl.png"
+                    alt="kattgutte er ikke ekte"
+                />
+            </a>
+        </li>
+        <li>
+            <a
+                href="https://notfire.cc"
+                target="_blank"
+                title="home // notfire.cc"
+            >
+                <img
+                    src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif"
+                    alt="not fire dot CC"
+                />
+            </a>
+        </li>
+        <li>
+            <a
+                href="https://micro.pages.gay"
+                target="_blank"
+                title="micro's site"
+            >
+                <img src="/assets/buttons/micro.png" alt="Micro" />
+            </a>
+        </li>
+        <li>
+            <a
+                href="https://sneexy.pages.gay/"
+                target="_blank"
+                title="sneexy dot pages dot gay"
+            >
+                <img
+                    src="https://sneexy.pages.gay/assets/buttons/sneexy.png"
+                    alt="Sneexy"
+                />
+            </a>
+        </li>
+        <li>
+            <a href="https://void.rehab" target="_blank" title="void.rehab">
+                <img
+                    src="https://void.rehab/88x31/void.rehab.png"
+                    alt="void dot rehab"
+                />
+            </a>
+        </li>
+        <li>
+            <a href="https://w.on-t.work/" target="_blank" title="Won't Work!">
+                <img
+                    src="https://w.on-t.work/assets/88x31.png"
+                    alt="wont work"
+                />
+            </a>
+        </li>
+    </ul>
+
+    <ul class="buttons">
+        <li>
             <img
-                src="/assets/buttons/kattgutte.D3vLs2tl.png"
+                src="/assets/buttons/anythingbutchrome.gif"
-                alt="blueb's website"
+                alt="Anything But Chrome"
+                title="Anything But Chrome"
             />
-        </a>
+        </li>
-        <a href="https://micro.pages.gay" target="_blank">
+        <li>
-            <img src="/assets/buttons/micro.png" alt="micro's site" />
+            <img
-        </a>
+                src="/assets/buttons/archlinux.gif"
-        <a href="https://w.on-t.work/" target="_blank">
+                alt="arch linux"
-            <img src="/assets/buttons/wontwork.png" alt="Won't Work!" />
+                title="arch linux"
-        </a>
+            />
-
+        </li>
-        <img src="/assets/buttons/css.jpg" alt="CSS is awesome" />
+        <li>
-        <img src="/assets/buttons/valid-html5.gif" alt="W3C HTML5 validated" />
+            <img
-        <img src="/assets/buttons/emulate.gif" alt="Emulate Now!" />
+                src="/assets/buttons/debian.png"
-        <a href="https://thefedi.wiki" target="_blank">
+                alt="Powered by debian"
-            <img src="/assets/buttons/fediverse.gif" alt="Join the Fediverse" />
+                title="Powered by debian"
-        </a>
+            />
-        <a href="https://www.mozilla.org/en-US/firefox/new/" target="_blank"
+        </li>
-            ><img src="/assets/buttons/getfirefox.gif" alt="Get Firefox" /></a
+        <li>
-        >
+            <img
-        <img src="/assets/buttons/xenia.gif" alt="Linux Now" />
+                src="/assets/buttons/emulate.gif"
-        <img src="/assets/buttons/paws.png" alt="made with My Own Two Paws" />
+                alt="Emulate Now!"
-        <a href="https://scp-wiki.wikidot.com" target="_blank">
+                title="Emulate Now!"
-            <img src="/assets/buttons/scp.png" alt="SCP" />
+            />
-        </a>
+        </li>
-        <a
+        <li>
-            href="https://store.steampowered.com/app/440/Team_Fortress_2/"
+            <img
-            target="_blank"
+                src="/assets/buttons/getfirefox.gif"
-        >
+                alt="Get Firefox"
+                title="Get Firefox"
+            />
+        </li>
+        <li>
+            <img
+                src="/assets/buttons/fediverse.gif"
+                alt="Join the Fediverse"
+                title="Join the Fediverse"
+            />
+        </li>
+        <li>
+            <img
+                src="/assets/buttons/knbutton.gif"
+                alt="KDE Now!"
+                title="KDE Now!"
+            />
+        </li>
+        <li>
+            <img
+                src="/assets/buttons/xenia.gif"
+                alt="Linux Now!"
+                title="Linux Now!"
+            />
+        </li>
+        <li>
+            <img
+                src="/assets/buttons/paws.png"
+                alt="made with My Own Two Paws"
+                title="made with MY OWN TWO PAWS"
+            />
+        </li>
+        <li>
+            <img src="/assets/buttons/scp.png" alt="SCP" title="SCP" />
+        </li>
+        <li>
             <img
                 src="/assets/buttons/team_fortress_get_it.gif"
-                alt="Team Fortress. Get It!"
+                alt="Team Fortress Get It!"
+                title="Team Fortress GET IT!"
             />
-        </a>
+        </li>
-        <a href="https://ublockorigin.com/" target="_blank">
+        <li>
-            <img src="/assets/buttons/ublock.png" alt="uBlock Origin Now!" />
+            <img
-        </a>
+                src="/assets/buttons/ublock.png"
-        <img src="/assets/buttons/wii.png" alt="Wii" />
+                alt="uBlock Origin Now!"
-    </section>
+                title="uBlock Origin Now!"
+            />
+        </li>
+        <li>
+            <img src="/assets/buttons/wii.png" alt="Wii" title="Wii" />
+        </li>
+    </ul>
 </main>
 
 <style>
-    section#buttons {
+    ul.buttons {
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
         gap: 0.25rem;
         justify-content: center;
+        padding: 0;
+        margin: 0;
+
+        list-style: none;
     }
 
-    section#buttons img {
+    ul.buttons + ul.buttons {
+        margin-top: 1rem;
+    }
+
+    ul.buttons img {
         image-rendering: pixelated;
         width: 88px;
         height: 31px;