From 38f3ee0a64ba4d93618a707672f81a350b9ddb81 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Sun, 16 Feb 2025 22:35:54 +0100
Subject: [PATCH] quick linx on front face

---
 Makefile              |  1 +
 index.html            | 20 ++++++++++++++------
 media/point_right.svg | 32 ++++++++++++++++++++++++++++++++
 style/base.css        | 16 +++++++++++-----
 4 files changed, 58 insertions(+), 11 deletions(-)
 create mode 100644 media/point_right.svg

diff --git a/Makefile b/Makefile
index 7eaf9e4..22ae81d 100644
--- a/Makefile
+++ b/Makefile
@@ -2,6 +2,7 @@ PAGES = index.html pubkey.txt rainbow-quox/index.html \
         # dnd/index.html $(wildcard dnd/*/index.html)
 MEDIA = \
   $(wildcard media/*.png) $(wildcard media/*.gif) $(wildcard media/*.webp) \
+  $(wildcard media/*.svg) \
   $(wildcard media/flags/*) $(wildcard media/buttons/*) \
   $(wildcard media/icons/*) $(wildcard media/bg/*) 8831.png 8831-quox.png \
   $(wildcard rainbow-quox/front/*) $(wildcard rainbow-quox/back/*) \
diff --git a/index.html b/index.html
index 55a6c38..d97793f 100644
--- a/index.html
+++ b/index.html
@@ -56,12 +56,20 @@
 
       <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>
+      <dl class=bullety>
         <dt> name
         <dd> <b>niss</b> or <b>q.t.</b>
         <dd> always lowercase
@@ -116,7 +124,7 @@
       <section id=gecsites>
         <h3> gec sites </h3>
 
-        <ul class=zoom>
+        <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>
@@ -126,7 +134,7 @@
       <section id=galleries>
         <h3> gallery sites </h3>
 
-        <ul class=zoom>
+        <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>
@@ -139,7 +147,7 @@
       <section id=creaturefeature>
         <h3> other stuff </h3>
 
-        <ul class=zoom>
+        <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>
@@ -156,7 +164,7 @@
         <!-- btw unless i say otherwise, all these buttons are made by
              who they link to -->
 
-        <ul class='zoom shuffle'>
+        <ul class='zoom boxy shuffle'>
           <li id=dino>
             <a href=https://flussence.eu title=dino>
               <img src=media/buttons/dino.png alt=dino>
@@ -444,7 +452,7 @@
       <section id=otherlinks>
         <h3> other cool things </h3>
 
-        <ul class='zoom shuffle'>
+        <ul class='zoom boxy shuffle'>
           <li>
             <a href=https://cohost.org id=cohost-button title='i was on cohost'>
               <picture>
diff --git a/media/point_right.svg b/media/point_right.svg
new file mode 100644
index 0000000..7620886
--- /dev/null
+++ b/media/point_right.svg
@@ -0,0 +1,32 @@
+<?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="16" height="16" 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>
+
+    <path id="point_right--paw-" serif:id="point_right [paw]" d="M32,0l0,32l-32,0l0,-32l32,0Z" style="fill:none;"/>
+    <g id="Layer10">
+        <path d="M18.632,8l8.868,0c2.484,0 4.5,2.016 4.5,4.5c0,2.484 -2.016,4.5 -4.5,4.5l-3.112,0c0.073,0.321 0.112,0.656 0.112,1c0,1.624 -0.862,3.047 -2.152,3.839c0.191,0.714 0.209,1.485 0.018,2.252c-0.384,1.536 -1.516,2.688 -2.91,3.167c-0.022,0.153 -0.052,0.306 -0.09,0.458c-0.603,2.41 -3.048,3.877 -5.457,3.275c0,0 -2.276,-0.569 -4.709,-1.178c-5.407,-1.351 -9.2,-6.211 -9.197,-11.785l0.001,-0.408c-0.003,-0.04 -0.004,-0.08 -0.004,-0.12l0,-1.238c0,-5.596 3.581,-10.564 8.889,-12.333c3.743,-1.248 7.479,-2.493 7.479,-2.493c0.609,-0.203 1.28,-0.101 1.801,0.275c0.522,0.376 0.831,0.979 0.831,1.622l0,2.338l-0.005,0.28c-0.037,0.709 -0.16,1.396 -0.363,2.049Z"/>
+    </g>
+    <g id="Layer9">
+        <path d="M22,14l0,5l-1,1l-1,3l-1,2l-2,2l-5,0l0,-13l10,0Z" style="fill:#005766;"/>
+        <path d="M27.5,10c0.349,0.001 0.696,0.073 1.015,0.215c0.298,0.132 0.569,0.324 0.795,0.56c0.215,0.226 0.387,0.491 0.505,0.78c0.108,0.264 0.17,0.547 0.183,0.832c0.012,0.274 -0.021,0.549 -0.097,0.812c-0.068,0.234 -0.17,0.457 -0.303,0.661c-0.293,0.452 -0.732,0.803 -1.238,0.988c-0.276,0.101 -0.567,0.151 -0.86,0.152l-10,0c-0.067,0.001 -0.133,0.013 -0.195,0.039c-0.191,0.081 -0.315,0.279 -0.304,0.487c0.003,0.058 0.016,0.115 0.038,0.169c0.024,0.055 0.058,0.106 0.099,0.15c0.044,0.046 0.098,0.084 0.156,0.111c0.065,0.029 0.135,0.043 0.206,0.044l3.999,0c0.608,0.456 1.001,1.183 1.001,2c0,1.252 -0.923,2.291 -2.125,2.472l-4.265,-0.96c-0.07,-0.015 -0.141,-0.016 -0.211,-0.002c-0.063,0.013 -0.123,0.038 -0.176,0.074c-0.051,0.034 -0.095,0.076 -0.13,0.125c-0.034,0.047 -0.059,0.1 -0.075,0.156c-0.055,0.201 0.022,0.42 0.191,0.542c0.055,0.039 0.116,0.065 0.181,0.081l4.025,0.905c0.496,0.593 0.712,1.407 0.51,2.213c-0.278,1.116 -1.268,1.868 -2.365,1.894l-3.939,-0.985c-0.065,-0.015 -0.132,-0.02 -0.198,-0.009c-0.206,0.032 -0.373,0.194 -0.414,0.398c-0.011,0.057 -0.012,0.116 -0.003,0.173c0.009,0.06 0.029,0.117 0.059,0.17c0.032,0.056 0.075,0.105 0.125,0.145c0.056,0.045 0.12,0.075 0.189,0.093l3.606,0.902c0.027,0.276 0.007,0.561 -0.064,0.846c-0.335,1.338 -1.693,2.153 -3.032,1.818c0,0 -2.275,-0.569 -4.706,-1.178c-4.513,-1.129 -7.679,-5.185 -7.679,-9.838l0,-0.531l-0.004,-0.004l0,-1.238c0,-4.735 3.03,-8.939 7.521,-10.436c3.743,-1.247 7.479,-2.493 7.479,-2.493l0,2.338c0,0.814 -0.165,1.604 -0.47,2.329c-0.577,0.19 -1.921,1.818 -1.376,2l12.346,0Z" style="fill:#00E2D7;"/>
+        <path d="M12.29,10c-0.117,0 -0.234,-0.02 -0.344,-0.061c-0.202,-0.074 -0.378,-0.214 -0.495,-0.395c-0.053,-0.082 -0.094,-0.171 -0.121,-0.264c-0.031,-0.106 -0.044,-0.216 -0.039,-0.325c0.005,-0.114 0.03,-0.227 0.073,-0.333c0.047,-0.115 0.116,-0.222 0.202,-0.312c0.09,-0.094 0.199,-0.171 0.318,-0.224c0.128,-0.057 0.266,-0.086 0.406,-0.086l4.24,0c-0.317,0.751 -0.784,1.433 -1.376,2l-2.864,0Z" style="fill:#00A6AF;"/>
+    </g>
+</svg>
diff --git a/style/base.css b/style/base.css
index e52084e..e1d378f 100644
--- a/style/base.css
+++ b/style/base.css
@@ -201,6 +201,17 @@ actually exists
     background: hsl(var(--menu-bg-hsl) / 75%);
     padding: .1em .5em;
   }
+
+  ul { padding-left: 0; }
+  #cube :is(:not(.boxy) > li, .bullety dd) {
+    list-style: none;
+    &::before {
+      content: url(../media/point_right.svg);
+      vertical-align: -20%;
+      height: 1em;
+      padding-right: 0.5ex;
+    }
+  }
 }
 
 
@@ -216,9 +227,6 @@ actually exists
     /* the quick linx */
     h3 { text-align: left; }
 
-    ul { padding-left: 0; }
-    li { list-style: none; }
-
     --bg-image: url(../media/wave.webp);
     background:
       var(--bg-image) bottom right / auto 60% no-repeat,
@@ -249,8 +257,6 @@ actually exists
     dt { font-weight: 600; }
     dd {
       margin: 0 0 0 1em;
-      display: list-item;
-      list-style: '❧ ';
       grid-column: 2 / 3;
       a { font-weight: 700; }
     }