279 lines
7.1 KiB
HTML
279 lines
7.1 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8" />
|
|
<title>noe.sh</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;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main {
|
|
max-width: 960px;
|
|
margin: 2em;
|
|
border: 2px solid var(--floor);
|
|
padding: 0.2em;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.mono {
|
|
font-family: monospace;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.red {
|
|
color: var(--top);
|
|
}
|
|
|
|
a {
|
|
color: var(--mid-top);
|
|
}
|
|
|
|
h1,
|
|
p {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
section {
|
|
border: 1px solid var(--mid-half);
|
|
padding: 1.5em;
|
|
margin-top: 0.3em;
|
|
}
|
|
|
|
section p {
|
|
line-height: 1.5;
|
|
padding: 0.3em 0;
|
|
}
|
|
|
|
.caution-bar {
|
|
margin: 2em 0;
|
|
background-color: black;
|
|
color: white;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
padding: 0.5em;
|
|
font-size: 1.4em;
|
|
/* font-weight: bold; */
|
|
text-shadow: 1px 1px 0px var(--top), -1px -1px 1px var(--mid-top);
|
|
flex: 1 4 100%;
|
|
position: relative;
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 50%;
|
|
height: 100px;
|
|
background-color: blue;
|
|
mix-blend-mode: color-burn;
|
|
}
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: -50px;
|
|
width: 100px;
|
|
height: 160px;
|
|
background-color: green;
|
|
mix-blend-mode: exclusion;
|
|
}
|
|
}
|
|
|
|
.friends {
|
|
display: inline-flex;
|
|
text-align: center;
|
|
flex-direction: column;
|
|
|
|
.divider {
|
|
border-top: 1px dashed var(--l2);
|
|
margin: 0.7em 2em 1em 2em;
|
|
}
|
|
}
|
|
|
|
header {
|
|
padding: 2em;
|
|
}
|
|
|
|
.nav a {
|
|
color: var(--mid);
|
|
text-decoration: none;
|
|
transition: all 0.1s ease-in-out;
|
|
&.red {
|
|
color: var(--top);
|
|
}
|
|
&:hover {
|
|
color: var(--mid-top);
|
|
}
|
|
}
|
|
</style>
|
|
<main>
|
|
<header>
|
|
<h1 class="red">noe</h1>
|
|
<div class="mono nav">
|
|
<a href="https://noe.sh" class="red">41666</a>HIDESAYAKA4166641666
|
|
</div>
|
|
<div class="caution-bar" aria-hidden="true">
|
|
<b style="margin-right: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
|
|
▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
|
|
<b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
|
|
▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
|
|
<b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
|
|
<div class="mono new">
|
|
detected void leak detectedvoid leak detectedvoid leak detectedvoid leak
|
|
detectedvoid leak detected
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section>
|
|
<p>
|
|
this one is unit <span class="red">41666</span>, known as
|
|
<span class="red">noe</span> to humans.
|
|
<a href="/pronouns/">(it/its, 3rd person preferred)</a>
|
|
</p>
|
|
<p>
|
|
derelict combat doll; hacker; cyberpunk; void priestess;
|
|
<a href="/system.html">plural</a> (1 of 5); poly; queer; glitchy;;
|
|
</p>
|
|
<p>
|
|
likes nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
|
|
writing, cats, plants
|
|
</p>
|
|
</section>
|
|
<section>
|
|
<h2>where to find</h2>
|
|
<ul>
|
|
<li>
|
|
<b>federal space</b> -
|
|
<a href="https://sapphic.engineer/noe" rel="me"
|
|
><!--email off-->@noe@sapphic.engineer<!--/email off--></a
|
|
>
|
|
||
|
|
<a href="https://porcelain.doll.repair/noe" rel="me"
|
|
><!--email off-->@noe@porcelain.doll.repair<!--/email off--></a
|
|
>
|
|
||
|
|
<a href="https://void.rehab/noe" rel="me"
|
|
><!--email off-->@noe@void.rehab<!--/email off--></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<b>cold storage</b> -
|
|
<a href="https://codeberg.org/noe" rel="me"
|
|
><!--email off-->@noe@codeberg.org<!--/email off--></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<b>legacy code</b> -
|
|
<a href="https://github.com/mekanoe" rel="me"
|
|
><!--email off-->@mekanoe@github.com<!--/email off--></a
|
|
>
|
|
</li>
|
|
<li>
|
|
<b>the matrix</b> -
|
|
<a href="https://matrix.to/#/@noe:void.rehab" rel="me"
|
|
><!--email off-->@noe:void.rehab<!--/email off--></a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<h3>art webbed sites</h3>
|
|
<ul>
|
|
<li><a href="https://3d.noe.sh">3d.noe.sh</a> (requires javascript)</li>
|
|
<li>
|
|
<a href="https://doll.repair">doll.repair</a> (warning: empty spaces;
|
|
trauma-driven art therapy, wip)
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>other creatures</h2>
|
|
<p></p>
|
|
<div class="friends">
|
|
<!-- Others -->
|
|
<div>
|
|
<a href="https://stardust.elysium.gay" target="_blank"
|
|
><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust"
|
|
/></a>
|
|
<a href="https://sneexy.pages.gay" target="_blank"
|
|
><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
|
|
/></a>
|
|
<a href="https://rest.1a-insec.net/" target="_blank"
|
|
><img src="/88x31/1a.png" alt="1A" width="88" height="31"
|
|
/></a>
|
|
<a href="https://zvava.org/" target="_blank"
|
|
><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
|
|
/></a>
|
|
<a href="https://starshines.gay/" target="_blank"
|
|
><img
|
|
src="/88x31/starshines.png"
|
|
alt="starshines"
|
|
width="88"
|
|
height="31"
|
|
/></a>
|
|
</div>
|
|
<!-- self row (hi, please feel free to use these <3) -->
|
|
<div class="divider"></div>
|
|
<div>
|
|
<a href="https://noe.sh" target="_blank"
|
|
><img src="/yay/88x31.png" width="88" height="31" alt="noe"
|
|
/></a>
|
|
<a href="https://noe.sh/pronouns/" target="_blank"
|
|
><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its"
|
|
/></a>
|
|
<img
|
|
src="/yay/88x31-nap.png"
|
|
width="88"
|
|
height="31"
|
|
alt="not a person"
|
|
/>
|
|
<a href="https://sapphic.engineer" target="_blank"
|
|
><img
|
|
src="/yay/88x31-se.png"
|
|
width="88"
|
|
height="31"
|
|
alt="sapphic.engineer"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>live creature reactions</h2>
|
|
<ul>
|
|
<!--email off-->
|
|
<li>"it keeps biting me" - @mia@void.rehab</li>
|
|
<li>
|
|
"..designated SCP-41666 by the Fedi Council" -
|
|
@quasar@social.translunar.academy
|
|
</li>
|
|
<li>"insane lesbian" - @sneexy@lea.pet</li>
|
|
<li>"This is very cool" - @gotrans@heckin.how</li>
|
|
<li>"oh god what have you done" - @Nyaomi@eepy.moe</li>
|
|
<li>"why have you done this" - @yassie_j@0w0.is</li>
|
|
<li>"you're insane that's amazing" - @vee@kvinneby.vendicated.dev</li>
|
|
<li>"oh my god it happened again" - @ezri@crimew.gay</li>
|
|
<!--/email off-->
|
|
</ul>
|
|
</section>
|
|
</main>
|