ANGELF~1.HTM

2022-05-30 16:49:46 +02:00 · 2022-05-30 16:49:46 +02:00 · ec80a72379
commit ec80a72379
parent 2387e2fcbd
13 changed files with 234 additions and 3 deletions
--- a/ANGELF~1.HTM
+++ b/ANGELF~1.HTM
@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang=en>
+<meta charset=utf-8>
+
+<link rel=me href=https://cybre.space/@g>
+<link rel=me href=https://donphan.social/@g>
+<link rel=me href=https://types.pl/@g>
+<link rel=me href=https://scalie.business/@g>
+<link rel=me href=https://twitter.com/2_gecs>
+<link rel=me href=https://twitter.com/squishygecs>
+
+<link rel=icon href=media/icon.svg>
+
+<link rel=stylesheet href=ANGELF~1.CSS>
+<title>web site more like web shite haha gottem</title>
+
+<main>
+  <header>
+    <h1>so basically? <b>im gecs</b></h1>
+    <div id=mlem>
+      <div id=mlemtext>
+        <p class='mlem-text niss'>“mlem”</p>
+        <p class='mlem-text nisse'>“mlem also”</p>
+      </div>
+      <a href=https://gallery.niss.website/main/niss/2020-06-20-mlem>
+        <picture>
+          <source srcset=media/mlem_static.png media='(prefers-reduced-motion)'>
+          <img src=media/mlem.gif alt='— the gecs'>
+        </picture>
+      </a>
+    </div>
+    <p>
+      a <b>big one</b> (niss (she/her))
+      and a <b>little one</b> (nisse (he/him))
+  </header>
+
+  <hr>
+
+  <section>
+    <h2>stats</h2>
+    <table>
+      <tr>
+        <th> how to say
+        <td>
+          <a id=soundlink>/nIs/, /nIs@/</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>
+          <noscript>
+            (<a href=media/niss-nisse.mp3>listen</a>)
+          </noscript>
+
+      <tr><th> prons       <td title='she for niss, he for nisse'> she or they
+      <tr><th> quantity    <td> 2
+      <tr><th> consistency <td> soft
+      <tr><th> limbs       <td> many
+      <tr><th> energy      <td> <img src=NEWFOL~1/LOWBATT.GIF alt=low>
+    </table>
+  </section>
+</main>
+
+<ul id=links>
+  <li>
+    <a href=https://gallery.niss.website>
+      <img src=NEWFOL~1/PBRUSH.GIF>
+      <span>art</span>
+    </a>
+  <li>
+    <a href=https://git.rhiannon.website/rhi>
+      <img src=NEWFOL~1/PROGRAM.GIF>
+      <span>code</span>
+    </a>
+  <li>
+    <a href=https://lang.niss.website>
+      <img src=NEWFOL~1/QUESTION.GIF>
+      <span>conlangs</span>
+    </a>
+  <li>
+    <a href=where.html>
+      <img src=NEWFOL~1/MAIL.GIF>
+      <span>contact</span>
+    </a>
+</ul>
+
+
+<script>
+window.addEventListener('load', function() {
+  let link = document.getElementById('soundlink');
+  let miku = document.getElementById('miku');
+
+  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);
+  }
+});
+</script>
+
+
+<!--
+  - miku recorded by @derFisch
+-->