326 lines
10 KiB
HTML
326 lines
10 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/niss-icon.png>
|
||
<link rel=stylesheet href=base.css>
|
||
<link rel=stylesheet href=cube.css
|
||
media='(prefers-reduced-motion: no-preference)'>
|
||
<!--
|
||
<link rel=stylesheet href=flat.css media='(prefers-reduced-motion)'>
|
||
-->
|
||
|
||
<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="XXXXXX">
|
||
<meta name=twitter:card content=summary_large_image>
|
||
<meta name=twitter:image content="XXXXXX">
|
||
-->
|
||
|
||
<script src=cube.js type=module></script>
|
||
<script src=shuffle.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
|
||
</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.png alt=non-binary title=non-binary>
|
||
<img src=media/flags/gf.png alt=genderfluid title=genderfluid>
|
||
<img src=media/flags/pan.png alt=pansexual title=pansexual>
|
||
<img src=media/flags/quoi.png alt=quoiromantic title=quoiromantic>
|
||
<img src=media/flags/polyam.png 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=sociallinks>
|
||
<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>
|
||
<img src=media/buttons/goaty.gif alt=goaty>
|
||
</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>
|
||
<img src=media/buttons/gulfie.png alt=gulfie>
|
||
</a>
|
||
|
||
<li id=river>
|
||
<a href=https://sleepingriverden.neocities.org
|
||
title=river class=txt>river</a>
|
||
|
||
<li id=khr>
|
||
<a href=https://khr.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>
|
||
<img src=media/buttons/myno.gif alt=myno>
|
||
</a>
|
||
|
||
<li id=abyss>
|
||
<a href=https://kobold60.com title=abyss class=txt>abyss</a>
|
||
|
||
<li id=cr>
|
||
<a href=https://candiedreptile.club/bloglet/ title=candiedreptile>
|
||
<img src=media/buttons/candiedreptile.gif alt=candiedreptile>
|
||
</a>
|
||
|
||
<li id=spiral>
|
||
<a href=https://spiralcyr.carrd.co title=spiral class=txt>spiral</a>
|
||
|
||
<li id=dex>
|
||
<a href=https://dexthedragon.co.uk title=dex>
|
||
<img src=media/buttons/dex.png alt=dex>
|
||
</a>
|
||
|
||
<li id=pebble>
|
||
<a href=https://pebble.pet title=pebble>
|
||
<img src=media/buttons/pebble.gif alt=pebble>
|
||
</a>
|
||
|
||
<li id=beeps>
|
||
<a href=https://beeps.website title=beeps>
|
||
<img src=media/buttons/beeps.gif alt=beeps>
|
||
</a>
|
||
|
||
<li id=cobalt>
|
||
<a href=https://cobaltblue.neocities.org title=cobalt>
|
||
<img src=media/buttons/cobalt.png alt=cobalt>
|
||
</a>
|
||
|
||
<li id=grace>
|
||
<a href=https://princess.software title=grace>
|
||
<img src=media/buttons/grace.png alt=grace>
|
||
</a>
|
||
|
||
<li id=dusty>
|
||
<a href=https://chcl.se title=dusty>
|
||
<img src=media/buttons/dusty.gif alt=dusty>
|
||
</a>
|
||
|
||
<li id=tsunderdog>
|
||
<a href=https://www.tsunderdog.art title=tsunderdog>
|
||
<img src=media/buttons/tsunderdog.gif alt=tsunderdog>
|
||
</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=tuxedodragon>
|
||
<img src=media/buttons/tuxedodragon.gif alt=tuxedodragon>
|
||
</a>
|
||
|
||
<li id=hthrflwrs>
|
||
<a href=https://heather.flowers title=hthrflwrs>
|
||
<img src=media/buttons/hthrflwrs.png alt=hthrflwrs>
|
||
</a>
|
||
|
||
<li id=creature0354>
|
||
<a href=https://creature0354.neocities.org title=creature0354>
|
||
<img src=media/buttons/creature0354.gif alt=creature0354>
|
||
</a>
|
||
|
||
<li id=violet>
|
||
<a href=https://violet.pm title=violet class=txt>violet</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'>
|
||
<img src=media/buttons/cohost.gif alt='i was on cohost'>
|
||
<!-- 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'>
|
||
<img src=media/buttons/corru.gif alt='corru.observer'>
|
||
</a>
|
||
|
||
<li>
|
||
<a href=https://krita.org id=krita title='krita'>
|
||
<img src='media/buttons/krita.png' alt=krita>
|
||
</a>
|
||
</ul>
|
||
</section>
|
||
|
||
<section id=nissbuttons>
|
||
<p> niss buttons for you → </p>
|
||
<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>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- not set up yet sorry
|
||
<footer>
|
||
<input type=checkbox id=no-cube>
|
||
<label for=no-cube> no cube please </label>
|
||
</footer>
|
||
-->
|