noe.sh/system.html
2024-03-25 22:34:06 -04:00

121 lines
2.6 KiB
HTML

<!DOCTYPE html>
<meta charset="utf-8" />
<title>The Lightrunner System</title>
<style>
:root {
--l0: #1b1f21;
--l1: #441452;
--l2: #752565;
--l3: #ce2a66;
--l4: #ce9bb7;
--l5: #fdf4f4;
--gr: #25dcc5;
}
body {
background-color: var(--l0);
color: var(--l5);
margin: 0;
padding: 0;
}
.name {
font-weight: bold;
color: var(--l3);
}
.one {
color: var(--l4);
}
._3pp {
color: var(--gr);
}
h2 {
margin-top: 3em;
}
p.head {
background-color: var(--l1);
border: 1px solid var(--l2);
display: inline-block;
padding: 1em;
}
main {
max-width: 960px;
margin: 2em;
border: 1px solid #988;
padding: 1.5em;
line-height: 1.4;
}
hr {
border-color: #555;
margin: 2em 40%;
}
.color-dot {
display: inline-block;
width: 1.2em;
height: 1.2em;
background-color: var(--dot);
border-radius: 100%;
border: 3px solid var(--l4);
position: relative;
top: 0.4em;
}
</style>
<main>
<h1>the lightrunner system //</h1>
<hr />
<h2>
<div class="color-dot" style="--dot: var(--l5)"></div>
noe (the doll) (it/its, 3rd person)
</h2>
<p>
<a href="https://sapphic.engineer/noe" rel="me">@noe@sapphic.engineer</a
><br />
</p>
<p>
noe is the primary fronter. a known doll numbered <code>41666</code>,
registered to hideri. it may have been specced into combat but prefers less
physical identity or existence. noe builds all the cool tech stuff.
</p>
<hr />
<h2>
<div class="color-dot" style="--dot: var(--l3)"></div>
hideri (the witch) (she/her, it/its)
</h2>
<p>
<a href="https://porcelain.doll.repair/@hid" rel="me"
>@hid@porcelain.doll.repair</a
>
</p>
<p>
hideri is the oldest system member. a witch, hypnotist, and Doll User. she
built noe from the ashes of the lightrunner's path. likes to use noe to
create tools to better control mechanisms, or just for fun.
</p>
<hr />
<h2>
<div class="color-dot" style="--dot: var(--gr)"></div>
sayaka (the librarian) (she/her)
</h2>
<p>
sayaka is sayaka. a quiet girl that helps us store vast knowledge and
intuition where it is otherwise missing. failed engineering school for
fighting a student that brought a flashlight to lecture. maybe a moth.
</p>
<hr />
<h2>
<div class="color-dot" style="--dot: #9bf3ff"></div>
ethyl (slime) (it/its, slime)
</h2>
<p>what? is slime. very empty, yet completely full.</p>
<hr />
<hr />
<hr />
<p>rest in the light, ayanami & kata. both found Stillness.</p>
</main>