diff --git a/88x31/index.html b/88x31/index.html
index c4b44aa..f244340 100644
--- a/88x31/index.html
+++ b/88x31/index.html
@@ -2,149 +2,176 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Clove Twilight</title>
-    <link rel="stylesheet" href="/css/main.css">
-    <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
-    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Clove Twilight</title>
+        <link rel="stylesheet" href="/css/main.css">
+        <script>try { var f = localStorage.getItem('ctpFlavor'); document.documentElement.setAttribute('data-flavor', ['mocha', 'macchiato', 'frappe', 'latte'].indexOf(f) >= 0 ? f : 'mocha'); } catch (e) { document.documentElement.setAttribute('data-flavor', 'mocha'); }</script>
+        <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
 
-    <!-- SEO Meta Tags -->
-    <meta name="description"
-        content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
-    <meta name="keywords" content="Clove Twilight, c.stupid.cat, 88x31, buttons, web buttons, personal">
-    <meta name="author" content="doughmination">
-    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+        <!-- SEO Meta Tags -->
+        <meta name="description"
+                content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
+        <meta name="keywords" content="Clove Twilight, c.stupid.cat, 88x31, buttons, web buttons, personal">
+        <meta name="author" content="doughmination">
+        <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
 
-    <!-- Canonical URL -->
-    <link rel="canonical" href="https://c.stupid.cat/88x31">
+        <!-- Canonical URL -->
+        <link rel="canonical" href="https://c.stupid.cat/88x31">
 
-    <!-- Alternate for mobile -->
-    <link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat/88x31">
+        <!-- Alternate for mobile -->
+        <link rel="alternate" media="only screen and (max-width: 640px)" href="https://c.stupid.cat/88x31">
 
-    <!-- Theme Color -->
-    <meta name="theme-color" content="#f5c2e7">
+        <!-- Theme Color -->
+        <meta name="theme-color" content="#f5c2e7">
 
-    <!-- Open Graph / Discord / Facebook -->
-    <meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
-    <meta property="og:site_name" content="c.stupid.cat">
-    <meta property="og:title" content="Clove Twilight">
-    <meta property="og:description"
-        content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://c.stupid.cat/88x31">
-    <meta property="og:locale" content="en_GB">
+        <!-- Open Graph / Discord / Facebook -->
+        <meta property="og:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
+        <meta property="og:site_name" content="c.stupid.cat">
+        <meta property="og:title" content="Clove Twilight">
+        <meta property="og:description"
+                content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
+        <meta property="og:type" content="website">
+        <meta property="og:url" content="https://c.stupid.cat/88x31">
+        <meta property="og:locale" content="en_GB">
 
-    <!-- Twitter Card -->
-    <meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
-    <meta name="twitter:card" content="summary">
-    <meta name="twitter:title" content="Clove Twilight">
-    <meta name="twitter:description"
-        content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
+        <!-- Twitter Card -->
+        <meta name="twitter:image" content="https://c.stupid.cat/assets/favicon/favicon.png">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="Clove Twilight">
+        <meta name="twitter:description"
+                content="A collection of the 88x31 pixel buttons featured across Clove Twilight's site — grab one and link back.">
 
-    <!-- Prefetch other pages for faster navigation -->
-    <link rel="prefetch" href="/">
-    <link rel="prefetch" href="/cool-people">
-    <link rel="prefetch" href="/dev-info">
-    <link rel="prefetch" href="/discord">
-    <link rel="prefetch" href="/projects">
-    <link rel="prefetch" href="/music">
-    <link rel="prefetch" href="/guestbook">
+        <!-- Prefetch other pages for faster navigation -->
+        <link rel="prefetch" href="/">
+        <link rel="prefetch" href="/cool-people">
+        <link rel="prefetch" href="/dev-info">
+        <link rel="prefetch" href="/discord">
+        <link rel="prefetch" href="/projects">
+        <link rel="prefetch" href="/music">
+        <link rel="prefetch" href="/guestbook">
 </head>
 
 <body>
 
-    <header class="nav">
-        <nav class="nav-links">
-            <a class="nav-link" data-href="/">Home</a>
-            <a class="nav-link" data-href="/cool-people">Cool People</a>
-            <a class="nav-link" data-href="/dev-info">Dev Info</a>
-            <a class="nav-link" data-href="/discord">Discord</a>
-            <a class="nav-link" data-href="/projects">Projects</a>
-            <a class="nav-link" data-href="/music">Music</a>
-            <a class="nav-link selected" data-href="/88x31">88x31</a>
-            <a class="nav-link" data-href="/guestbook">Guestbook</a>
-        </nav>
-    </header>
-
-    <div class="hub">
-        <header class="hub-header">
-            <h1>88x31 Buttons</h1>
-            <p class="tagline">The little badges from around my site, all in one spot</p>
+        <header class="nav">
+                <nav class="nav-links">
+                        <a class="nav-link" data-href="/">Home</a>
+                        <a class="nav-link" data-href="/cool-people">Cool People</a>
+                        <a class="nav-link" data-href="/dev-info">Dev Info</a>
+                        <a class="nav-link" data-href="/discord">Discord</a>
+                        <a class="nav-link" data-href="/projects">Projects</a>
+                        <a class="nav-link" data-href="/music">Music</a>
+                        <a class="nav-link selected" data-href="/88x31">88x31</a>
+                        <a class="nav-link" data-href="/guestbook">Guestbook</a>
+                </nav>
         </header>
 
-        <div class="button-page">
-            <main class="button-wall" aria-label="88x31 buttons">
-                <!-- coding / web -->
-                <a href="https://doughmination.co.uk" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/doughmination.png" alt="Doughmination" loading="eager"></a>
-                <a href="https://git.gay/doughmination" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/gitgay.png" alt="Git Gay" loading="lazy"></a>
-                <a href="https://code.visualstudio.com" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/vscbutton.png" alt="Made with Visual Studio Code" loading="lazy"></a>
-                <img src="/assets/88x31/htmldream.png" alt="I dream in HTML" loading="lazy">
-                <a href="https://validator.w3.org/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/valid-html5.png" alt="Valid HTML5" loading="lazy"></a>
-                <a href="https://jigsaw.w3.org/css-validator/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/valid-css.png" alt="Valid CSS" loading="lazy"></a>
-                <a href="https://yesterweb.org/no-to-web3/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/noweb32.png" alt="Keep the web free" loading="lazy"></a>
-                <img src="/assets/88x31/nft.png" alt="No NFTs, no thanks" loading="lazy">
-                <img src="/assets/88x31/nowebp.png" alt="No WEBp" loading="lazy">
-                <!-- software / os -->
-                <a href="https://www.linux.org/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/linux.png" alt="Made on GNU/Linux" loading="lazy"></a>
-                <a href="https://www.mozilla.org/firefox/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/firefox.png" alt="Firefox" loading="lazy"></a>
-                <img src="/assets/88x31/no-chrome.png" alt="Anything but Chrome" loading="lazy">
-                <a href="https://support.apple.com/en-gb/121552" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/macbutton.png" alt="Made on a Mac" loading="lazy"></a>
-                <a href="https://www.win-rar.com/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/winrar4.png" alt="WinRAR" loading="lazy"></a>
-                <a href="https://microslop.com/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/microslop.png" alt="Stop Microsoft" loading="lazy"></a>
-                <img src="/assets/88x31/dark-mode.png" alt="Made for dark mode" loading="lazy">
-                <!-- pride / identity -->
-                <a href="https://valerie.vg/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/estrogen.png" alt="Powered by estrogen" loading="lazy"></a>
-                <img src="/assets/88x31/transnow.png" alt="Trans rights now" loading="lazy">
-                <img src="/assets/88x31/queerpride.png" alt="Queer pride" loading="lazy">
-                <img src="/assets/88x31/girlsnow.png" alt="Girls Now" loading="lazy">
-                <img src="/assets/88x31/skirt.png" alt="Let boys wear skirts" loading="lazy">
-                <img src="/assets/88x31/cutesocks.png" alt="I wear cute socks!" loading="lazy">
-                <!-- causes -->
-                <a href="https://archive.org/details/zines-anti-fascism" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/antifa.png" alt="No fascism, no bigotry" loading="lazy"></a>
-                <a href="https://www.youtube.com/watch?v=7AQbhes-Ntw" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/meltice.png" alt="Melt ICE" loading="lazy"></a>
-                <a href="https://www.map.org.uk/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/palestine.png" alt="Free Palestine" loading="lazy"></a>
-                <a href="https://u24.gov.ua/" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/ukraine.png" alt="Slava Ukraini" loading="lazy"></a>
-                <!-- misc -->
-                <a href="/discord"><img src="/assets/88x31/discord.png" alt="Discord" loading="lazy"></a>
-                <img src="/assets/88x31/bestvieweddesktop.png" alt="Best viewed on desktop" loading="lazy">
-                <img src="/assets/88x31/killmenow.png" alt="Kill me now" loading="lazy">
-                <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/no.png" alt="Don't click here, no!" loading="lazy"></a>
-                <a href="https://www.minecraft.net" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/minecraft.png" alt="Minecraft" loading="lazy"></a>
-                <!-- anime -->
-                <img src="/assets/88x31/pokemon.png" alt="Pokémon" loading="lazy">
-                <a href="https://www.youtube.com/watch?v=VEj0cuqVJ-I" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/caramelldansen.png" alt="Caramelldansen" loading="lazy"></a>
-                <img src="/assets/88x31/blink.png" alt="Anime blink" loading="lazy">
-                <a href="https://www.youtube.com/watch?v=_-2dIuV34cs" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/miku.png" alt="This site is Miku approved" loading="lazy"></a>
-                <img src="/assets/88x31/tummy.png" alt="Anime tummy supporter" loading="lazy">
-                <a href="https://www.youtube.com/watch?v=9lNZ_Rnr7Jc" target="_blank" rel="noopener noreferrer"><img
-                        src="/assets/88x31/badapple.png" alt="Bad Apple!!" loading="lazy"></a>
-            </main>
-        </div>
-    </div>
+        <div class="hub">
+                <header class="hub-header">
+                        <h1>88x31 Buttons</h1>
+                        <p class="tagline">The little badges from around my site, all in one spot</p>
+                </header>
 
-    <script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
-    <script src="/js/terminal.js"></script>
+                <div class="button-page">
+                        <main class="button-wall" aria-label="88x31 buttons">
+                                <!-- coding / web -->
+                                <a href="https://doughmination.co.uk" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/doughmination.png" alt="Doughmination"
+                                                loading="eager"></a>
+                                <a href="https://git.gay/doughmination" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/gitgay.png" alt="Git Gay" loading="lazy"></a>
+                                <a href="https://code.visualstudio.com" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/vscbutton.png" alt="Made with Visual Studio Code"
+                                                loading="lazy"></a>
+                                <img src="/assets/88x31/htmldream.png" alt="I dream in HTML" loading="lazy">
+                                <a href="https://validator.w3.org/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/valid-html5.png" alt="Valid HTML5"
+                                                loading="lazy"></a>
+                                <a href="https://jigsaw.w3.org/css-validator/" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/valid-css.png" alt="Valid CSS"
+                                                loading="lazy"></a>
+                                <a href="https://yesterweb.org/no-to-web3/" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/noweb32.png"
+                                                alt="Keep the web free" loading="lazy"></a>
+                                <img src="/assets/88x31/nft.png" alt="No NFTs, no thanks" loading="lazy">
+                                <img src="/assets/88x31/nowebp.png" alt="No WEBp" loading="lazy">
+                                <!-- software / os -->
+                                <a href="https://www.linux.org/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/linux.png" alt="Made on GNU/Linux"
+                                                loading="lazy"></a>
+                                <a href="https://archlinux.org/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/arch.png"></a>
+                                <a href="https://kde.org/plasma-desktop/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/kde.png"></a>
+                                <a href="https://www.mozilla.org/firefox/" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/firefox.png" alt="Firefox"
+                                                loading="lazy"></a>
+                                <img src="/assets/88x31/no-chrome.png" alt="Anything but Chrome" loading="lazy">
+                                <a href="https://support.apple.com/en-gb/121552" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/macbutton.png"
+                                                alt="Made on a Mac" loading="lazy"></a>
+                                <a href="https://www.win-rar.com/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/winrar4.png" alt="WinRAR" loading="lazy"></a>
+                                <a href="https://microslop.com/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/microslop.png" alt="Stop Microsoft"
+                                                loading="lazy"></a>
+                                <img src="/assets/88x31/linuxisbetterthanwindows.png" alt="Linux is better than Windows"
+                                        loading="lazy">
+                                <img src="/assets/88x31/dark-mode.png" alt="Made for dark mode" loading="lazy">
+                                <!-- pride / identity -->
+                                <a href="https://valerie.vg/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/estrogen.png" alt="Powered by estrogen"
+                                                loading="lazy"></a>
+                                <img src="/assets/88x31/trans.png" alt="Transgender" loading="lazy">
+                                <img src="/assets/88x31/fae-faer.png" alt="Fae/Faer Pronouns" loading="lazy">
+                                <img src="/assets/88x31/transnow.png" alt="Trans rights now" loading="lazy">
+                                <img src="/assets/88x31/queerpride.png" alt="Queer pride" loading="lazy">
+                                <img src="/assets/88x31/girlsnow.png" alt="Girls Now" loading="lazy">
+                                <img src="/assets/88x31/skirt.png" alt="Let boys wear skirts" loading="lazy">
+                                <img src="/assets/88x31/cutesocks.png" alt="I wear cute socks!" loading="lazy">
+                                <!-- causes -->
+                                <a href="https://archive.org/details/zines-anti-fascism" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/antifa.png"
+                                                alt="No fascism, no bigotry" loading="lazy"></a>
+                                <a href="https://www.youtube.com/watch?v=7AQbhes-Ntw" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/meltice.png" alt="Melt ICE"
+                                                loading="lazy"></a>
+                                <a href="https://www.map.org.uk/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/palestine.png" alt="Free Palestine"
+                                                loading="lazy"></a>
+                                <a href="https://u24.gov.ua/" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/ukraine.png" alt="Slava Ukraini" loading="lazy"></a>
+                                <!-- misc -->
+                                <a href="/discord"><img src="/assets/88x31/discord.png" alt="Discord"
+                                                loading="lazy"></a>
+                                <img src="/assets/88x31/bestvieweddesktop.png" alt="Best viewed on desktop"
+                                        loading="lazy">
+                                <img src="/assets/88x31/killmenow.png" alt="Kill me now" loading="lazy">
+                                <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/no.png"
+                                                alt="Don't click here, no!" loading="lazy"></a>
+                                <a href="https://www.minecraft.net" target="_blank" rel="noopener noreferrer"><img
+                                                src="/assets/88x31/minecraft.png" alt="Minecraft" loading="lazy"></a>
+                                <!-- anime -->
+                                <img src="/assets/88x31/pokemon.png" alt="Pokémon" loading="lazy">
+                                <a href="https://www.youtube.com/watch?v=VEj0cuqVJ-I" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/caramelldansen.png"
+                                                alt="Caramelldansen" loading="lazy"></a>
+                                <img src="/assets/88x31/blink.png" alt="Anime blink" loading="lazy">
+                                <a href="https://www.youtube.com/watch?v=_-2dIuV34cs" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/miku.png"
+                                                alt="This site is Miku approved" loading="lazy"></a>
+                                <img src="/assets/88x31/tummy.png" alt="Anime tummy supporter" loading="lazy">
+                                <a href="https://www.youtube.com/watch?v=9lNZ_Rnr7Jc" target="_blank"
+                                        rel="noopener noreferrer"><img src="/assets/88x31/badapple.png"
+                                                alt="Bad Apple!!" loading="lazy"></a>
+                        </main>
+                </div>
+        </div>
+
+        <script src="/js/core.js" data-cat="/assets/oneko/classics/classic.png"></script>
+        <script src="/js/terminal.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/assets/88x31/arch.png b/assets/88x31/arch.png
new file mode 100644
index 0000000..6cf8794
Binary files /dev/null and b/assets/88x31/arch.png differ
diff --git a/assets/88x31/fae-faer.png b/assets/88x31/fae-faer.png
new file mode 100644
index 0000000..662a9e8
Binary files /dev/null and b/assets/88x31/fae-faer.png differ
diff --git a/assets/88x31/kde.png b/assets/88x31/kde.png
new file mode 100644
index 0000000..890a06b
Binary files /dev/null and b/assets/88x31/kde.png differ
diff --git a/assets/88x31/linuxisbetterthanwindows.png b/assets/88x31/linuxisbetterthanwindows.png
new file mode 100644
index 0000000..301aeb8
Binary files /dev/null and b/assets/88x31/linuxisbetterthanwindows.png differ
diff --git a/assets/88x31/trans.png b/assets/88x31/trans.png
new file mode 100644
index 0000000..89d0505
Binary files /dev/null and b/assets/88x31/trans.png differ
