143 lines
3.7 KiB
HTML
143 lines
3.7 KiB
HTML
<!doctype html>
|
|
<meta charset="utf-8" />
|
|
<title>noe</title>
|
|
<style>
|
|
:root {
|
|
--l0: #1b1f21;
|
|
--l1: #441452;
|
|
--l2: #752565;
|
|
--l3: #ce2a66;
|
|
--l4: #ce9bb7;
|
|
--l5: #fdf4f4;
|
|
}
|
|
|
|
body {
|
|
overflow-x: hidden;
|
|
background-color: var(--l0);
|
|
color: var(--l5);
|
|
}
|
|
|
|
a {
|
|
color: var(--l4);
|
|
}
|
|
|
|
.container {
|
|
border: 3px solid var(--l3);
|
|
border-radius: 15px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
header {
|
|
background-color: var(--l3);
|
|
color: var(--l0);
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
h1 {
|
|
margin: 0;
|
|
padding: 1rem;
|
|
font-size: 3em;
|
|
|
|
|
|
text-shadow: -2px 1px 0 var(--l1), 2px 1px 3px var(--l4);
|
|
|
|
.meka {
|
|
color: var(--l2);
|
|
}
|
|
}
|
|
}
|
|
|
|
.monospace { font-family: monospace; }
|
|
|
|
.circlething {
|
|
width: 3em;
|
|
height: 3em;
|
|
background-color: red;
|
|
border-radius: 100%;
|
|
background: radial-gradient(circle, var(--l3) 20%, var(--l1) 30%, var(--l2) 50%, var(--l0) 80%, var(--l0) 100%);
|
|
border: 3px solid var(--l0);
|
|
box-shadow: 0 0 2px 5px var(--l2);
|
|
margin-left: 1em;
|
|
}
|
|
|
|
section {
|
|
border: 0px solid var(--l2);
|
|
border-top-width: 3px;
|
|
border-left-width: 3px;
|
|
box-shadow: 3px 3px 3px var(--l1);
|
|
margin: 1em;
|
|
border-radius: 10px;
|
|
padding: 1em;
|
|
|
|
h2 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
|
|
</style>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<div class="circlething"></div>
|
|
<h1><span class="meka">meka</span><span class="noe">noe</span></h1>
|
|
<p aria-hidden="true" class="monospace">_[#41666H;&: <span class="under">n,s,h</span>]$ ~></p>
|
|
<p aria-hidden="true" class="monospace">
|
|
<span id="js-timething">
|
|
// multishot; unknown target; tracking... *** ||--->> waiting... ||-->>
|
|
</span>
|
|
</p>
|
|
</header>
|
|
<main>
|
|
<section>
|
|
<h2>about</h2>
|
|
<p>this one is noe (it/its, 3rd person preferred, alt: she/her)</p>
|
|
<p>derelict combat doll; hacker; cyberpunk; nd; &; queer; empty spaces;;</p>
|
|
<p>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">@noe@sapphic.engineer</a></li>
|
|
<li><b>cold storage</b> - <a href="https://codeberg.org/noe">@noe@codeberg.org</a></li>
|
|
<li><b>legacy code</b> - <a href="https://github.com/mekanoe">@mekanoe@github.com</a></li>
|
|
<li><b>the matrix</b> - <a href="https://matrix.to/#/@noe:sapphic.engineer">@noe:sapphic.engineer</a></li>
|
|
<li><b>spacecast</b> - <a href="https://oc.mekanoe.com">@oc.mekanoe.com</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>reading</h2>
|
|
<p>this one writes for many reasons; please heed the content warnings where they exist. your mental health is important.</p>
|
|
<h3>technical</h3>
|
|
<ul>
|
|
<li><i>(standby)</i></li>
|
|
</ul>
|
|
<h3>fictional</h3>
|
|
<ul>
|
|
<li><a href="https://sapphic.engineer/notice/AdTGYQsbo8EkYbZMDA">story story unit#001</a> - she fixes you</li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<section>
|
|
<h2>other creatures</h2>
|
|
<p>
|
|
<i>(standby)</i>
|
|
</p>
|
|
</section>
|
|
<section>
|
|
<h2>live creature reactions</h2>
|
|
<ul>
|
|
<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>
|
|
</ul>
|
|
</section>
|
|
</footer>
|
|
</div>
|
|
</body>
|