From 8155c8a410764cb1490ab4da69846ac30c26f2c9 Mon Sep 17 00:00:00 2001
From: noe <git@kat.cafe>
Date: Sun, 2 Jun 2024 17:41:18 -0400
Subject: [PATCH] aki!

---
 ~aki/index.html | 162 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 162 insertions(+)
 create mode 100644 ~aki/index.html
diff --git a/~aki/index.html b/~aki/index.html
new file mode 100644
index 0000000..9701fad
--- /dev/null
+++ b/~aki/index.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<title>41666-𝛾 "aki"</title>
+<link rel="preconnect" href="https://fonts.bunny.net" />
+<link
+  href="https://fonts.bunny.net/css?family=fira-code:300,400,500,600,700"
+  rel="stylesheet"
+/>
+<style>
+  :root {
+    --black: #080006;
+    --white: #ffeef8;
+    --aki: #ff00bf;
+    --halfaki: hsl(315, 100%, 12.5%);
+
+    background-color: var(--black);
+    color: var(--white);
+    font-family: "Fira Code", "Fira Sans", monospace, sans-serif;
+  }
+
+  .emphasis {
+    color: var(--aki);
+  }
+
+  .content {
+    margin: 0.5em;
+    padding: 0 5px;
+    border-left: 3px solid var(--halfaki);
+  }
+
+  section {
+    border-left: 3px solid var(--aki);
+    /* margin-left: 0.5em; */
+    margin-bottom: 1em;
+    padding: 0.2em 1em;
+
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+  }
+
+  header {
+    display: flex;
+    align-items: center;
+
+    h1,
+    p {
+      margin: 0;
+      padding: 0;
+      line-height: 1;
+    }
+
+    .nav a {
+      color: var(--white);
+      text-decoration: none;
+      transition: all 0.1s ease-in-out;
+      &.emphasis {
+        color: var(--aki);
+      }
+      &:hover {
+        color: var(--c);
+      }
+
+      &.serial {
+        position: relative;
+        &::before {
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          content: var(--l);
+          opacity: 0;
+          user-select: none;
+          pointer-events: none;
+          color: rgba(255, 238, 248, 0.5);
+          z-index: -1;
+          overflow-x: hidden;
+          text-align: center;
+          transition: opacity 0.5s ease-in;
+        }
+
+        &:hover::before {
+          opacity: 1;
+        }
+      }
+    }
+
+    .nav {
+      margin-left: 1em;
+    }
+  }
+</style>
+<main>
+  <header>
+    <h1 class="emphasis">aki</h1>
+    <div class="mono nav">
+      <a
+        href="https://noe.sh"
+        style="--c: #d9073b; --l: '𝛼𝛼𝛼𝛼𝛼'"
+        class="member serial"
+        >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; --l: '𝜔𝜔𝜔𝜔𝜔'" class="member serial"
+        >41666</a
+      ><a
+        href="https://doll.repair/~aki/"
+        class="emphasis member serial"
+        style="--c: #ff00bf; --l: '𝛾𝛾𝛾𝛾𝛾'"
+        >41666</a
+      >
+    </div>
+  </header>
+  <div class="content">
+    <section>
+      <p>
+        this is aki, it operates as unit 41666, designator gamma (𝛾), or 41666-𝛾
+      </p>
+      <p>
+        our pronouns are it/its and prefers third person, so please avoid "you"
+        when speaking to it.
+        <a href="https://noe.sh/pronouns/">noe's pronoun guide</a>
+      </p>
+      <p>
+        it is a combat doll designed to accomplish complex technical tasks.
+        sometimes the tasks are video games. sometimes it's other stuff.
+      </p>
+    </section>
+    <section>
+      <p>
+        fediverse:
+        <a href="https://porcelain.doll.repair/@aki" rel="me"
+          ><!--email off-->@aki@porcelain.doll.repair<!--/email off--></a
+        ><br />
+        system overview:
+        <a href="https://noe.sh/system.html">noe.sh/system.html</a><br />
+      </p>
+    </section>
+    <section>
+      <a href="https://noe.sh" target="_blank"
+        ><img
+          src="https://noe.sh/yay/88x31.png"
+          width="88"
+          height="31"
+          alt="noe"
+      /></a>
+      <a href="https://noe.sh/pronouns/" target="_blank"
+        ><img
+          src="https://noe.sh/yay/88x31-vp.png"
+          width="88"
+          height="31"
+          alt="it/its"
+      /></a>
+      <img
+        src="https://noe.sh/yay/88x31-nap.png"
+        width="88"
+        height="31"
+        alt="not a person"
+      />
+    </section>
+  </div>
+</main>
