yummy.cricket/index.html

119 lines
2.9 KiB
HTML
Raw Normal View History

2020-06-29 02:21:02 +02:00
<!DOCTYPE html>
<html lang=en>
<meta charset=utf-8>
2020-06-30 19:32:53 +02:00
<link rel=me href=https://cybre.space/@g>
2021-05-24 09:40:58 +02:00
<link rel=me href=https://donphan.social/@g>
<link rel=me href=https://types.pl/@g>
<link rel=me href=https://scalie.business/@g>
2020-09-21 18:18:01 +02:00
<link rel=me href=https://twitter.com/2_gecs>
2021-05-24 09:40:58 +02:00
<link rel=me href=https://twitter.com/squishygecs>
2021-05-24 11:40:56 +02:00
<link rel=icon href=media/icon.svg>
2020-06-30 19:32:33 +02:00
2020-06-29 02:21:02 +02:00
<link rel=stylesheet href=style.css>
<title>web site more like web shite haha gottem</title>
2020-07-02 20:24:24 +02:00
<main>
<header>
<h1>so basically? <b>im gecs</b></h1>
2020-07-02 20:24:24 +02:00
<div id=mlem>
<p class='mlem-text niss'>“mlem”</p>
<p class='mlem-text nisse'>“mlem also”</p>
2022-04-06 20:07:15 +02:00
<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>
2020-07-02 20:24:24 +02:00
</div>
<p>
2021-03-31 06:57:25 +02:00
a <ruby><b>big one</b> <rp>(<rt>niss<rp>)</ruby>
and a <ruby><b>little one</b> <rp>(<rt>nisse<rp>)</ruby>
2020-07-02 20:24:24 +02:00
</header>
2020-06-29 02:21:02 +02:00
2020-07-02 20:24:24 +02:00
<hr>
2020-06-29 02:21:02 +02:00
2021-05-24 09:57:26 +02:00
<nav id=links>
<ul>
2021-05-24 20:55:13 +02:00
<li>
2021-06-07 23:45:20 +02:00
<a href=https://gallery.niss.website>
2021-05-24 20:55:13 +02:00
<img class=icon src=media/art.svg>
art
</a>
<li>
2021-06-07 23:45:20 +02:00
<a href=https://git.rhiannon.website/rhi>
2021-05-24 20:55:13 +02:00
<img class=icon src=media/code.svg>
code
</a>
<li>
2021-06-07 23:45:20 +02:00
<a href=https://lang.niss.website>
2021-05-24 20:55:13 +02:00
<img class=icon src=media/speech.svg>
conlangs
</a>
2022-04-06 20:07:15 +02:00
<li>
<a href=where.html>
<img class=icon src=media/contact.svg>
contact
</a>
2021-05-24 09:57:26 +02:00
</ul>
</nav>
<hr>
2020-07-02 20:08:19 +02:00
<section>
<h2>stats</h2>
<dl>
2021-05-24 11:41:15 +02:00
<dt> how to say
<dd>
2021-05-25 16:03:05 +02:00
<a id=soundlink>
2021-05-24 11:41:15 +02:00
<span class=ipa>nɪs</span>, <span class=ipa>nɪ</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>
2021-05-25 16:03:05 +02:00
<noscript>
(<a href=media/niss-nisse.mp3>listen</a>)
</noscript>
2021-05-24 11:41:15 +02:00
2022-04-06 20:07:15 +02:00
<dt> prons <dd title='she for niss, he for nisse'> she or they
2021-05-24 09:51:06 +02:00
<dt> quantity <dd> 2
<dt> consistency <dd> soft
2021-05-24 20:56:11 +02:00
<dt> limbs <dd> many
2022-04-06 20:07:15 +02:00
<dt> energy <dd> <img src=media/battery_low.svg alt=low class=emojo>
2020-07-02 20:08:19 +02:00
</dl>
</section>
</main>
2020-07-02 21:50:01 +02:00
2021-06-07 23:44:46 +02:00
2021-05-24 11:41:15 +02:00
<script>
window.addEventListener('load', function() {
2021-05-24 11:41:15 +02:00
let link = document.getElementById('soundlink');
let miku = document.getElementById('miku');
2021-06-07 23:44:46 +02:00
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);
2021-05-24 11:41:15 +02:00
}
});
</script>
2021-06-07 23:44:46 +02:00
<!--
2021-05-24 20:55:13 +02:00
- mutant standard emoji by @Dzuque: 👉 https://mutant.tech 👈
2021-05-24 11:41:15 +02:00
(licensed cc-by-nc-sa 4.0)
- miku recorded by @derFisch
-->