From b3be6901680013b277e02f6fab159e90041a27a0 Mon Sep 17 00:00:00 2001
From: noe <git@kat.cafe>
Date: Sat, 6 Jan 2024 00:29:40 -0500
Subject: [PATCH] restart

---
 index.html | 143 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 143 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c51d74a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,143 @@
+<!doctype html>
+<meta charset="utf-8" />
+<title>noe</title>
+<style>
+  :root {
+    --l0: #1b1f21;
+    --l1: #441452;
+    --l2: #752565;
+    --l3: #ce2a66;
+    --l4: #ce9bb7;
+    --l5: #fdf4f4;
+  }
+
+  body {
+    overflow-x: hidden;
+    background-color: var(--l0);
+    color: var(--l5);
+  }
+
+  a {
+    color: var(--l4);
+  }
+
+  .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 { 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;
+  }
+
+  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;
+
+    h2 {
+      margin: 0;
+    }
+  }
+  
+
+</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;&: <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 (it/its, 3rd person preferred, alt: she/her)</p>
+        <p>derelict combat doll; hacker; cyberpunk; nd; &; 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">@noe@sapphic.engineer</a></li>
+          <li><b>cold storage</b> - <a href="https://codeberg.org/noe">@noe@codeberg.org</a></li>
+          <li><b>legacy code</b> - <a href="https://github.com/mekanoe">@mekanoe@github.com</a></li>
+          <li><b>the matrix</b> - <a href="https://matrix.to/#/@noe:sapphic.engineer">@noe:sapphic.engineer</a></li>
+          <li><b>spacecast</b> - <a href="https://oc.mekanoe.com">@oc.mekanoe.com</a></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>
+          <i>(standby)</i> 
+        </p>
+      </section>
+      <section>
+        <h2>live creature reactions</h2>
+        <ul>
+          <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>
+        </ul>
+      </section>
+    </footer>
+  </div>
+</body>
