293 lines
7.7 KiB
HTML
293 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
||
<meta charset="utf-8" />
|
||
<title>The Lightrunner System</title>
|
||
<link rel="preconnect" href="https://fonts.bunny.net" />
|
||
<link
|
||
href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
|
||
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;
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
section {
|
||
margin-top: 2em;
|
||
}
|
||
|
||
.red {
|
||
color: var(--top);
|
||
}
|
||
|
||
.member {
|
||
margin-bottom: 0.5em;
|
||
|
||
table {
|
||
min-width: 500px;
|
||
width: 40vw;
|
||
border: 1px solid var(--floor);
|
||
}
|
||
td {
|
||
border: 1px solid var(--mid-half);
|
||
text-align: center;
|
||
padding: 0.6em;
|
||
}
|
||
.name {
|
||
text-align: left;
|
||
font-weight: bold;
|
||
span {
|
||
color: var(--member-color);
|
||
}
|
||
i {
|
||
font-family: sans-serif;
|
||
margin-left: 1em;
|
||
}
|
||
}
|
||
.avatar {
|
||
width: 150px;
|
||
height: 150px;
|
||
background-image: var(--image-url);
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
border: 0 solid var(--member-color);
|
||
border-bottom-width: 3px;
|
||
border-right-width: 3px;
|
||
}
|
||
.desc {
|
||
word-wrap: break-word;
|
||
text-align: left;
|
||
}
|
||
}
|
||
|
||
a {
|
||
color: var(--mid-top);
|
||
}
|
||
</style>
|
||
<main>
|
||
<h1>lightrunner system (<span class="red">光Rsys</span>)</h1>
|
||
<p>known system properties of doll 41666</p>
|
||
|
||
<section>
|
||
<h2>system member processes</h2>
|
||
<div
|
||
class="member"
|
||
style="--member-color: var(--top); --image-url: url('/yay/noe.png')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td class="name"><span>noe</span> <i>/noʊiː/</i></td>
|
||
<td>41666-𝛼</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
Combat Doll [<a href="https://pluralpedia.org/w/Primary_Fronter"
|
||
>Primary Fronter</a
|
||
>] [<a href="https://pluralpedia.org/w/Technician">Technician</a>]
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">it/its, that one, dolly (avoid "you")</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
this one is 41666, or noe! it is a doll, a silly robot girl who
|
||
lives to serve its witch!! may preach about the void. may eat you.
|
||
</p>
|
||
<p>
|
||
noe is extremely technical, both in computing and in decoding its
|
||
system dynamics,,, but what's the difference :3
|
||
</p>
|
||
<p>⚠️ noe is a high-class threat to humans. ⚠️</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div
|
||
class="member"
|
||
style="--member-color: #b89524; --image-url: url('/yay/hide.jpg')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="2" class="name"><span>hide</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">Combat Witch [<a href="">Protector</a>]</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">she/her, it/its</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
I'm the oldest running member of the system, I help keep things in
|
||
check, and ensure all dolls are well tended to! I'm strongly
|
||
interested in psychological horror as a genre, as well as sharing
|
||
our mindspaces with any willing to listen~
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div
|
||
class="member"
|
||
style="--member-color: rgb(6, 69, 85); --image-url: url('/yay/saya.jpg')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="2" class="name"><span>sayaka</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
Catmoth [<a href="https://pluralpedia.org/w/Librarian">Librarian</a
|
||
>] [<a href="https://pluralpedia.org/w/Overrider">Overrider</a>]
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">she/her</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
Hi... I'm saya, a very soft kittygirl moththing. Requires pats at
|
||
all times!!! I'm addicted to anything mechanical and technical,
|
||
and loves getting our hands dirty.
|
||
</p>
|
||
<p>I'm pretty quiet, please be patient with me!</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div
|
||
class="member"
|
||
style="--member-color: #08b69f; --image-url: url('/yay/ethyl.png')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="1" class="name"><span>ethyl</span> <i>/eθəl/</i></td>
|
||
<td>41666-𝜔</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">
|
||
Slime [<a href="https://pluralpedia.org/w/Chaosnaut">Chaosnaut</a>]
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">it/its (avoid "you")</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>slime. poisonous. will fight a black hole. and win.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<div
|
||
class="member"
|
||
style="--member-color: #ff00bf; --image-url: url('/yay/aki.jpg')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="1" class="name"><span>aki</span></td>
|
||
<td>41666-𝛾</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">Combat Doll</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">it/its, that one, dolly (avoid "you")</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
this one is 41666-𝛾 or aki. it is not sure who it is yet. noe's
|
||
voidspace is aki's nullspace. it's different. maybe.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<h3>retired system member processes</h3>
|
||
<div
|
||
class="member"
|
||
style="--member-color: #303946; --image-url: url('/yay/ayanami.jpg')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="2" class="name"><span>ayanami</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">Mech Pilot</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">she/her</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
<i
|
||
>a mech pilot, shattered by a cocktail of drugs and self-hatred.
|
||
she fell out of her seat, sliced in two.</i
|
||
>
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div
|
||
class="member"
|
||
style="--member-color: #a84e78; --image-url: url('/yay/kata.png')"
|
||
>
|
||
<table>
|
||
<tr>
|
||
<td rowspan="3" class="avatar"></td>
|
||
<td colspan="2" class="name"><span>kata</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">
|
||
? [<a href="https://pluralpedia.org/w/Trauma_holder"
|
||
>Trauma Holder</a
|
||
>] [<a href="https://pluralpedia.org/w/Original">Original</a>]
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3">she/her</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="3" class="desc">
|
||
<p>
|
||
<i
|
||
>no matter what we write here, this girl deserves more than she
|
||
got. she rests well with the void.</i
|
||
>
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
</main>
|