120 lines
3 KiB
HTML
120 lines
3 KiB
HTML
<!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=index.css>
|
||
<title>web site more like web shite haha gottem</title>
|
||
|
||
<main>
|
||
<header>
|
||
<h1>so basically? <b>im gecs</b></h1>
|
||
<div id=mlem>
|
||
<p class='mlem-text niss'>“mlem”</p>
|
||
<p class='mlem-text nisse'>“mlem also”</p>
|
||
<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 class=ones>
|
||
a <ruby><b>big one</b>
|
||
<rp>(<rt>niss (she/her)<rp>)</ruby>
|
||
and a <ruby><b>little one</b>
|
||
<rp>(<rt>nisse (he/him)<rp>)</ruby>
|
||
</header>
|
||
|
||
<hr>
|
||
|
||
<nav id=links>
|
||
<ul>
|
||
<li>
|
||
<a href=https://gallery.niss.website>
|
||
<img class=icon src=media/art.svg>
|
||
art
|
||
</a>
|
||
|
||
<li>
|
||
<a href=https://git.rhiannon.website/rhi>
|
||
<img class=icon src=media/code.svg>
|
||
code
|
||
</a>
|
||
|
||
<li>
|
||
<a href=https://lang.niss.website>
|
||
<img class=icon src=media/speech.svg>
|
||
conlangs
|
||
</a>
|
||
|
||
<li>
|
||
<a href=where.html>
|
||
<img class=icon src=media/contact.svg>
|
||
contact
|
||
</a>
|
||
</ul>
|
||
</nav>
|
||
|
||
<hr>
|
||
|
||
<section>
|
||
<h2>stats</h2>
|
||
<dl>
|
||
<dt> how to say
|
||
<dd>
|
||
<a id=soundlink>
|
||
<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>
|
||
<noscript>
|
||
(<a href=media/niss-nisse.mp3>listen</a>)
|
||
</noscript>
|
||
|
||
<dt> prons <dd title='she for niss, he for nisse'> she or they
|
||
<dt> quantity <dd> 2
|
||
<dt> consistency <dd> soft
|
||
<dt> limbs <dd> many
|
||
<dt> energy <dd> <img src=media/battery_low.svg alt=low class=emojo>
|
||
</dl>
|
||
</section>
|
||
</main>
|
||
|
||
|
||
<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>
|
||
|
||
|
||
<!--
|
||
- mutant standard emoji by @Dzuque: 👉 https://mutant.tech 👈
|
||
(licensed cc-by-nc-sa 4.0)
|
||
- miku recorded by @derFisch
|
||
-->
|