Makefile

@@ -2,8 +2,8 @@ FONTS  = $(shell find fonts -type f)
 CSS    = style.css where.css
 PAGES  = index.html where.html pubkey.txt
 MEDIA  = $(patsubst %,media/%, \
-    bg.png bg_2x.png bg_dim.png bg_2x_dim.png \
-    mlem.gif mlem_static.png cybre.png donphan.png types.png \
+    mlem.gif mlem_static.png niss_uwu_bg_dim.png niss_uwu_bg.png \
+    cybre.png donphan.png types.png \
     niss-nisse.mp3 niss-nisse.ogg \
   ) \
   $(wildcard media/*.svg)

index.html

@@ -35,19 +35,19 @@
   <nav id=links>
     <ul>
       <li>
-        <a href=https://gallery.niss.website>
+        <a href=//gallery.niss.website>
           <img class=icon src=media/art.svg>
           art
         </a>
 
       <li>
-        <a href=https://git.rhiannon.website/rhi>
+        <a href=//git.rhiannon.website/rhi>
           <img class=icon src=media/code.svg>
           code
         </a>
 
       <li>
-        <a href=https://lang.niss.website>
+        <a href=//lang.niss.website>
           <img class=icon src=media/speech.svg>
           conlangs
         </a>
@@ -88,27 +88,22 @@
   </section>
 </main>
 
-
 <script>
-window.addEventListener('DOMContentLoaded', function() {
+window.addEventListener('DOMContentLoaded', () => {
   let link = document.getElementById('soundlink');
   let miku = document.getElementById('miku');
+  if (typeof miku.play == 'function') {
+    function playMiku(e) {
+      miku.play();
+      e.preventDefault();
+    }
 
-  function play(e) {
-    e.preventDefault();
-    miku.play();
-  }
-
-  // attempt to ensure at least one of the sources is recognised
-  // (and that <audio> is supported)
-  if (!isNaN(miku.duration)) {
-    link.href = '#listen';
-    link.addEventListener('click', play);
+    link.href = '#';
+    link.addEventListener('click', playMiku);
   }
 });
 </script>
 
-
 <!--
   - mutant standard emoji by @Dzuque: 👉 https://mutant.tech 👈
     (licensed cc-by-nc-sa 4.0)

style.css

@@ -11,9 +11,7 @@ body {
         hsl(195deg, 100%, 67%),
         hsl(155deg, 70%,  62%)
       );
-  --bg-image:
-    image-set(url(media/bg.png)    1x,
-              url(media/bg_2x.png) 2x);
+  --bg-image: url(media/niss_uwu_bg.png);
   --size: 1.75rem;
   --weight: 600;
 
@@ -84,12 +82,6 @@ b {
 #mlem picture {
   filter: drop-shadow(0 0 30px var(--glow-col));
 }
-#mlem img {
-  /* firefox doesn't support "pixelated" but does treat "crisp-edges"
-   * to mean that */
-  image-rendering: crisp-edges;
-  image-rendering: pixelated;
-}
 
 header {
   margin: 0;
@@ -241,9 +233,7 @@ h1, h2 { --around-image: url(media/sparkles.svg); }
           hsl(195deg, 60%, 44%),
           hsl(155deg, 60%, 55%)
         );
-    --bg-image:
-      image-set(url(media/bg_dim.png)    1x,
-                url(media/bg_2x_dim.png) 2x);
+    --bg-image: url(media/niss_uwu_bg_dim.png);
   }
 
   main {