noe/doll.repair
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

aki!

Browse source
This commit is contained in:
41666 2024-06-02 17:41:18 -04:00
parent 47e23a3751
commit 8155c8a410
1 changed files with 162 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

162
~aki/index.html Normal file
View file

@ -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>