diff --git a/88x31/starshines.png b/88x31/starshines.png
new file mode 100644
index 0000000..7a599f7
Binary files /dev/null and b/88x31/starshines.png differ
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>
