rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

id page and markup/css cleanup

Browse source
This commit is contained in:
Rhiannon Morris 2024-03-02 18:23:17 +01:00
parent 45bc1a60b6
commit 749d22b8b8
28 changed files with 313 additions and 641 deletions
Download patch file Download diff file Expand all files Collapse all files

132
index.html
View file

@ -2,123 +2,47 @@
<html lang=en>
<meta charset=utf-8>
<link rel=me href=https://chitter.xyz/@niss>
<link rel=me href=https://cohost.org/niss>
<link rel=icon href=media/icon.svg>
<meta name=robots content='noai,noimageai'>
<link rel=me href=//chitter.xyz/@niss>
<link rel=me href=//cohost.org/niss>
<link rel=me href=//yiff.life/@niss>
<link rel=stylesheet href=index.css>
<link rel=icon href=media/icon.svg>
<title>🦎 the gec zone 🦎</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>
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 id=mlem>
<p class='mlem-text niss'>“mlem”</p>
<p class='mlem-text nisse'>“mlem also”</p>
<picture>
<source srcset=media/mlem_static.png class=pixel
media='(prefers-reduced-motion)'>
<img src=media/mlem.gif class=pixel alt='— the gecs'>
</picture>
</header>
<hr>
<nav id=links>
<menu>
<li>
<a href=https://gallery.niss.website>
<img class=icon src=media/art.svg>
art
</a>
<li>
<a href=//commiss.io/niss>
<img class=icon src=media/money.svg>
comms
</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>
</menu>
</nav>
<menu id=links>
<li> <a href=id.html><img src=media/info.svg> identity</a>
<li> <a href=where.html><img src=media/contact.svg> contact</a>
<li> <a href=//gallery.niss.website><img src=media/art.svg> art</a>
<li> <a href=//commiss.io/niss><img src=media/money.svg> comms</a>
<li> <a href=//git.rhiannon.website><img src=media/code.svg> code</a>
<li> <a href=//lang.niss.website><img src=media/speech.svg> conlangs</a>
</menu>
<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> she
<dt> quantity <dd> 2
<dt> consistency <dd> soft
<dt> limbs <dd> too many
<dt> energy <dd> <img src=media/battery_low.svg alt=low class=emojo>
</dl>
</section>
<footer>
<a href=//cohost.org/candiedreptile/post/3942660-socked-quox-in-b>
<img src=media/quoxtrans.png width=88 height=31 class=pixel>
</a>
</footer>
</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
mutant standard emoji by caius nocturne: 👉 mutant.tech 👈
(licensed cc-by-nc-sa 4.0)
-->