new index

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

BIN
dither.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 556 B

View file

@ -1,407 +1,227 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>noe.sh</title> <title>41666</title>
<link rel="preconnect" href="https://fonts.bunny.net" /> <link rel="preconnect" href="https://fonts.bunny.net" />
<link <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" rel="stylesheet"
/> />
<style> <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 { body {
margin: 0; background-color: #180000;
padding: 0; background: url(/dither.png) repeat;
font-family: "Fira Code", monospace;
font-size: 1rem;
display: flex;
} }
main { main {
max-width: 960px; border: 2px solid #180000;
margin: 2em; max-width: 720px;
border: 2px solid var(--floor); width: 94vw;
padding: 0.2em; padding: 10px;
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 { 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; display: flex;
justify-content: space-evenly; width: fit-content;
padding: 0.5em; background-color: #a20000;
font-size: 1.4em; padding: 2em;
/* font-weight: bold; */ margin-bottom: 10px;
text-shadow: 1px 1px 0px var(--top), -1px -1px 1px var(--mid-top); }
flex: 1 4 100%;
position: relative;
&::after { main a {
content: ""; background-color: #a20000;
position: absolute; padding: 1em 1em;
top: 0; margin-left: 1em;
right: 0; display: block;
width: 50%; width: fit-content;
height: 100px; margin-bottom: 10px;
background-color: blue; color: inherit;
mix-blend-mode: color-burn; text-decoration: none;
&:hover {
background-color: #180000;
color: #fff;
} }
&::before { }
content: "";
position: absolute; .right {
top: 0; display: flex;
right: -50px; align-items: flex-end;
width: 100px; flex-direction: column;
height: 160px;
background-color: green; section {
mix-blend-mode: exclusion; background-color: #180000;
color: #fff;
} }
} }
.tiny {
font-size: 0.85rem;
color: #180000af;
}
.friends { .friends {
display: inline-flex; display: flex;
text-align: center; width: 80px;
flex-direction: column; padding-left: 4px;
.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;
}
}
} }
</style> </style>
<main> <main>
<header> <div class="right">
<h1 class="red">noe</h1> <div class="tiny">Doll *** sent. read.</div>
<div class="mono nav"> <section>hi owner, this is dolly 41666! ▖▘▌▘▘▌▌▌▖▘</section>
<a href="https://noe.sh" class="red" style="--c: var(--mid-top)">41666</a </div>
><a href="https://doll.repair" style="--c: #b89524" class="member">HIDE</a <div>
><a href="#" style="--c: #064555" class="member">SAYAKA</a <div class="tiny">Owner *** just now</div>
><a href="#" style="--c: #08b69f" class="member">41666</a <section>listen babe, i just want doll blood.</section>
><a href="https://doll.repair/~aki/" style="--c: #ff00bf" class="member" </div>
>41666</a <div class="right">
> <div class="tiny">Doll (it/its) *** sent. read.</div>
</div> <section>awawawawa &gt;////&lt;</section>
<div class="caution-bar" aria-hidden="true"> </div>
<b style="margin-right: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b> <div>
▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘ <div class="tiny">Owner *** typing a message...</div>
<b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b> <section>tell me about that one's...</section>
▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘ <a href="/pronouns">pronouns</a>
<b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b> <a href="/system.html">plural system</a>
<div class="mono new"> </div>
detected void leak detectedvoid leak detectedvoid leak detectedvoid leak <div class="right">
detectedvoid leak detected <div class="tiny">Doll (it/its) *** sent. read.</div>
</div> <section>o-okay sure... it also worked on some doll projects!!</section>
</div> </div>
</header> <div>
<section> <div class="tiny">Owner *** typing a message...</div>
<p> <section>oh. neat. tell me about...</section>
this one is unit <span class="red">41666</span>, known as <a href="/dollcode">dollcode transcoder</a>
<span class="red">noe</span> to humans. <a href="/if-it-dies-in-game-it-dies-in-real-life"
<a href="/pronouns/">(it/its, 3rd person preferred)</a> >planetside shock collar thing</a
</p> >
<p> <a href="https://doll.repair">doll.repair</a>
derelict combat doll; hacker; cyberpunk; void priestess; <a href="https://blood.pet">blood.pet</a>
<a href="/system.html">plural</a> (1 of 6); poly; queer; glitchy;; <a href="https://3d.noe.sh">shader art</a>
</p> <a href="https://ps2.live">planetside 2 population stats</a>
<p> <a href="/-~-/what the fuck is a lightrunner/-~-/"
likes nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs, >higher precision color</a
writing, cats, plants >
</p> </div>
</section> <div class="right">
<section> <div class="tiny">Doll *** sent. read.</div>
<h2>where to find</h2> <section>it is a pleasure to be of service to you, owner!</section>
<ul> </div>
<li> <div>
<b>federal space</b> - <div class="tiny">Owner *** typing a message...</div>
<a href="https://dis.sociat.ing/@41666" rel="me" <section>good dolly~ send me to your...</section>
><!--email off-->@41666@dis.sociat.ing<!--/email off--></a <a href="https://dis.sociat.ing/@41666" rel="me"
> >fediverse (@41666@dis.sociat.ing)</a
</li> >
<li> <a href="https://bsky.app/profile/dis.sociat.ing" rel="me"
<b>cold storage</b> - >bluesky (@dis.sociat.ing)</a
<a href="https://codeberg.org/noe" rel="me" >
><!--email off-->@noe@codeberg.org<!--/email off--></a <a href="https://git.sapphic.engineer/noe" rel="me"
> >git forge (git.sapphic.engineer)</a
</li> >
<li> <a href="https://codeberg.org/noe" rel="me">codeberg (@noe)</a>
<b>legacy code</b> - <a href="https://github.com/mekanoe" rel="me">github (@mekanoe)</a>
<a href="https://github.com/mekanoe" rel="me" </div>
><!--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>
</main> </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>

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 262 KiB