various updates. sorry

.gitignore

@@ -1,3 +1,8 @@
+style/fonts/**/*.eot
+style/fonts/**/*.svg
+style/fonts/**/*.ttf
+style/fonts/**/*.woff
+style/fonts/**/*.woff2
 fonts/**/*.eot
 fonts/**/*.svg
 fonts/**/*.ttf

.well-known/button.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://codeberg.org/LunarEclipse/well-known-button/raw/branch/main/drafts/button-2024-06.schema.json",
+  "default": "ce20aa64-4e95-11ef-b42c-838186663ff7",
+  "buttons": [
+    {
+      "id": "ce20aa64-4e95-11ef-b42c-838186663ff7",
+      "uri": "https://yummy.cricket/8831.png",
+      "alt": "the gec zone",
+      "link": "https://yummy.cricket",
+      "sha256": "1357dc055ec9bcae24826a689a72d6245779b7aac7f6256c2ee2a102233de0af",
+      "animations": "none"
+    },
+    {
+      "id": "220a360e-4e96-11ef-bf9c-0b97c65ca05d",
+      "uri": "https://yummy.cricket/8831-quox.png",
+      "alt": "the quog zone",
+      "link": "https://yummy.cricket",
+      "sha256": "89ab02e44093ce81bb02cdfb5c743a83db4f1faad161d2f1aacbf519635915ba",
+      "animations": "none"
+    }
+  ]
+}

ANGELF~1.HTM

@@ -7,7 +7,7 @@
 
 <link rel=icon href=media/icon.svg>
 
-<link rel=stylesheet href=ANGELF~1.CSS>
+<link rel=stylesheet href=style/ANGELF~1.CSS>
 <title>🦎 the gec zone 🦎</title>
 
 <main>

Makefile

@@ -1,16 +1,15 @@
-FONTS  = $(shell find fonts -type f)
-CSS    = base.css index.css where.css comms.css ANGELF~1.CSS id.css
-PAGES  = index.html where.html comms.html ANGELF~1.HTM pubkey.txt id.html
+CSS   = $(shell find style -type f)
+PAGES = index.html where.html pubkey.txt id.html links.html
 MEDIA = $(patsubst %,media/%, \
     bg.png bg_2x.png bg_dim.png bg_2x_dim.png kesi.png quoxtrans.png \
-    mlem.gif mlem_static.png chitter.png lockpen.png \
+    mlem.gif mlem_static.png chitter.png butterfly.png lockpen.png \
     quobl.png quobl2.png \
   ) \
-  $(wildcard media/*.svg) $(wildcard media/flags/*)
-AFMEDIA = $(patsubst %,NEWFOL~1/%, \
-    GEC.JPG PBRUSH.GIF PROGRAM.GIF QUESTION.GIF MAIL.GIF LOWBATT.GIF \
-    W95FA.otf w95fa.woff w95fa.woff2 \
-  )
+  $(wildcard media/*.svg) $(wildcard media/flags/*) \
+  $(wildcard media/buttons/*) \
+  8831.png 8831-quox.png
+MISC  = $(shell find .well-known -type f)
+ALL   = $(CSS) $(PAGES) $(MEDIA) $(MISC)
 
 BUILDDIR ?= _build
 TMPDIR   ?= _tmp
@@ -22,7 +21,7 @@ REMOTE_DIR ?= yummy
 
 all: build
 
-build: $(patsubst %,$(BUILDDIR)/%,$(FONTS) $(CSS) $(PAGES) $(MEDIA) $(AFMEDIA))
+build: $(patsubst %,$(BUILDDIR)/%,$(ALL))
 
 upload: build
 	@rsync --recursive --partial --progress --copy-links \

id.html

@@ -3,7 +3,7 @@
 <meta charset=utf-8>
 
 <link rel=icon href=media/icon.svg>
-<link rel=stylesheet href=id.css>
+<link rel=stylesheet href=style/id.css>
 
 <title>identity matrix</title>
 

index.html

@@ -6,7 +6,7 @@
 <link rel=me href=//cohost.org/niss>
 <link rel=me href=//yiff.life/@niss>
 
-<link rel=stylesheet href=index.css>
+<link rel=stylesheet href=style/index.css>
 <link rel=icon href=media/icon.svg>
 
 <title>🦎 the gec zone 🦎</title>
@@ -25,21 +25,14 @@
   <hr>
 
   <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>
+    <li> <a href=id><img src=media/info.svg alt=''> identity</a>
+    <li> <a href=where><img src=media/contact.svg alt=''> contact</a>
+    <li> <a href=//gallery.niss.website><img src=media/art.svg alt=''> art</a>
+    <li> <a href=//commiss.io/niss><img src=media/money.svg alt=''> comms</a>
+    <li> <a href=//git.rhiannon.website><img src=media/code.svg alt=''> code</a>
+    <li> <a href=//lang.niss.website><img src=media/speech.svg alt=''> conlangs</a>
+    <li> <a href=links><img src=media/globe.svg alt=''> links</a>
   </menu>
-
-  <hr>
-
-  <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>
 
 <!--

links.html

@@ -0,0 +1,109 @@
+<!doctype html>
+<html lang=en>
+<meta charset=utf-8>
+
+<link rel=icon href=/media/icon.svg>
+<link rel=stylesheet href=style/links.css>
+
+<title>links for lizards</title>
+
+<main>
+  <header>
+    <h1>links for lizards</h1>
+  </header>
+
+
+  <h2>more animals</h2>
+
+  <div class=buttons>
+    <a href=https://flussence.eu id=dino title=dino>
+      <img src=/media/buttons/dino.png alt=dino>
+    </a>
+
+    <a href=https://goatygoats.com id=goaty title=goaty class=txt>goaty</a>
+
+    <a href=https://tenna.site id=tenna title=tenna class=txt>tenna</a>
+
+    <a href=https://gulfie.online id=gulfie title=gulfie>
+      <img src=/media/buttons/gulfie.png alt=gulfie>
+    </a>
+
+    <a href=https://sleepingriverden.neocities.org/
+       id=river title=river class=txt>river</a>
+
+    <a href=https://khr.monster id=khr title=khr class=txt>khr</a>
+
+    <a href=https://codl.fr id=codl title=codl class=txt>codl</a>
+
+    <a href=https://zatzhing.me id=myno title=myno>
+      <img src=/media/buttons/myno.gif alt=myno>
+    </a>
+
+    <a href=https://candiedreptile.club/bloglet/ id=cr title=candiedreptile>
+      <img src=/media/buttons/candiedreptile.gif alt=candiedreptile>
+    </a>
+
+    <a href=https://spiralcyr.carrd.co id=spiral title=spiral class=txt>
+      spiral</a>
+
+    <a href=https://dexthedragon.co.uk id=dex title=dex>
+      <img src=/media/buttons/dex.png alt=dex>
+    </a>
+
+    <a href=https://pebble.pet id=pebble title=pebble>
+      <img src=/media/buttons/pebble.gif alt=pebble>
+    </a>
+
+    <a href=https://beeps.website id=beeps title=beeps>
+      <img src=/media/buttons/beeps.gif alt=beeps>
+    </a>
+
+    <a href=https://cobaltblue.neocities.org id=cobalt title=cobalt>
+      <img src=/media/buttons/cobalt.png alt=cobalt>
+    </a>
+
+    <a href=https://princess.software id=grace title=grace>
+      <img src=/media/buttons/grace.png alt=grace>
+    </a>
+
+    <a href=https://chcl.se id=dusty title=dusty>
+      <img src=/media/buttons/dusty.gif alt=dusty>
+    </a>
+
+    <a href=https://www.tsunderdog.art/ id=tsunderdog title=tsunderdog>
+      <img src=/media/buttons/tsunderdog.gif alt=tsunderdog>
+    </a>
+
+    <a href=https://ionathan.ch id=ionchy title=ionchy class=txt>ionchy</a>
+
+    <a href=http://www.demon-sushi.com/ id=cial title=cial>
+      <img src=/media/buttons/inhuman.png alt=cial>
+    </a>
+  </div>
+
+  <hr>
+
+  <div class=buttons>
+    <p class=button-note>
+      also here are mine, for you to use!
+
+    <figure>
+      <img src=/8831.png alt='niss button'>
+      <figcaption>by me</figcaption>
+    </figure>
+
+    <figure>
+      <img src=/8831-quox.png alt='q.t. button'>
+      <figcaption>by candiedreptile</figcaption>
+    </figure>
+  </div>
+
+  <hr>
+
+  maybe i’ll link to other stuff here later! but for now check out my cool
+  friends’ websites
+
+  <footer>
+    <a href=/>main</a>
+  </footer>
+</main>

media/globe.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<metadata>
+<rdf:RDF xmlns:cc="http://web.resource.org/cc/"
+         xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+         xmlns:dc = "http://purl.org/dc/elements/1.1/"
+         >
+
+     <rdf:Description rdf:about="">
+       <dc:title>Mutant Standard emoji 2024.06</dc:title>
+     </rdf:Description>
+
+    <cc:work rdf:about="">
+        <cc:license rdf:resource="http://creativecommons.org/licenses/by-nc-sa/4.0/"/>
+        <cc:attributionName>Caius Nocturne</cc:attributionName>
+        <cc:attributionURL>http://mutant.tech/</cc:attributionURL>
+    </cc:work>
+
+</rdf:RDF>
+</metadata>
+
+    <rect id="globe" x="0" y="0" width="32" height="32" style="fill:none;"/>
+    <g id="outline">
+        <circle cx="16" cy="16" r="16"/>
+    </g>
+    <g id="emoji">
+        <circle cx="16" cy="16" r="14" style="fill:#c0f1fc;"/>
+        <circle cx="16" cy="16" r="12" style="fill:#23c2e6;"/>
+        <rect x="3" y="15" width="26" height="2" style="fill:#c0f1fc;"/>
+        <rect x="4" y="21" width="24" height="2" style="fill:#c0f1fc;"/>
+        <rect x="4" y="9" width="24" height="2" style="fill:#c0f1fc;"/>
+        <path d="M16.09,2.001c0.241,0.009 0.479,0.037 0.713,0.09c1.145,0.262 2.094,1.048 2.826,1.937c0.122,0.149 0.24,0.303 0.353,0.46c0.142,0.196 0.277,0.398 0.404,0.604c0.157,0.253 0.304,0.512 0.443,0.776c0.188,0.359 0.36,0.726 0.518,1.1c0.446,1.055 0.782,2.156 1.034,3.273c0.309,1.364 0.493,2.756 0.573,4.152c0.107,1.869 0.032,3.752 -0.244,5.603c-0.215,1.443 -0.551,2.872 -1.051,4.243c-0.161,0.439 -0.338,0.872 -0.535,1.296c-0.149,0.319 -0.308,0.632 -0.481,0.939c-0.143,0.253 -0.294,0.501 -0.456,0.743c-0.131,0.197 -0.27,0.389 -0.415,0.576c-0.116,0.149 -0.237,0.294 -0.362,0.435c-0.715,0.799 -1.625,1.482 -2.695,1.7c-0.205,0.041 -0.415,0.066 -0.625,0.071c-0.21,0.005 -0.42,-0.008 -0.628,-0.04c-0.149,-0.022 -0.296,-0.054 -0.44,-0.095c-1.145,-0.321 -2.077,-1.151 -2.794,-2.071c-0.145,-0.187 -0.284,-0.379 -0.415,-0.576c-0.162,-0.242 -0.313,-0.49 -0.456,-0.743c-0.195,-0.346 -0.373,-0.701 -0.538,-1.063c-0.194,-0.428 -0.369,-0.866 -0.527,-1.309c-0.491,-1.382 -0.82,-2.82 -1.026,-4.271c-0.256,-1.798 -0.324,-3.625 -0.22,-5.438c0.08,-1.396 0.264,-2.788 0.573,-4.152c0.252,-1.117 0.588,-2.218 1.034,-3.273c0.158,-0.374 0.33,-0.741 0.518,-1.1c0.139,-0.264 0.286,-0.523 0.443,-0.776c0.127,-0.206 0.262,-0.408 0.404,-0.604c0.113,-0.157 0.231,-0.311 0.353,-0.46c0.713,-0.866 1.631,-1.634 2.738,-1.915c0.233,-0.06 0.47,-0.093 0.71,-0.108c0.091,-0.004 0.181,-0.005 0.271,-0.004Zm-0.13,2c-0.093,0.003 -0.185,0.013 -0.277,0.031c-0.512,0.105 -0.959,0.433 -1.328,0.789c-0.406,0.391 -0.746,0.848 -1.042,1.326c-0.404,0.65 -0.73,1.347 -1.003,2.061c-0.379,0.987 -0.657,2.011 -0.862,3.048c-0.254,1.287 -0.393,2.597 -0.435,3.909c-0.046,1.464 0.027,2.934 0.233,4.384c0.169,1.19 0.427,2.369 0.803,3.511c0.276,0.839 0.616,1.661 1.05,2.432c0.307,0.544 0.662,1.067 1.092,1.522c0.087,0.092 0.177,0.18 0.271,0.265c0.412,0.373 0.926,0.706 1.498,0.72c0.603,0.016 1.147,-0.33 1.578,-0.72c0.074,-0.067 0.146,-0.137 0.216,-0.208c0.455,-0.467 0.827,-1.013 1.147,-1.579c0.456,-0.81 0.808,-1.676 1.091,-2.559c0.369,-1.151 0.621,-2.34 0.783,-3.537c0.198,-1.455 0.262,-2.929 0.206,-4.396c-0.048,-1.257 -0.186,-2.511 -0.429,-3.744c-0.205,-1.037 -0.483,-2.061 -0.862,-3.048c-0.273,-0.714 -0.599,-1.411 -1.003,-2.061c-0.283,-0.456 -0.606,-0.893 -0.987,-1.273c-0.429,-0.425 -0.962,-0.814 -1.581,-0.869c-0.053,-0.004 -0.106,-0.005 -0.159,-0.004Z" style="fill:#c0f1fc;fill-rule:nonzero;"/>
+    </g>
+</svg>

style/base.css

@@ -16,11 +16,11 @@
 
   --gradient:
     linear-gradient(135deg,
-        oklch(93% 0.16 86),
-        oklch(84% 0.17 15),
-        oklch(78% 0.18 304),
-        oklch(78% 0.18 233),
-        oklch(78% 0.18 162)
+        oklch(92% 0.108 96),
+        oklch(84% 0.08 15),
+        oklch(81% 0.117 304),
+        oklch(84% 0.095 233),
+        oklch(86% 0.171 162)
       );
   --size: 15pt;
   --weight: 600;
@@ -28,8 +28,8 @@
   --hover-color: hsl(50deg, 100%, 82%);
 
   background:
-    image-set(url(media/bg.png)    1x,
-              url(media/bg_2x.png) 2x)
+    image-set(url(../media/bg.png)    1x,
+              url(../media/bg_2x.png) 2x)
       top center fixed,
     var(--gradient) fixed;
   background-blend-mode: overlay;
@@ -60,7 +60,7 @@ main {
   margin: 0 auto 1em;
 }
 
-header p, h1, h2, h3, h4, h5, h6 {
+header :is(p, h1, h2, h3, h4, h5, h6) {
   font-weight: 700;
   margin-top: 0;
 }
@@ -168,7 +168,7 @@ rt::after  { margin-right: -1.25em; }
 }
 
 
-@media (prefers-contrast: high), (prefers-color-scheme: dark) {
+@media (prefers-contrast: more), (prefers-color-scheme: dark) {
   :root {
     /*
     --gradient:
@@ -192,8 +192,8 @@ rt::after  { margin-right: -1.25em; }
         );
 
     background:
-      image-set(url(media/bg_dim.png)    1x,
-                url(media/bg_2x_dim.png) 2x)
+      image-set(url(../media/bg_dim.png)    1x,
+                url(../media/bg_2x_dim.png) 2x)
         top center fixed,
       var(--gradient) fixed;
     background-blend-mode: multiply;

style/id.css

@@ -5,7 +5,7 @@ main {
   padding: 2em;
 
   background:
-    url(media/quobl2.png) bottom left 5% / 30% no-repeat,
+    url(../media/quobl2.png) bottom left 5% / 30% no-repeat,
     var(--default-bg);
   background-blend-mode: multiply;
 }

style/index.css

@@ -29,12 +29,7 @@ main {
 }
 .niss { bottom: 100%; left: 20px; }
 .nisse { bottom: 85%; right: 0; }
-#mlem img {
-  /* firefox doesn't support "pixelated" but does treat "crisp-edges"
-   * to mean that */
-  image-rendering: crisp-edges;
-  image-rendering: pixelated;
-}
+#mlem img { image-rendering: pixelated; }
 
 
 #links img {
@@ -47,13 +42,14 @@ main {
 
 menu {
   display: grid;
-  gap: 1em;
   grid-template-columns: 1fr 1fr;
+  place-items: center;
+  place-content: center;
+  gap: 1em;
 
   max-width: 85%;
   margin: auto;
-  padding: 0;
   font-size: 125%;
 }
 
-li { list-style: none; }
+menu li { list-style: none; }

style/links.css

@@ -0,0 +1,72 @@
+@import url(base.css);
+
+main { max-width: 900px; }
+
+footer { margin-top: 6em; }
+
+.buttons {
+  display: flex;
+  flex-flow: wrap row;
+  place-items: start;
+  place-content: center;
+  gap: 8px 10px;
+
+  img { image-rendering: pixelated; }
+
+  a {
+    width: 88px; height: 31px;
+    display: flex;
+    place-items: center;
+    place-content: center;
+    box-sizing: border-box;
+  }
+
+  .txt {
+    font-size: 15px;
+    color: black;
+    text-shadow: none;
+    border: 4px outset currentcolor;
+    border-radius: 5px;
+
+    &:active {
+      border-style: inset;
+    }
+  }
+
+  + .buttons {
+    margin-top: 1.5em;
+  }
+}
+
+#khr    { background: #ffab71; color: #71153e; }
+#peb    { background: #ead6c3; color: #494040; }
+#dusty  { background: #fbd265; color: #805c2d; }
+#ionchy { background: #feca2f; color: #1b1505; }
+#goaty  { background: #564b8c; color: #ddffee; }
+#gulfie { background: #3b4884; color: #f2cd0e; }
+#tenna  { background: #6095da; color: #243224; }
+#river  { background: #98d8e7; color: #d67d28; }
+#spiral { background: #ef4d5a; color: #1f1f1f; }
+#codl   { background: #87261f; color: #edb970; }
+
+.buttons {
+  figure { margin: 0; }
+
+  figcaption {
+    margin: 0;
+    font-size: 70%;
+  }
+}
+
+
+.button-note {
+  margin: 0;
+  text-align: right;
+  align-self: center;
+  padding: 0 0.75em 0 0;
+}
+.btw {
+  display: block;
+  font-size: 70%;
+  font-style: italic;
+}

style/where.css

@@ -37,12 +37,13 @@ main { max-width: 1100px; }
     drop-shadow(0.5px -0.5px black);
 }
 
-.other { padding-top: 0.5em; }
+/* .other { padding-top: 0.5em; } */
 dt.other {
   display: flex;
   justify-content: end;
   align-items: center;
   gap: 5px;
+  grid-area: auto / 1 / auto / 2;
 }
 dd.other {
   grid-area: auto / 2 / auto / 5;

where.html

@@ -3,7 +3,7 @@
 <meta charset=utf-8>
 
 <link rel=icon href=media/icon.svg>
-<link rel=stylesheet href=where.css>
+<link rel=stylesheet href=style/where.css>
 
 <meta name=robots content='noai,noimageai'>
 
@@ -33,18 +33,21 @@
     <dt> <img src=media/cohost.svg alt='' class=o> cohost
     <dd> <a href=https://cohost.org/niss>@niss</a>
 
+    <dt> <img src=media/butterfly.png alt=''> bluesky
+    <dd> <a href=https://niss.yummy.cricket>@niss.yummy.cricket</a>
+
     <dt> <img src=media/matrix.svg alt='' class=o> matrix
     <dd> <a href=https://matrix.to/#/@g:cybre.space>g:cybre.space</a>
 
-    <dt> <img src=media/light_bulb.svg alt=''> xmpp
-    <dd> <b>niss <img src=media/club_suit.svg alt=at> yummy.cricket</b>
-
     <dt> <img src=media/love_letter.svg alt=''> email
     <dd> <b>niss <img src=media/club_suit.svg alt=at> niss.website</b>
 
     <dt> <img src=media/lockpen.png alt=''> pgp key
     <dd> <a href=pubkey.txt>here</a>
 
+    <dt> <img src=media/light_bulb.svg alt=''> xmpp
+    <dd> <b>niss <img src=media/club_suit.svg alt=at> yummy.cricket</b>
+
     <dt class=other> <img src=media/question.svg alt=''> other
     <dd class=other> if we’re friends, then ask
   </dl>
@@ -52,10 +55,10 @@
   <hr>
 
   <dl id=galleries>
-    <dt>html+rss    <dd><a href=//gallery.niss.website>here</a>
+    <dt>personal gallery <dd><a href=//gallery.niss.website>here</a>
     <dt>itaku            <dd><a href=//itaku.ee/profile/niss>niss</a>
     <dt>weasyl           <dd><a href=//www.weasyl.com/~niss>niss</a>
-    <dt>furaffinity <dd><a href=//furaffinity.net/user/niss>niss</a>
+    <!-- <dt>furaffinity      <dd><a href=//furaffinity.net/user/niss>niss</a> -->
     <dt>deviantart       <dd><a href=//www.deviantart.com/2gecs>2gecs</a>
     <dt>ko-fi            <dd><a href=//ko-fi.com/nissss>nissss</a>
     <!-- <dt>art fight        <dd><a href=//artfight.net/~nissss>nissss</a> -->