From 790e1d862aee6e2bf7474c898a3d96a412e172cc Mon Sep 17 00:00:00 2001
From: noe <git@kat.cafe>
Date: Wed, 15 May 2024 00:41:01 -0400
Subject: [PATCH] new index, add links to system, and add starshines!

---
 88x31/starshines.png | Bin 0 -> 5763 bytes
 index.html           | 476 ++++++++++++++++++++++---------------------
 system.html          |  18 ++
 3 files changed, 258 insertions(+), 236 deletions(-)
 create mode 100644 88x31/starshines.png

diff --git a/88x31/starshines.png b/88x31/starshines.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a599f7ebd2307d9dbab8dc88b56a3afcfd68024
GIT binary patch
literal 5763
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
Ae*gdg

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index cbbac9a..eb7cd46 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <meta charset="utf-8" />
-<title>noe</title>
+<title>noe.sh</title>
 <link rel="preconnect" href="https://fonts.bunny.net" />
 <link
   href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
@@ -8,84 +8,97 @@
 />
 <style>
   :root {
+    --top: #d9073b;
+    --mid-top: #40b39a;
+    --mid: #658e85;
+    --mid-half: rgba(101, 142, 133, 0.5);
+    --bottom: #0c100f;
+    --floor: #040504;
+    background-color: var(--bottom);
+    color: var(--mid);
+    line-height: 1.6;
     font-family: "Atkinson Hyperlegible", sans-serif;
-    --l0: #1b1f21;
-    --l1: #441452;
-    --l2: #752565;
-    --l3: #ce2a66;
-    --l4: #ce9bb7;
-    --l5: #fdf4f4;
   }
 
   body {
-    overflow-x: hidden;
-    background-color: var(--l0);
-    color: var(--l5);
+    margin: 0;
+    padding: 0;
   }
 
-  a {
-    color: var(--l4);
+  main {
+    max-width: 960px;
+    margin: 2em;
+    border: 2px solid var(--floor);
+    padding: 0.2em;
+    line-height: 1.4;
   }
 
-  .container {
-    border: 3px solid var(--l3);
-    border-radius: 15px;
-    overflow: hidden;
-  }
-
-  header {
-    background-color: var(--l3);
-    color: var(--l0);
-
-    display: flex;
-    align-items: center;
-
-    h1 {
-      margin: 0;
-      padding: 1rem;
-      font-size: 3em;
-
-      text-shadow: -2px 1px 0 var(--l1), 2px 1px 3px var(--l4);
-
-      .meka {
-        color: var(--l2);
-      }
-    }
-  }
-
-  .monospace {
+  .mono {
     font-family: monospace;
   }
 
-  .circlething {
-    width: 3em;
-    height: 3em;
-    background-color: red;
-    border-radius: 100%;
-    background: radial-gradient(
-      circle,
-      var(--l3) 20%,
-      var(--l1) 30%,
-      var(--l2) 50%,
-      var(--l0) 80%,
-      var(--l0) 100%
-    );
-    border: 3px solid var(--l0);
-    box-shadow: 0 0 2px 5px var(--l2);
-    margin-left: 1em;
+  * {
+    box-sizing: border-box;
+  }
+
+  .red {
+    color: var(--top);
+  }
+
+  a {
+    color: var(--mid-top);
+  }
+
+  h1,
+  p {
+    margin: 0;
+    padding: 0;
+    line-height: 1;
   }
 
   section {
-    border: 0px solid var(--l2);
-    border-top-width: 3px;
-    border-left-width: 3px;
-    box-shadow: 3px 3px 3px var(--l1);
-    margin: 1em;
-    border-radius: 10px;
-    padding: 1em;
+    border: 1px solid var(--mid-half);
+    padding: 1.5em;
+    margin-top: 0.3em;
+  }
 
-    h2 {
-      margin: 0;
+  section p {
+    line-height: 1.5;
+    padding: 0.3em 0;
+  }
+
+  .caution-bar {
+    margin: 2em 0;
+    background-color: black;
+    color: white;
+    display: flex;
+    justify-content: space-evenly;
+    padding: 0.5em;
+    font-size: 1.4em;
+    /* font-weight: bold; */
+    text-shadow: 1px 1px 0px var(--top), -1px -1px 1px var(--mid-top);
+    flex: 1 4 100%;
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 50%;
+      height: 100px;
+      background-color: blue;
+      mix-blend-mode: color-burn;
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      right: -50px;
+      width: 100px;
+      height: 160px;
+      background-color: green;
+      mix-blend-mode: exclusion;
     }
   }
 
@@ -99,176 +112,167 @@
       margin: 0.7em 2em 1em 2em;
     }
   }
+
+  header {
+    padding: 2em;
+  }
+
+  .nav a {
+    color: var(--mid);
+    text-decoration: none;
+    transition: all 0.1s ease-in-out;
+    &.red {
+      color: var(--top);
+    }
+    &:hover {
+      color: var(--mid-top);
+    }
+  }
 </style>
-<body>
-  <div class="container">
-    <header>
-      <div class="circlething"></div>
-      <h1><span class="meka">meka</span><span class="noe">noe</span></h1>
-      <p aria-hidden="true" class="monospace">
-        _[#41666H;&amp;: <span class="under">n,s,h</span>]$ ~>
-      </p>
-      <p aria-hidden="true" class="monospace">
-        <span id="js-timething">
-          // multishot; unknown target; tracking... *** ||--->> waiting...
-          ||-->>
-        </span>
-      </p>
-    </header>
-    <main>
-      <section>
-        <h2>about</h2>
-        <p>
-          this one is noe
-          <a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a>
-        </p>
-        <p>
-          derelict combat doll; hacker; cyberpunk; nd;
-          <a href="/system.html">&amp;</a>; queer; empty spaces;;
-        </p>
-        <p>
-          nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
-          writing, cats, plants
-        </p>
-      </section>
-
-      <section>
-        <h2>where to find</h2>
-        <ul>
-          <li>
-            <b>federal space</b> -
-            <a href="https://sapphic.engineer/noe" rel="me"
-              ><!--email off-->@noe@sapphic.engineer<!--/email off--></a
-            >
-            ||
-            <a href="https://porcelain.doll.repair/noe" rel="me"
-              ><!--email off-->@noe@porcelain.doll.repair<!--/email off--></a
-            >
-            ||
-            <a href="https://void.rehab/noe" rel="me"
-              ><!--email off-->@noe@void.rehab<!--/email off--></a
-            >
-          </li>
-          <li>
-            <b>cold storage</b> -
-            <a href="https://codeberg.org/noe" rel="me"
-              ><!--email off-->@noe@codeberg.org<!--/email off--></a
-            >
-          </li>
-          <li>
-            <b>legacy code</b> -
-            <a href="https://github.com/mekanoe" rel="me"
-              ><!--email off-->@mekanoe@github.com<!--/email off--></a
-            >
-          </li>
-          <li>
-            <b>the matrix</b> -
-            <a href="https://matrix.to/#/@noe:void.rehab" rel="me"
-              ><!--email off-->@noe:void.rehab<!--/email off--></a
-            >
-          </li>
-        </ul>
-        <h3>art webbed sites</h3>
-        <ul>
-          <li>
-            <a href="https://art.mekanoe.com">art.mekanoe.com</a> (requires
-            javascript)
-          </li>
-          <li>
-            <a href="https://doll.repair">doll.repair</a> (warning: empty
-            spaces; trauma-driven art therapy)
-          </li>
-        </ul>
-      </section>
-
-      <section>
-        <h2>reading</h2>
-        <p>
-          this one writes for many reasons; please heed the content warnings
-          where they exist. your mental health is important.
-        </p>
-        <h3>technical</h3>
-        <ul>
-          <li><i>(standby)</i></li>
-        </ul>
-        <h3>fictional</h3>
-        <ul>
-          <li>
-            <a href="https://sapphic.engineer/notice/AdTGYQsbo8EkYbZMDA"
-              >story story unit#001</a
-            >
-            - she fixes you
-          </li>
-        </ul>
-      </section>
-    </main>
-    <footer>
-      <section>
-        <h2>other creatures</h2>
-        <p></p>
-        <div class="friends">
-          <!-- Others -->
-          <div>
-            <a href="https://stardust.elysium.gay" target="_blank"
-              ><img
-                src="/88x31/stardust.png"
-                width="88"
-                height="31"
-                alt="Stardust"
-            /></a>
-            <a href="https://sneexy.pages.gay" target="_blank"
-              ><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
-            /></a>
-            <a href="https://rest.1a-insec.net/" target="_blank"
-              ><img src="/88x31/1a.png" alt="1A" width="88" height="31"
-            /></a>
-            <a href="https://zvava.org/" target="_blank"
-              ><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
-            /></a>
-          </div>
-          <!-- self row (hi, please feel free to use these <3) -->
-          <div class="divider"></div>
-          <div>
-            <a href="https://noe.sh" target="_blank"
-              ><img src="/yay/88x31.png" width="88" height="31" alt="noe"
-            /></a>
-            <a href="https://noe.sh/pronouns/" target="_blank"
-              ><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its"
-            /></a>
-            <img
-              src="/yay/88x31-nap.png"
-              width="88"
-              height="31"
-              alt="not a person"
-            />
-            <a href="https://sapphic.engineer" target="_blank"
-              ><img
-                src="/yay/88x31-se.png"
-                width="88"
-                height="31"
-                alt="sapphic.engineer"
-            /></a>
-          </div>
-        </div>
-      </section>
-      <section>
-        <h2>live creature reactions</h2>
-        <ul>
-          <!--email off-->
-          <li>"it keeps biting me" - @mia@void.rehab</li>
-          <li>
-            "..designated SCP-41666 by the Fedi Council" -
-            @quasar@social.translunar.academy
-          </li>
-          <li>"insane lesbian" - @sneexy@lea.pet</li>
-          <li>"This is very cool" - @gotrans@heckin.how</li>
-          <li>"oh god what have you done" - @Nyaomi@eepy.moe</li>
-          <li>"why have you done this" - @yassie_j@0w0.is</li>
-          <li>"you're insane that's amazing" - @vee@kvinneby.vendicated.dev</li>
-          <li>"oh my god it happened again" - @ezri@crimew.gay</li>
-          <!--/email off-->
-        </ul>
-      </section>
-    </footer>
-  </div>
-</body>
+<main>
+  <header>
+    <h1 class="red">noe</h1>
+    <div class="mono nav">
+      <a href="https://noe.sh" class="red">41666</a>HIDESAYAKA4166641666
+    </div>
+    <div class="caution-bar" aria-hidden="true">
+      <b style="margin-right: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
+      ▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
+      <b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
+      ▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
+      <b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
+      <div class="mono new">
+        detected void leak detectedvoid leak detectedvoid leak detectedvoid leak
+        detectedvoid leak detected
+      </div>
+    </div>
+  </header>
+  <section>
+    <p>
+      this one is <span class="red">noe</span>
+      <a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a>
+    </p>
+    <p>
+      derelict combat doll; hacker; cyberpunk; void priestess;
+      <a href="/system.html">plural</a> (1 of 5); poly; queer; empty spaces;;
+    </p>
+    <p>
+      likes nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
+      writing, cats, plants
+    </p>
+  </section>
+  <section>
+    <h2>where to find</h2>
+    <ul>
+      <li>
+        <b>federal space</b> -
+        <a href="https://sapphic.engineer/noe" rel="me"
+          ><!--email off-->@noe@sapphic.engineer<!--/email off--></a
+        >
+        ||
+        <a href="https://porcelain.doll.repair/noe" rel="me"
+          ><!--email off-->@noe@porcelain.doll.repair<!--/email off--></a
+        >
+        ||
+        <a href="https://void.rehab/noe" rel="me"
+          ><!--email off-->@noe@void.rehab<!--/email off--></a
+        >
+      </li>
+      <li>
+        <b>cold storage</b> -
+        <a href="https://codeberg.org/noe" rel="me"
+          ><!--email off-->@noe@codeberg.org<!--/email off--></a
+        >
+      </li>
+      <li>
+        <b>legacy code</b> -
+        <a href="https://github.com/mekanoe" rel="me"
+          ><!--email off-->@mekanoe@github.com<!--/email off--></a
+        >
+      </li>
+      <li>
+        <b>the matrix</b> -
+        <a href="https://matrix.to/#/@noe:void.rehab" rel="me"
+          ><!--email off-->@noe:void.rehab<!--/email off--></a
+        >
+      </li>
+    </ul>
+    <h3>art webbed sites</h3>
+    <ul>
+      <li><a href="https://3d.noe.sh">3d.noe.sh</a> (requires javascript)</li>
+      <li>
+        <a href="https://doll.repair">doll.repair</a> (warning: empty spaces;
+        trauma-driven art therapy, wip)
+      </li>
+    </ul>
+  </section>
+  <section>
+    <h2>other creatures</h2>
+    <p></p>
+    <div class="friends">
+      <!-- Others -->
+      <div>
+        <a href="https://stardust.elysium.gay" target="_blank"
+          ><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust"
+        /></a>
+        <a href="https://sneexy.pages.gay" target="_blank"
+          ><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
+        /></a>
+        <a href="https://rest.1a-insec.net/" target="_blank"
+          ><img src="/88x31/1a.png" alt="1A" width="88" height="31"
+        /></a>
+        <a href="https://zvava.org/" target="_blank"
+          ><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
+        /></a>
+        <a href="https://starshines.gay/" target="_blank"
+          ><img
+            src="/88x31/starshines.png"
+            alt="starshines"
+            width="88"
+            height="31"
+        /></a>
+      </div>
+      <!-- self row (hi, please feel free to use these <3) -->
+      <div class="divider"></div>
+      <div>
+        <a href="https://noe.sh" target="_blank"
+          ><img src="/yay/88x31.png" width="88" height="31" alt="noe"
+        /></a>
+        <a href="https://noe.sh/pronouns/" target="_blank"
+          ><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its"
+        /></a>
+        <img
+          src="/yay/88x31-nap.png"
+          width="88"
+          height="31"
+          alt="not a person"
+        />
+        <a href="https://sapphic.engineer" target="_blank"
+          ><img
+            src="/yay/88x31-se.png"
+            width="88"
+            height="31"
+            alt="sapphic.engineer"
+        /></a>
+      </div>
+    </div>
+  </section>
+  <section>
+    <h2>live creature reactions</h2>
+    <ul>
+      <!--email off-->
+      <li>"it keeps biting me" - @mia@void.rehab</li>
+      <li>
+        "..designated SCP-41666 by the Fedi Council" -
+        @quasar@social.translunar.academy
+      </li>
+      <li>"insane lesbian" - @sneexy@lea.pet</li>
+      <li>"This is very cool" - @gotrans@heckin.how</li>
+      <li>"oh god what have you done" - @Nyaomi@eepy.moe</li>
+      <li>"why have you done this" - @yassie_j@0w0.is</li>
+      <li>"you're insane that's amazing" - @vee@kvinneby.vendicated.dev</li>
+      <li>"oh my god it happened again" - @ezri@crimew.gay</li>
+      <!--/email off-->
+    </ul>
+  </section>
+</main>
diff --git a/system.html b/system.html
index 8bfce3a..85720a3 100644
--- a/system.html
+++ b/system.html
@@ -113,6 +113,12 @@
               system dynamics,,, but what's the difference :3
             </p>
             <p>⚠️ noe is a high-class threat to humans. ⚠️</p>
+            <p>
+              <a href="https://noe.sh" rel="me">https://noe.sh</a><br />
+              <a href="https://sapphic.engineer/noe" rel="me"
+                ><!--email off-->@noe@sapphic.engineer<!--/email off--></a
+              >
+            </p>
           </td>
         </tr>
       </table>
@@ -145,6 +151,13 @@
               interested in psychological horror as a genre, as well as sharing
               our mindspaces with any willing to listen~
             </p>
+            <p>
+              <a href="https://doll.repair" rel="me">https://doll.repair</a
+              ><br />
+              <a href="https://porcelain.doll.repair/hid" rel="me"
+                ><!--email off-->@hid@porcelain.doll.repair<!--/email off--></a
+              >
+            </p>
           </td>
         </tr>
       </table>
@@ -201,6 +214,11 @@
         <tr>
           <td colspan="3" class="desc">
             <p>slime. poisonous. will fight a black hole. and win.</p>
+            <p>
+              <a href="https://porcelain.doll.repair/ethyl" rel="me"
+                ><!--email off-->@ethyl@porcelain.doll.repair<!--/email off--></a
+              >
+            </p>
           </td>
         </tr>
       </table>