add miku recording

Makefile

@@ -6,6 +6,7 @@ MEDIA  = $(patsubst %,media/%, \
     niss_uwu_bg_dim.png niss_uwu_bg.png \
     info.svg star.svg sparkles.svg 18_plus.svg \
     cybre.png donphan.png types.png dragncool.svg \
+    niss-nisse.mp3 niss-nisse.ogg \
   )
 
 BUILDDIR ?= _build

index.html

@@ -46,7 +46,17 @@
   <section>
     <h2>stats</h2>
     <dl>
-      <dt> how to say  <dd> <span class=ipa>nıs</span>, <span class=ipa>nısə</span>
+      <dt> how to say
+      <dd>
+        <a id=soundlink href=#>
+          <span class=ipa>nɪs</span>, <span class=ipa>nɪsə</span>
+        </a>
+        <audio id=miku>
+          <source src=media/niss-nisse.mp3 type=audio/mpeg>
+          <source src=media/niss-nisse.ogg type=audio/ogg>
+          (<a href=media/niss-nisse.mp3>listen</a>)
+        </audio>
+
       <dt> prons       <dd title='she for niss, he for nisse'> it or they
       <dt> quantity    <dd> 2
       <dt> limbs       <dd> many
@@ -56,7 +66,18 @@
   </section>
 </main>
 
+<script>
+window.addEventListener('DOMContentLoaded', () => {
+  let link = document.getElementById('soundlink');
+  let miku = document.getElementById('miku');
+  if (typeof miku.play == 'function') {
+    link.addEventListener('click', e => { miku.play(); e.preventDefault(); });
+  }
+});
+</script>
+
 <!--
-  mutant standard emoji by dzuk: 👉 https://mutant.tech 👈
-  (licensed cc-by-nc-sa 4.0)
+  - mutant standard emoji by dzuk: 👉 https://mutant.tech 👈
+    (licensed cc-by-nc-sa 4.0)
+  - miku recorded by @derFisch
 -->