yummy.cricket/index.html

521 lines
18 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang=en>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=0.7">
<title>the gec zone</title>
<link rel=me href=https://chitter.xyz/@niss>
<link rel=me href=https://cohost.org/niss>
<link rel=icon href=media/favicon.webp>
<link rel=stylesheet href=style/base.css>
<link rel=stylesheet href=style/cube.css>
<link rel=stylesheet href=style/flat.css>
<noscript>
<link rel=stylesheet href=style/static.css>
</noscript>
<meta property=og:type content=article>
<meta property=og:title content="the gec zone">
<meta property=og:description content="lair of the creature known as “niss”">
<meta property=og:url content="https://yummy.cricket">
<meta property=og:image content=media/opengraph.webp>
<meta property=og:image:width content=400>
<meta property=og:image:height content=400>
<meta property=og:image content=media/twittercard.webp>
<meta property=og:image:width content=800>
<meta property=og:image:height content=418>
<meta name=twitter:card content=summary_large_image>
<meta name=twitter:image content=media/twittercard.webp>
<script src=script/shuffle.js type=module></script>
<script src=script/run.js type=module></script>
<nav id=face-menu>
<menu class='menu hide-boxes'>
<li> <input name=tab id=b-hello type=radio checked>
<label for=b-hello>hello</label>
<li> <input name=tab id=b-id type=radio>
<label for=b-id>id</label>
<li> <input name=tab id=b-activities type=radio>
<label for=b-activities>activities</label>
<li> <input name=tab id=b-links type=radio>
<label for=b-links>links</label>
<li> <input name=tab id=b-friends type=radio>
<label for=b-friends>friends</label>
<li> <input name=tab id=b-six type=radio>
<label for=b-six>tbd</label>
</menu>
</nav>
<div id=outer>
<div id=cube>
<section id=hello>
<h2> hey </h2>
<p> im niss. whats up </p>
<h3> quick linx </h3>
<ul>
<li> <a href=https://gallery.niss.website>art gallery</a>
<li> <a href=./rainbow-quox>quox palette generator</a>
<li> <a href=https://git.rhiannon.website>code hole</a>
<li> <a href=https://blog.niss.website>rarely-updated blog</a>
</ul>
</section>
<section id=id>
<h2> so whats your deal </h2>
<dl class=bullety>
<dt> name
<dd> <b>niss</b> or <b>q.t.</b>
<dd> always lowercase
<dt> pronouns
<dd> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
<dd> <b>sie</b> auf deutsch
<dt> shapes
<dd> <a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
×2, from “real life”
<dd> <a href=https://gallery.niss.website/by-any/#qt>quox</a>,
from the tower of druaga
<dd> <a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>,
from bubble bobble
<dd> some others that come and go
</dl>
<div id=flags>
<img src=media/flags/nb.svg alt=non-binary title=non-binary>
<img src=media/flags/gf.svg alt=genderfluid title=genderfluid>
<img src=media/flags/pan.svg alt=pansexual title=pansexual>
<img src=media/flags/quoi.svg alt=quoiromantic title=quoiromantic>
<img src=media/flags/polyam.svg alt=polyamorous title=polyamorous>
</div>
</section>
<section id=activities>
<h2> what do you do </h2>
<p> <strong>i draw furry art!</strong> you can see that
<a href=https://gallery.niss.website>here</a>. i enjoy creatures with
weird body plans. if you want me to draw you something then
<a href=https://commiss.io/niss>please step this way</a>
<p> <strong>i like type systems!</strong> im slowly working on a language
called <strong>quox</strong>, which lives
<a href=https://git.rhiannon.website/rhi/quox>here</a>.
i havent got around to making a website for it yet
<p> <strong>i like conlangs!</strong> i have a couple
<a href=https://lang.niss.website>here</a>. they are extremely
“conlangers notes” quality, which means incomplete and incomprehensible
to anyone other than their author
<p> im sure theres other stuff but talking about yourself is hard
</section>
<section id=links>
<h2> where else do you exist </h2>
<section id=gecsites>
<h3> gec sites </h3>
<ul class='zoom boxy'>
<li id=gallery> <a href=https://gallery.niss.website>gallery</a>
<li id=code> <a href=https://git.rhiannon.website>code</a>
<li id=blog> <a href=https://blog.niss.website>blog</a>
</ul>
</section>
<section id=galleries>
<h3> gallery sites </h3>
<ul class='zoom boxy'>
<li id=itaku> <a href=https://itaku.ee/profile/niss>itaku</a>
<li id=weasyl> <a href=https://www.weasyl.com/~niss>weasyl</a>
<li id=fa> <a href=https://furaffinity.net/user/niss>furaffinity</a>
<li id=da> <a href=https://www.deviantart.com/2gecs>deviantart</a>
<li id=kofi> <a href=https://ko-fi.com/nissss>ko-fi</a>
<!-- <li id=artfight> <a href=https://artfight.net/~nissss>art fight</a> -->
</ul>
</section>
<section id=creaturefeature>
<h3> other stuff </h3>
<ul class='zoom boxy'>
<li id=chitter> <a href=https://chitter.xyz/@niss>fediverse</a>
<!-- <li id=cohost> <a href=https://cohost.org/niss>cohost</a> -->
<li id=bluesky> <a href=https://niss.yummy.cricket>bluesky</a>
</ul>
</section>
</section>
<section id=friends>
<h2> more websites please </h2>
<section id=friendlinks>
<h3> friends of gecs </h3>
<!-- btw unless i say otherwise, all these buttons are made by
who they link to -->
<ul class='zoom boxy shuffle'>
<li id=dino>
<a href=https://flussence.eu title=dino>
<img src=media/buttons/dino.png alt=dino>
</a>
<li id=goaty>
<a href=https://goatygoats.com title=goaty>
<picture>
<source srcset=media/buttons/goaty_still.gif
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/goaty.gif alt=goaty>
</picture>
</a>
<li id=tenna>
<a href=https://tenna.zip title=tenna class=txt>tenna</a>
<li id=gulfie>
<a href=https://gulfie.online title=gulfie>
<picture>
<source srcset=media/buttons/gulfie_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/gulfie.png alt=gulfie>
</picture>
</a>
<li id=river>
<a href=https://sleepingriverden.neocities.org
title=river class=txt>river</a>
<li id=khr>
<a href=https://dragon.monster title=khr class=txt>khr</a>
<li id=codl>
<a href=https://codl.fr title=codl class=txt>codl</a>
<li id=myno>
<a href=https://zatzhing.me title=myno>
<picture>
<source srcset=media/buttons/myno_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/myno.gif alt=myno>
</picture>
</a>
<li id=abyss>
<a href=https://kobold60.com title=abyss>
<picture>
<source srcset=media/buttons/abyss_still.gif
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/abyss.gif alt=abyss>
</picture>
</a>
<li id=cr>
<a href=https://candiedreptile.club/bloglet/ title=candiedreptile>
<picture>
<source srcset=media/buttons/candiedreptile_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/candiedreptile.gif alt=candiedreptile>
</picture>
</a>
<li id=spiral>
<a href=https://spiralcyr.carrd.co title=spiralcyr
class=txt>spiral</a>
<li id=dex>
<a href=https://dexthedragon.co.uk title='dex (the dragon)'>
<img src=media/buttons/dex.png alt='dex (the dragon)'>
</a>
<li id=pebble>
<a href=https://pebble.pet title=pebble>
<picture>
<source srcset=media/buttons/pebble_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/pebble.gif alt=pebble>
</picture>
</a>
<li id=beeps>
<a href=https://beeps.website title=beeps>
<picture>
<source srcset=media/buttons/beeps_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/beeps.gif alt=beeps>
</picture>
</a>
<li id=grace>
<a href=https://princess.software
title="the internet's beloved princess grace">
<img src=media/buttons/grace.png
alt="the internet's beloved princess grace">
</a>
<li id=dusty>
<a href=https://chcl.se title=dusty>
<picture>
<source srcset=media/buttons/dusty_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/dusty.gif alt=dusty>
</picture>
</a>
<li id=tsunderdog>
<a href=https://www.tsunderdog.art title=tsunderdog>
<picture>
<source srcset=media/buttons/tsunderdog_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/tsunderdog.gif alt=tsunderdog>
</picture>
</a>
<li id=ionchy>
<a href=https://ionathan.ch title=ionchy class=txt>ionchy</a>
<li id=cial>
<a href=http://www.demon-sushi.com title=cial>
<img src=media/buttons/inhuman.png alt=cial>
</a>
<li id=tuxedodragon>
<a href=https://tuxedodragon.art title='tuxedo dragon'>
<picture>
<source srcset=media/buttons/tuxedodragon_still.gif
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/tuxedodragon.gif alt='tuxedo dragon'>
</picture>
</a>
<li id=hthrflwrs>
<a href=http://heather.flowers title='heather flowers'>
<img src=media/buttons/hthrflwrs.png alt='heather flowers'>
</a>
<li id=creature0354>
<a href=https://creature0354.neocities.org title=moth>
<picture>
<source srcset=media/buttons/creature0354_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/creature0354.gif alt=moth>
</picture>
</a>
<li id=violet>
<a href=https://violet.pm title=violet class=txt>violet</a>
<li id=alloyed>
<a href=https://alloyed.me title='Kit!'>
<picture>
<source srcset=media/buttons/alloyed_still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/alloyed.gif alt='Kit!'>
</picture>
</a>
<li id=renko>
<a href=https://renkotsuban.com title=renkon>
<img src=media/buttons/renkotsuban.gif alt=renkon>
</a>
<li id=craw>
<a href=https://craw.run title=craw>
<img src=media/buttons/craw.png alt=craw>
</a>
<li id=FaeAlchemist>
<a href=https://faealchemist.neocities.org title=faealchemist>
<picture>
<source srcset=media/buttons/FaeAlchemist_still.webp
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/FaeAlchemist.gif alt=faealchemist>
</picture>
</a>
<li id=suricrasia>
<a href=https://suricrasia.online title=suricrasia>
<img src=media/buttons/suricrasia.gif alt=suricrasia>
</a>
<li id=brin>
<a href=https://brinsolomon.com title=brin class=txt>brin</a>
<li id=clip>
<a href=https://lizard.tools title=clip>
<img src=media/buttons/clip.png alt=clip>
</a>
<li id=cervine>
<a href=https://cervine.online title=cervine.online>
<img src=media/buttons/cervine.png alt=cervine.online>
</a>
<li id=pearshapes>
<a href=https://spdx.neocities.org
title='syndication outreach portal'>
<img src=media/buttons/pearshapes.png
alt='syndication outreach portal'>
</a>
<li id=coda>
<a href=https://codarobo.online title=coda>
<img src=media/buttons/coda.png alt=coda>
</a>
<li id=lifning>
<a href=https://lifning.info title=lifning>
<img src=media/buttons/lifning.png alt=lifning>
</a>
<li id=hell-labs>
<a href=https://hell-labs.itch.io title='hell labs'>
<picture>
<source srcset=media/buttons/hell-labs-still.png
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/hell-labs.gif alt='hell labs'>
</picture>
</a>
<li id=gabu>
<a href=https://gabu.dog title=gabu>
<img src=media/buttons/gabu.png alt=gabu>
</a>
<li id=konsti>
<a href=https://konsti.club title=konsti class=txt>konsti</a>
<li id=katja>
<a href=https://rarf.zone title=katja>
<img src=media/buttons/katja.png alt=katja>
</a>
<li id=odoben>
<a href=https://odoben.space title=odoben>
<img src=media/buttons/odoben.png alt=odoben>
</a>
<li id=lena>
<a href=https://techromancer.club title=lena class=txt>lena</a>
<li id=serena>
<a href=https://bigbeandotgov.carrd.co title=serena
class=txt>serena</a>
<li id=mathie>
<a href=https://mathie.gay title=mathie>
<img src=media/buttons/mathie.png alt=mathie>
</a>
<li id=therra>
<a href=https://smolderg.xyz title=smolderg.xyz>
<img src=media/buttons/therra.png alt=smolderg.xyz>
</a>
<li id=blau>
<a href=https://blaurascon.nfshost.com title="blau's blog">
<img src=media/buttons/blau.png alt="blau's blog">
</a>
<li id=deneb>
<a href=https://www.netdeneb.com title=deneb>
<picture>
<source srcset=media/buttons/deneb_still.webp
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/deneb.gif alt=deneb>
</picture>
</a>
<li id=clocktower>
<a href=https://cyanic-clocktower.neocities.org
title='the clocktower headspace'>
<img src=media/buttons/clocktower.png
alt='the clocktower headspace'>
</a>
<li id=quat>
<a href=https://highlysuspect.agency title='highly suspect agency'>
<img src=media/buttons/hsa.gif alt='highly suspect agency'>
</a>
</ul>
</section>
<section id=otherlinks>
<h3> other cool things </h3>
<ul class='zoom boxy shuffle'>
<li>
<a href=https://cohost.org id=cohost-button title='i was on cohost'>
<picture>
<source srcset=media/buttons/cohost_still.gif
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/cohost.gif alt='i was on cohost'>
</picture>
<!-- button by https://mykocalico.neocities.org/ -->
</a>
<li>
<a href=https://oakreef.ie/transy id=transy title='transy!'>
<img src=media/buttons/transy.gif alt='transy!'>
</a>
<li>
<a href=https://cdrom.ca id=cdromca title='cd-rom journal'>
<img src=media/buttons/cdromca.png alt='cd-rom journal'>
<!-- button by https://candiedreptile.club -->
</a>
<li>
<a href=https://corru.observer id=corru title='corru.observer'>
<picture>
<source srcset=media/buttons/corru_still.gif
media='(prefers-reduced-motion: reduce)'>
<img src=media/buttons/corru.gif alt='corru.observer'>
</picture>
</a>
<li>
<a href=https://krita.org id=krita title=krita>
<img src=media/buttons/krita.png alt=krita>
</a>
<li>
<a href=http://crouton.net id=crouton title=crouton>
<img src=media/buttons/crouton.png alt=crouton>
</a>
<li>
<a href=https://www.runawaytothestars.com id=rtts
title='runaway to the stars'>
<img src=media/buttons/rtts.png alt='runaway to the stars'>
</a>
</ul>
</section>
<section id=nissbuttons>
<h3>if you wanna link to me:</h3>
<img src=8831.png alt='niss button' title='by me'>
<img src=8831-quox.png alt='q.t. button' title='by candiedreptile'>
</section>
</section>
<section id=six>
<h2> a sixth thing </h2>
<p> <a href=http://crouton.net>wow</a>
<p class=artcredit>
art by <a href=https://wutizit45.bsky.social>gray</a>
</section>
</div>
</div>