diff --git a/dither.png b/dither.png
new file mode 100644
index 0000000..8166e6d
Binary files /dev/null and b/dither.png differ
diff --git a/index.html b/index.html
index 7a7bd9c..d4c3dba 100644
--- a/index.html
+++ b/index.html
@@ -1,407 +1,227 @@
 <!DOCTYPE html>
 <meta charset="utf-8" />
-<title>noe.sh</title>
+<title>41666</title>
 <link rel="preconnect" href="https://fonts.bunny.net" />
 <link
-  href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
+  href="https://fonts.bunny.net/css?family=fira-code:400"
   rel="stylesheet"
 />
 <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;
-  }
-
   body {
-    margin: 0;
-    padding: 0;
+    background-color: #180000;
+    background: url(/dither.png) repeat;
+    font-family: "Fira Code", monospace;
+    font-size: 1rem;
+    display: flex;
   }
 
   main {
-    max-width: 960px;
-    margin: 2em;
-    border: 2px solid var(--floor);
-    padding: 0.2em;
-    line-height: 1.4;
-  }
-
-  .mono {
-    font-family: monospace;
-  }
-
-  * {
-    box-sizing: border-box;
-  }
-
-  .red {
-    color: var(--top);
-  }
-
-  a {
-    color: var(--mid-top);
-  }
-
-  h1,
-  p {
-    margin: 0;
-    padding: 0;
-    line-height: 1;
+    border: 2px solid #180000;
+    max-width: 720px;
+    width: 94vw;
+    padding: 10px;
   }
 
   section {
-    border: 1px solid var(--mid-half);
-    padding: 1.5em;
-    margin-top: 0.3em;
-  }
-
-  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;
+    width: fit-content;
+    background-color: #a20000;
+    padding: 2em;
+    margin-bottom: 10px;
+  }
 
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 50%;
-      height: 100px;
-      background-color: blue;
-      mix-blend-mode: color-burn;
+  main a {
+    background-color: #a20000;
+    padding: 1em 1em;
+    margin-left: 1em;
+    display: block;
+    width: fit-content;
+    margin-bottom: 10px;
+    color: inherit;
+    text-decoration: none;
+    &:hover {
+      background-color: #180000;
+      color: #fff;
     }
-    &::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      right: -50px;
-      width: 100px;
-      height: 160px;
-      background-color: green;
-      mix-blend-mode: exclusion;
+  }
+
+  .right {
+    display: flex;
+    align-items: flex-end;
+    flex-direction: column;
+
+    section {
+      background-color: #180000;
+      color: #fff;
     }
   }
 
+  .tiny {
+    font-size: 0.85rem;
+    color: #180000af;
+  }
+
   .friends {
-    display: inline-flex;
-    text-align: center;
-    flex-direction: column;
-
-    .divider {
-      border-top: 1px dashed var(--l2);
-      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(--c);
-    }
-  }
-
-  .cw {
-    position: relative;
-    display: inline-block;
-
-    &::after {
-      content: "";
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      background-color: #000;
-      transition: all 0.2s ease-in-out;
-    }
-
-    &:hover {
-      &::after {
-        opacity: 0;
-      }
-    }
+    display: flex;
+    width: 80px;
+    padding-left: 4px;
   }
 </style>
+
 <main>
-  <header>
-    <h1 class="red">noe</h1>
-    <div class="mono nav">
-      <a href="https://noe.sh" class="red" style="--c: var(--mid-top)">41666</a
-      ><a href="https://doll.repair" style="--c: #b89524" class="member">HIDE</a
-      ><a href="#" style="--c: #064555" class="member">SAYAKA</a
-      ><a href="#" style="--c: #08b69f" class="member">41666</a
-      ><a href="https://doll.repair/~aki/" style="--c: #ff00bf" class="member"
-        >41666</a
-      >
-    </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 unit <span class="red">41666</span>, known as
-      <span class="red">noe</span> to humans.
-      <a href="/pronouns/">(it/its, 3rd person preferred)</a>
-    </p>
-    <p>
-      derelict combat doll; hacker; cyberpunk; void priestess;
-      <a href="/system.html">plural</a> (1 of 6); poly; queer; glitchy;;
-    </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://dis.sociat.ing/@41666" rel="me"
-          ><!--email off-->@41666@dis.sociat.ing<!--/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>
-    <h3>toys</h3>
-    <ul>
-      <li>
-        <a href="/dollcode">/dollcode</a> - "dollcode" doll barcode
-        encoder/decoder
-      </li>
-      <li>
-        <a href="-~-/what the fuck is a lightrunner/-~-">B36 RGBA</a>
-        - high precision color encoding in base36
-      </li>
-      <li>
-        <a href="/if-it-dies-in-game-it-dies-in-real-life">iidigidirl</a>
-        - ⚠️ cw: pain/electro play ⚠️
-        <span class="cw"
-          >planetside 2 events to shock collar commands via webbluetooth</span
-        >
-      </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>
-        <a href="https://pixelde.su/" target="_blank"
-          ><img
-            src="/88x31/pixeldesu.png"
-            alt="pixeldesu"
-            width="88"
-            height="31" /></a
-        ><a href="https://query.44203.online/" target="_blank"
-          ><img src="/88x31/44203.png" alt="Δ-44203" width="88" height="31"
-        /></a>
-        <a href="https://arklamp.neocities.org/" target="_blank"
-          ><img src="/88x31/28904.gif" alt="28904 (Ark)" width="88" height="31"
-        /></a>
-        <a href="https://lavenderfield.xyz/" target="_blank"
-          ><img
-            src="/88x31/lavenderfield.gif"
-            alt="Lavender field"
-            width="88"
-            height="31"
-        /></a>
-        <a href="https://larsfrommars.neocities.org/" target="_blank"
-          ><img
-            src="/88x31/larsfrommars.png"
-            alt="larsfrommars"
-            width="88"
-            height="31"
-        /></a>
-        <a href="https://void.rehab/" target="_blank"
-          ><img
-            src="/88x31/void.rehab.png"
-            alt="void.rehab"
-            width="88"
-            height="31"
-        /></a>
-        <a href="https://quasar1.neocities.org/" target="_blank"
-          ><img src="/88x31/quasar.png" alt="quasar" width="88" height="31"
-        /></a>
-        <a href="https://elke.cafe/" target="_blank"
-          ><img src="/88x31/elke.gif" alt="elke" width="88" height="31"
-        /></a>
-        <a href="https://eris.meows.gay/" target="_blank"
-          ><img
-            src="/88x31/meows.gay.png"
-            alt="eris meows gay"
-            width="88"
-            height="31"
-        /></a>
-        <a href="https://fungal.locahlo.st/home.html" target="_blank"
-          ><img src="/88x31/fungal.png" alt="fungal" width="88" height="31"
-        /></a>
-        <a href="https://0xc3.win/" target="_blank"
-          ><img src="/88x31/silt.gif" alt="silt" width="88" height="31"
-        /></a>
-        <a href="https://999eagle.moe" target="_blank"
-          ><img src="/88x31/440729.png" alt="⛧-440729" width="88" height="31"
-        /></a>
-        <a href="https://astrid.tech" target="_blank"
-          ><img src="/88x31/astrid.png" alt="astrid" width="88" height="31"
-        /></a>
-        <a href="https://sn0w.cx" target="_blank"
-          ><img src="/88x31/sn0w.gif" alt="sn0w" width="88" height="31"
-        /></a>
-        <a href="https://disarray.sh" target="_blank"
-          ><img src="/88x31/disarray.png" alt="disarray" width="88" height="31"
-        /></a>
-        <a href="https://xaselgio.net" target="_blank"
-          ><img src="/88x31/xaselgio.gif" alt="xaselgio" width="88" height="31"
-        /></a>
-        <a href="https://40796c19.lifeless.space/" target="_blank"
-          ><img src="/88x31/0x0079.png" alt="0x0079" width="88" height="31"
-        /></a>
-        <a href="https://www.5snb.club/" target="_blank"
-          ><img src="/88x31/5snb.png" alt="552@5snb" 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>
-      <li>"statistically negligible" - @larsfrommars@toot.garden</li>
-      <!--/email off-->
-    </ul>
-  </section>
-  <section style="display: none" aria-hidden="true">
-    <p>
-      other fedi alts
-      <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
-      >
-    </p>
-  </section>
+  <div class="right">
+    <div class="tiny">Doll *** sent. read.</div>
+    <section>hi owner, this is dolly 41666! ▖▘▌▘▘▌▌▌▖▘</section>
+  </div>
+  <div>
+    <div class="tiny">Owner *** just now</div>
+    <section>listen babe, i just want doll blood.</section>
+  </div>
+  <div class="right">
+    <div class="tiny">Doll (it/its) *** sent. read.</div>
+    <section>awawawawa &gt;////&lt;</section>
+  </div>
+  <div>
+    <div class="tiny">Owner *** typing a message...</div>
+    <section>tell me about that one's...</section>
+    <a href="/pronouns">pronouns</a>
+    <a href="/system.html">plural system</a>
+  </div>
+  <div class="right">
+    <div class="tiny">Doll (it/its) *** sent. read.</div>
+    <section>o-okay sure... it also worked on some doll projects!!</section>
+  </div>
+  <div>
+    <div class="tiny">Owner *** typing a message...</div>
+    <section>oh. neat. tell me about...</section>
+    <a href="/dollcode">dollcode transcoder</a>
+    <a href="/if-it-dies-in-game-it-dies-in-real-life"
+      >planetside shock collar thing</a
+    >
+    <a href="https://doll.repair">doll.repair</a>
+    <a href="https://blood.pet">blood.pet</a>
+    <a href="https://3d.noe.sh">shader art</a>
+    <a href="https://ps2.live">planetside 2 population stats</a>
+    <a href="/-~-/what the fuck is a lightrunner/-~-/"
+      >higher precision color</a
+    >
+  </div>
+  <div class="right">
+    <div class="tiny">Doll *** sent. read.</div>
+    <section>it is a pleasure to be of service to you, owner!</section>
+  </div>
+  <div>
+    <div class="tiny">Owner *** typing a message...</div>
+    <section>good dolly~ send me to your...</section>
+    <a href="https://dis.sociat.ing/@41666" rel="me"
+      >fediverse (@41666@dis.sociat.ing)</a
+    >
+    <a href="https://bsky.app/profile/dis.sociat.ing" rel="me"
+      >bluesky (@dis.sociat.ing)</a
+    >
+    <a href="https://git.sapphic.engineer/noe" rel="me"
+      >git forge (git.sapphic.engineer)</a
+    >
+    <a href="https://codeberg.org/noe" rel="me">codeberg (@noe)</a>
+    <a href="https://github.com/mekanoe" rel="me">github (@mekanoe)</a>
+  </div>
 </main>
+
+<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>
+    <a href="https://pixelde.su/" target="_blank"
+      ><img
+        src="/88x31/pixeldesu.png"
+        alt="pixeldesu"
+        width="88"
+        height="31" /></a
+    ><a href="https://query.44203.online/" target="_blank"
+      ><img src="/88x31/44203.png" alt="Δ-44203" width="88" height="31"
+    /></a>
+    <a href="https://arklamp.neocities.org/" target="_blank"
+      ><img src="/88x31/28904.gif" alt="28904 (Ark)" width="88" height="31"
+    /></a>
+    <a href="https://lavenderfield.xyz/" target="_blank"
+      ><img
+        src="/88x31/lavenderfield.gif"
+        alt="Lavender field"
+        width="88"
+        height="31"
+    /></a>
+    <a href="https://larsfrommars.neocities.org/" target="_blank"
+      ><img
+        src="/88x31/larsfrommars.png"
+        alt="larsfrommars"
+        width="88"
+        height="31"
+    /></a>
+    <a href="https://void.rehab/" target="_blank"
+      ><img src="/88x31/void.rehab.png" alt="void.rehab" width="88" height="31"
+    /></a>
+    <a href="https://quasar1.neocities.org/" target="_blank"
+      ><img src="/88x31/quasar.png" alt="quasar" width="88" height="31"
+    /></a>
+    <a href="https://elke.cafe/" target="_blank"
+      ><img src="/88x31/elke.gif" alt="elke" width="88" height="31"
+    /></a>
+    <a href="https://eris.meows.gay/" target="_blank"
+      ><img
+        src="/88x31/meows.gay.png"
+        alt="eris meows gay"
+        width="88"
+        height="31"
+    /></a>
+    <a href="https://fungal.locahlo.st/home.html" target="_blank"
+      ><img src="/88x31/fungal.png" alt="fungal" width="88" height="31"
+    /></a>
+    <a href="https://0xc3.win/" target="_blank"
+      ><img src="/88x31/silt.gif" alt="silt" width="88" height="31"
+    /></a>
+    <a href="https://999eagle.moe" target="_blank"
+      ><img src="/88x31/440729.png" alt="⛧-440729" width="88" height="31"
+    /></a>
+    <a href="https://astrid.tech" target="_blank"
+      ><img src="/88x31/astrid.png" alt="astrid" width="88" height="31"
+    /></a>
+    <a href="https://sn0w.cx" target="_blank"
+      ><img src="/88x31/sn0w.gif" alt="sn0w" width="88" height="31"
+    /></a>
+    <a href="https://disarray.sh" target="_blank"
+      ><img src="/88x31/disarray.png" alt="disarray" width="88" height="31"
+    /></a>
+    <a href="https://xaselgio.net" target="_blank"
+      ><img src="/88x31/xaselgio.gif" alt="xaselgio" width="88" height="31"
+    /></a>
+    <a href="https://40796c19.lifeless.space/" target="_blank"
+      ><img src="/88x31/0x0079.png" alt="0x0079" width="88" height="31"
+    /></a>
+    <a href="https://www.5snb.club/" target="_blank"
+      ><img src="/88x31/5snb.png" alt="552@5snb" width="88" height="31"
+    /></a>
+    <div style="border-top: 2px #180000 solid; padding-top: 5px">
+      <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" />
+    </div>
+  </div>
+</div>
diff --git a/shell.nix b/shell.nix
index b430652..13a3cd7 100644
--- a/shell.nix
+++ b/shell.nix
@@ -2,5 +2,6 @@
   buildInputs = with pkgs; [
     nodePackages.serve
     nodePackages.prettier
+    bun
   ];
 }
diff --git a/yay/aurelia.jpg b/yay/aurelia.jpg
deleted file mode 100644
index e5b5571..0000000
Binary files a/yay/aurelia.jpg and /dev/null differ
