163 lines
3.7 KiB
HTML
163 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
||
<meta charset="utf-8" />
|
||
<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>
|