521 lines
18 KiB
HTML
521 lines
18 KiB
HTML
<!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>
|
||
|
||
<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 what’s 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> 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 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>
|