new index
This commit is contained in:
parent
662ea79b13
commit
8622e741a8
4 changed files with 203 additions and 382 deletions
BIN
dither.png
Normal file
BIN
dither.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 556 B |
386
index.html
386
index.html
|
|
@ -1,253 +1,132 @@
|
|||
<!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 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 >////<</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="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 class="right">
|
||||
<div class="tiny">Doll *** sent. read.</div>
|
||||
<section>it is a pleasure to be of service to you, owner!</section>
|
||||
</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> -
|
||||
<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"
|
||||
><!--email off-->@41666@dis.sociat.ing<!--/email off--></a
|
||||
>fediverse (@41666@dis.sociat.ing)</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<b>cold storage</b> -
|
||||
<a href="https://codeberg.org/noe" rel="me"
|
||||
><!--email off-->@noe@codeberg.org<!--/email off--></a
|
||||
<a href="https://bsky.app/profile/dis.sociat.ing" rel="me"
|
||||
>bluesky (@dis.sociat.ing)</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<b>legacy code</b> -
|
||||
<a href="https://github.com/mekanoe" rel="me"
|
||||
><!--email off-->@mekanoe@github.com<!--/email off--></a
|
||||
<a href="https://git.sapphic.engineer/noe" rel="me"
|
||||
>git forge (git.sapphic.engineer)</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>
|
||||
<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>
|
||||
|
|
@ -264,11 +143,7 @@
|
|||
><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"
|
||||
><img src="/88x31/starshines.png" alt="starshines" width="88" height="31"
|
||||
/></a>
|
||||
<a href="https://pixelde.su/" target="_blank"
|
||||
><img
|
||||
|
|
@ -297,11 +172,7 @@
|
|||
height="31"
|
||||
/></a>
|
||||
<a href="https://void.rehab/" target="_blank"
|
||||
><img
|
||||
src="/88x31/void.rehab.png"
|
||||
alt="void.rehab"
|
||||
width="88"
|
||||
height="31"
|
||||
><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"
|
||||
|
|
@ -343,65 +214,14 @@
|
|||
<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>
|
||||
<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"
|
||||
/>
|
||||
<a href="https://sapphic.engineer" target="_blank"
|
||||
><img
|
||||
src="/yay/88x31-se.png"
|
||||
width="88"
|
||||
height="31"
|
||||
alt="sapphic.engineer"
|
||||
/></a>
|
||||
<img src="/yay/88x31-nap.png" width="88" height="31" alt="not a person" />
|
||||
</div>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -2,5 +2,6 @@
|
|||
buildInputs = with pkgs; [
|
||||
nodePackages.serve
|
||||
nodePackages.prettier
|
||||
bun
|
||||
];
|
||||
}
|
||||
|
|
|
|||
BIN
yay/aurelia.jpg
BIN
yay/aurelia.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 262 KiB |
Loading…
Add table
Reference in a new issue