<!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> i’m niss. what’s up </p>
<noscript>
<p> this page needs javascript for the full effect, sorry. </p>
<p> it was hard enough to make it work cross-browser as it is.
<small>[grumbles at safari]</small> </p>
</noscript>
</section>
<section id=id>
<h2> so what’s your deal </h2>
<dl>
<dt>name
<dd>
<ul>
<li> <b>niss</b> or <b>q.t.</b>
<li> always lowercase
</ul>
<dt>pronouns
<dd>
<ul>
<li> <b>she</b>, <b>they</b>, or <b>it</b> in english. pick whichever
<li> <b>sie</b> auf deutsch
</ul>
<dt>shapes
<dd>
<ul>
<li><a href=https://gallery.niss.website/by-any/#gecs>gold dust day gecko</a>
×2, from “real life”
<li><a href=https://gallery.niss.website/by-any/#qt>quox</a>,
from the tower of druaga
<li><a href=https://gallery.niss.website/by-any/#kesi>bubble dragon</a>,
from bubble bobble
<li>some others that come and go
</ul>
</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> i’m slowly working on a language
called <strong>quox</strong>, which lives
<a href=https://git.rhiannon.website/rhi/quox>here</a>.
i haven’t 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
“conlanger’s notes” quality, which means incomplete and incomprehensible
to anyone other than their author
<p> i’m sure there’s 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>
<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>
<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>
<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 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.png
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.gif
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>
</ul>
</section>
<section id=otherlinks>
<h3> other cool things </h3>
<ul class='zoom 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>