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

new index

Browse source
This commit is contained in:
41666 2025-01-05 21:16:51 -08:00
parent 662ea79b13
commit 8622e741a8
4 changed files with 203 additions and 382 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
dither.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 556 B

584
index.html
View file

@ -1,407 +1,227 @@
<!DOCTYPE html>
<meta charset="utf-8" />
<title>noe.sh</title>
<title>41666</title>
<link rel="preconnect" href="https://fonts.bunny.net" />
<link
href="https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,400i,700,700i"
href="https://fonts.bunny.net/css?family=fira-code:400"
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;
background-color: #180000;
background: url(/dither.png) repeat;
font-family: "Fira Code", monospace;
font-size: 1rem;
display: flex;
}
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;
border: 2px solid #180000;
max-width: 720px;
width: 94vw;
padding: 10px;
}
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;
width: fit-content;
background-color: #a20000;
padding: 2em;
margin-bottom: 10px;
}
&::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100px;
background-color: blue;
mix-blend-mode: color-burn;
main a {
background-color: #a20000;
padding: 1em 1em;
margin-left: 1em;
display: block;
width: fit-content;
margin-bottom: 10px;
color: inherit;
text-decoration: none;
&:hover {
background-color: #180000;
color: #fff;
}
&::before {
content: "";
position: absolute;
top: 0;
right: -50px;
width: 100px;
height: 160px;
background-color: green;
mix-blend-mode: exclusion;
}
.right {
display: flex;
align-items: flex-end;
flex-direction: column;
section {
background-color: #180000;
color: #fff;
}
}
.tiny {
font-size: 0.85rem;
color: #180000af;
}
.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(--c);
}
}
.cw {
position: relative;
display: inline-block;
&::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
transition: all 0.2s ease-in-out;
}
&:hover {
&::after {
opacity: 0;
}
}
display: flex;
width: 80px;
padding-left: 4px;
}
</style>
<main>
<header>
<h1 class="red">noe</h1>
<div class="mono nav">
<a href="https://noe.sh" class="red" style="--c: var(--mid-top)">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" class="member">41666</a
><a href="https://doll.repair/~aki/" style="--c: #ff00bf" class="member"
>41666</a
>
</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 6); 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://dis.sociat.ing/@41666" rel="me"
><!--email off-->@41666@dis.sociat.ing<!--/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>
<h3>toys</h3>
<ul>
<li>
<a href="/dollcode">/dollcode</a> - "dollcode" doll barcode
encoder/decoder
</li>
<li>
<a href="-~-/what the fuck is a lightrunner/-~-">B36 RGBA</a>
- high precision color encoding in base36
</li>
<li>
<a href="/if-it-dies-in-game-it-dies-in-real-life">iidigidirl</a>
- ⚠️ cw: pain/electro play ⚠️
<span class="cw"
>planetside 2 events to shock collar commands via webbluetooth</span
>
</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>
<a href="https://pixelde.su/" target="_blank"
><img
src="/88x31/pixeldesu.png"
alt="pixeldesu"
width="88"
height="31" /></a
><a href="https://query.44203.online/" target="_blank"
><img src="/88x31/44203.png" alt="Δ-44203" width="88" height="31"
/></a>
<a href="https://arklamp.neocities.org/" target="_blank"
><img src="/88x31/28904.gif" alt="28904 (Ark)" width="88" height="31"
/></a>
<a href="https://lavenderfield.xyz/" target="_blank"
><img
src="/88x31/lavenderfield.gif"
alt="Lavender field"
width="88"
height="31"
/></a>
<a href="https://larsfrommars.neocities.org/" target="_blank"
><img
src="/88x31/larsfrommars.png"
alt="larsfrommars"
width="88"
height="31"
/></a>
<a href="https://void.rehab/" target="_blank"
><img
src="/88x31/void.rehab.png"
alt="void.rehab"
width="88"
height="31"
/></a>
<a href="https://quasar1.neocities.org/" target="_blank"
><img src="/88x31/quasar.png" alt="quasar" width="88" height="31"
/></a>
<a href="https://elke.cafe/" target="_blank"
><img src="/88x31/elke.gif" alt="elke" width="88" height="31"
/></a>
<a href="https://eris.meows.gay/" target="_blank"
><img
src="/88x31/meows.gay.png"
alt="eris meows gay"
width="88"
height="31"
/></a>
<a href="https://fungal.locahlo.st/home.html" target="_blank"
><img src="/88x31/fungal.png" alt="fungal" width="88" height="31"
/></a>
<a href="https://0xc3.win/" target="_blank"
><img src="/88x31/silt.gif" alt="silt" width="88" height="31"
/></a>
<a href="https://999eagle.moe" target="_blank"
><img src="/88x31/440729.png" alt="⛧-440729" width="88" height="31"
/></a>
<a href="https://astrid.tech" target="_blank"
><img src="/88x31/astrid.png" alt="astrid" width="88" height="31"
/></a>
<a href="https://sn0w.cx" target="_blank"
><img src="/88x31/sn0w.gif" alt="sn0w" width="88" height="31"
/></a>
<a href="https://disarray.sh" target="_blank"
><img src="/88x31/disarray.png" alt="disarray" width="88" height="31"
/></a>
<a href="https://xaselgio.net" target="_blank"
><img src="/88x31/xaselgio.gif" alt="xaselgio" width="88" height="31"
/></a>
<a href="https://40796c19.lifeless.space/" target="_blank"
><img src="/88x31/0x0079.png" alt="0x0079" width="88" height="31"
/></a>
<a href="https://www.5snb.club/" target="_blank"
><img src="/88x31/5snb.png" alt="552@5snb" 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>
<li>"statistically negligible" - @larsfrommars@toot.garden</li>
<!--/email off-->
</ul>
</section>
<section style="display: none" aria-hidden="true">
<p>
other fedi alts
<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
>
</p>
</section>
<div class="right">
<div class="tiny">Doll *** sent. read.</div>
<section>hi owner, this is dolly 41666! ▖▘▌▘▘▌▌▌▖▘</section>
</div>
<div>
<div class="tiny">Owner *** just now</div>
<section>listen babe, i just want doll blood.</section>
</div>
<div class="right">
<div class="tiny">Doll (it/its) *** sent. read.</div>
<section>awawawawa &gt;////&lt;</section>
</div>
<div>
<div class="tiny">Owner *** typing a message...</div>
<section>tell me about that one's...</section>
<a href="/pronouns">pronouns</a>
<a href="/system.html">plural system</a>
</div>
<div class="right">
<div class="tiny">Doll (it/its) *** sent. read.</div>
<section>o-okay sure... it also worked on some doll projects!!</section>
</div>
<div>
<div class="tiny">Owner *** typing a message...</div>
<section>oh. neat. tell me about...</section>
<a href="/dollcode">dollcode transcoder</a>
<a href="/if-it-dies-in-game-it-dies-in-real-life"
>planetside shock collar thing</a
>
<a href="https://doll.repair">doll.repair</a>
<a href="https://blood.pet">blood.pet</a>
<a href="https://3d.noe.sh">shader art</a>
<a href="https://ps2.live">planetside 2 population stats</a>
<a href="/-~-/what the fuck is a lightrunner/-~-/"
>higher precision color</a
>
</div>
<div class="right">
<div class="tiny">Doll *** sent. read.</div>
<section>it is a pleasure to be of service to you, owner!</section>
</div>
<div>
<div class="tiny">Owner *** typing a message...</div>
<section>good dolly~ send me to your...</section>
<a href="https://dis.sociat.ing/@41666" rel="me"
>fediverse (@41666@dis.sociat.ing)</a
>
<a href="https://bsky.app/profile/dis.sociat.ing" rel="me"
>bluesky (@dis.sociat.ing)</a
>
<a href="https://git.sapphic.engineer/noe" rel="me"
>git forge (git.sapphic.engineer)</a
>
<a href="https://codeberg.org/noe" rel="me">codeberg (@noe)</a>
<a href="https://github.com/mekanoe" rel="me">github (@mekanoe)</a>
</div>
</main>
<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>
<a href="https://pixelde.su/" target="_blank"
><img
src="/88x31/pixeldesu.png"
alt="pixeldesu"
width="88"
height="31" /></a
><a href="https://query.44203.online/" target="_blank"
><img src="/88x31/44203.png" alt="Δ-44203" width="88" height="31"
/></a>
<a href="https://arklamp.neocities.org/" target="_blank"
><img src="/88x31/28904.gif" alt="28904 (Ark)" width="88" height="31"
/></a>
<a href="https://lavenderfield.xyz/" target="_blank"
><img
src="/88x31/lavenderfield.gif"
alt="Lavender field"
width="88"
height="31"
/></a>
<a href="https://larsfrommars.neocities.org/" target="_blank"
><img
src="/88x31/larsfrommars.png"
alt="larsfrommars"
width="88"
height="31"
/></a>
<a href="https://void.rehab/" target="_blank"
><img src="/88x31/void.rehab.png" alt="void.rehab" width="88" height="31"
/></a>
<a href="https://quasar1.neocities.org/" target="_blank"
><img src="/88x31/quasar.png" alt="quasar" width="88" height="31"
/></a>
<a href="https://elke.cafe/" target="_blank"
><img src="/88x31/elke.gif" alt="elke" width="88" height="31"
/></a>
<a href="https://eris.meows.gay/" target="_blank"
><img
src="/88x31/meows.gay.png"
alt="eris meows gay"
width="88"
height="31"
/></a>
<a href="https://fungal.locahlo.st/home.html" target="_blank"
><img src="/88x31/fungal.png" alt="fungal" width="88" height="31"
/></a>
<a href="https://0xc3.win/" target="_blank"
><img src="/88x31/silt.gif" alt="silt" width="88" height="31"
/></a>
<a href="https://999eagle.moe" target="_blank"
><img src="/88x31/440729.png" alt="⛧-440729" width="88" height="31"
/></a>
<a href="https://astrid.tech" target="_blank"
><img src="/88x31/astrid.png" alt="astrid" width="88" height="31"
/></a>
<a href="https://sn0w.cx" target="_blank"
><img src="/88x31/sn0w.gif" alt="sn0w" width="88" height="31"
/></a>
<a href="https://disarray.sh" target="_blank"
><img src="/88x31/disarray.png" alt="disarray" width="88" height="31"
/></a>
<a href="https://xaselgio.net" target="_blank"
><img src="/88x31/xaselgio.gif" alt="xaselgio" width="88" height="31"
/></a>
<a href="https://40796c19.lifeless.space/" target="_blank"
><img src="/88x31/0x0079.png" alt="0x0079" width="88" height="31"
/></a>
<a href="https://www.5snb.club/" target="_blank"
><img src="/88x31/5snb.png" alt="552@5snb" width="88" height="31"
/></a>
<div style="border-top: 2px #180000 solid; padding-top: 5px">
<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" />
</div>
</div>
</div>

1
shell.nix
View file

@ -2,5 +2,6 @@
buildInputs = with pkgs; [
nodePackages.serve
nodePackages.prettier
bun
];
}

BIN
yay/aurelia.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 262 KiB