WHEE

88x31/index.html

@@ -64,6 +64,7 @@
         <div class="button-page">
             <aside class="button-wall" aria-label="88x31 buttons">
                 <!-- coding / web -->
+                <img src="https://raw.githubusercontent.com/NPSummers/NPSummers/refs/heads/main/button.png" alt="NPSummers" loading="eager">
                 <a href="https://doughmination.co.uk" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/doughmination.gif" 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.gif" alt="Made with Visual Studio Code" loading="lazy"></a>
@@ -82,7 +83,7 @@
                 <a href="https://microslop.com/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/microslop.gif" alt="Stop Microsoft" loading="lazy"></a>
                 <img src="/assets/88x31/dark-mode.gif" alt="Made for dark mode" loading="lazy">
                 <!-- pride / identity -->
-                <a href="https://diyhrt.cafe" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/estrogen.gif" alt="Powered by estrogen" loading="lazy"></a>
+                <a href="https://valerie.vg/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/estrogen.gif" alt="Powered by estrogen" loading="lazy"></a>
                 <img src="/assets/88x31/transnow.gif" alt="Trans rights now" loading="lazy">
                 <img src="/assets/88x31/queerpride.gif" alt="Queer pride" loading="lazy">
                 <img src="/assets/88x31/girlsnow.png" alt="Girls Now" loading="lazy">
@@ -93,6 +94,8 @@
                 <a href="https://www.map.org.uk/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/palestine.gif" alt="Free Palestine" loading="lazy"></a>
                 <a href="https://u24.gov.ua/" target="_blank" rel="noopener noreferrer"><img src="/assets/88x31/ukraine.gif" alt="Slava Ukraini" loading="lazy"></a>
                 <!-- misc -->
+                <a href="/discord"><img src="/assets/88x31/discord.gif" alt="Discord" loading="lazy"></a>
+                <img src="/assets/88x31/bestvieweddesktop.gif" alt="Best viewed on desktop" loading="lazy">
                 <img src="/assets/88x31/killmenow.gif" 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.gif" 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.gif" alt="Minecraft" loading="lazy"></a>

css/main.css

@@ -128,6 +128,20 @@ body::before {
   z-index: 0;
 }
 
+/* Miku chibi tucked into the bottom-right corner */
+body::after {
+  content: "";
+  position: fixed;
+  right: 0.5rem;
+  bottom: 0.5rem;
+  width: clamp(96px, 14vw, 168px);
+  aspect-ratio: 564 / 547;
+  background: url(/assets/theme/miku.png) center / contain no-repeat;
+  opacity: 0.18;
+  pointer-events: none;
+  z-index: 0;
+}
+
 
 /* ============================================================
    2. SHARED LAYOUT & HEADER  (all pages)