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

new index, add links to system, and add starshines!

Browse source
This commit is contained in:
41666 2024-05-15 00:41:01 -04:00
parent d2bef790a6
commit 790e1d862a
3 changed files with 258 additions and 236 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
88x31/starshines.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.6 KiB

476
index.html
View file

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>noe</title> <title>noe.sh</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=atkinson-hyperlegible:400,400i,700,700i"
@ -8,84 +8,97 @@
/> />
<style> <style>
:root { :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; font-family: "Atkinson Hyperlegible", sans-serif;
--l0: #1b1f21;
--l1: #441452;
--l2: #752565;
--l3: #ce2a66;
--l4: #ce9bb7;
--l5: #fdf4f4;
} }
body { body {
overflow-x: hidden; margin: 0;
background-color: var(--l0); padding: 0;
color: var(--l5);
} }
a { main {
color: var(--l4); max-width: 960px;
margin: 2em;
border: 2px solid var(--floor);
padding: 0.2em;
line-height: 1.4;
} }
.container { .mono {
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; font-family: monospace;
} }
.circlething { * {
width: 3em; box-sizing: border-box;
height: 3em; }
background-color: red;
border-radius: 100%; .red {
background: radial-gradient( color: var(--top);
circle, }
var(--l3) 20%,
var(--l1) 30%, a {
var(--l2) 50%, color: var(--mid-top);
var(--l0) 80%, }
var(--l0) 100%
); h1,
border: 3px solid var(--l0); p {
box-shadow: 0 0 2px 5px var(--l2); margin: 0;
margin-left: 1em; padding: 0;
line-height: 1;
} }
section { section {
border: 0px solid var(--l2); border: 1px solid var(--mid-half);
border-top-width: 3px; padding: 1.5em;
border-left-width: 3px; margin-top: 0.3em;
box-shadow: 3px 3px 3px var(--l1); }
margin: 1em;
border-radius: 10px;
padding: 1em;
h2 { section p {
margin: 0; 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;
} }
} }
@ -99,176 +112,167 @@
margin: 0.7em 2em 1em 2em; 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> </style>
<body> <main>
<div class="container"> <header>
<header> <h1 class="red">noe</h1>
<div class="circlething"></div> <div class="mono nav">
<h1><span class="meka">meka</span><span class="noe">noe</span></h1> <a href="https://noe.sh" class="red">41666</a>HIDESAYAKA4166641666
<p aria-hidden="true" class="monospace"> </div>
_[#41666H;&amp;: <span class="under">n,s,h</span>]$ ~> <div class="caution-bar" aria-hidden="true">
</p> <b style="margin-right: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
<p aria-hidden="true" class="monospace"> ▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
<span id="js-timething"> <b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
// multishot; unknown target; tracking... *** ||--->> waiting... ▖▘▌▘▘▌▌▌▖▘PQJ#KFEK($())AQ! ▖▘▌▘▘▌▌▌▖▘
||-->> <b style="margin-left: 1em">⚠️⚠️⚠️⚠️⚠️ CAUTION:</b>
</span> <div class="mono new">
</p> detected void leak detectedvoid leak detectedvoid leak detectedvoid leak
</header> detectedvoid leak detected
<main> </div>
<section> </div>
<h2>about</h2> </header>
<p> <section>
this one is noe <p>
<a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a> this one is <span class="red">noe</span>
</p> <a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a>
<p> </p>
derelict combat doll; hacker; cyberpunk; nd; <p>
<a href="/system.html">&amp;</a>; queer; empty spaces;; derelict combat doll; hacker; cyberpunk; void priestess;
</p> <a href="/system.html">plural</a> (1 of 5); poly; queer; empty spaces;;
<p> </p>
nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs, <p>
writing, cats, plants likes nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
</p> writing, cats, plants
</section> </p>
</section>
<section> <section>
<h2>where to find</h2> <h2>where to find</h2>
<ul> <ul>
<li> <li>
<b>federal space</b> - <b>federal space</b> -
<a href="https://sapphic.engineer/noe" rel="me" <a href="https://sapphic.engineer/noe" rel="me"
><!--email off-->@noe@sapphic.engineer<!--/email off--></a ><!--email off-->@noe@sapphic.engineer<!--/email off--></a
> >
|| ||
<a href="https://porcelain.doll.repair/noe" rel="me" <a href="https://porcelain.doll.repair/noe" rel="me"
><!--email off-->@noe@porcelain.doll.repair<!--/email off--></a ><!--email off-->@noe@porcelain.doll.repair<!--/email off--></a
> >
|| ||
<a href="https://void.rehab/noe" rel="me" <a href="https://void.rehab/noe" rel="me"
><!--email off-->@noe@void.rehab<!--/email off--></a ><!--email off-->@noe@void.rehab<!--/email off--></a
> >
</li> </li>
<li> <li>
<b>cold storage</b> - <b>cold storage</b> -
<a href="https://codeberg.org/noe" rel="me" <a href="https://codeberg.org/noe" rel="me"
><!--email off-->@noe@codeberg.org<!--/email off--></a ><!--email off-->@noe@codeberg.org<!--/email off--></a
> >
</li> </li>
<li> <li>
<b>legacy code</b> - <b>legacy code</b> -
<a href="https://github.com/mekanoe" rel="me" <a href="https://github.com/mekanoe" rel="me"
><!--email off-->@mekanoe@github.com<!--/email off--></a ><!--email off-->@mekanoe@github.com<!--/email off--></a
> >
</li> </li>
<li> <li>
<b>the matrix</b> - <b>the matrix</b> -
<a href="https://matrix.to/#/@noe:void.rehab" rel="me" <a href="https://matrix.to/#/@noe:void.rehab" rel="me"
><!--email off-->@noe:void.rehab<!--/email off--></a ><!--email off-->@noe:void.rehab<!--/email off--></a
> >
</li> </li>
</ul> </ul>
<h3>art webbed sites</h3> <h3>art webbed sites</h3>
<ul> <ul>
<li> <li><a href="https://3d.noe.sh">3d.noe.sh</a> (requires javascript)</li>
<a href="https://art.mekanoe.com">art.mekanoe.com</a> (requires <li>
javascript) <a href="https://doll.repair">doll.repair</a> (warning: empty spaces;
</li> trauma-driven art therapy, wip)
<li> </li>
<a href="https://doll.repair">doll.repair</a> (warning: empty </ul>
spaces; trauma-driven art therapy) </section>
</li> <section>
</ul> <h2>other creatures</h2>
</section> <p></p>
<div class="friends">
<section> <!-- Others -->
<h2>reading</h2> <div>
<p> <a href="https://stardust.elysium.gay" target="_blank"
this one writes for many reasons; please heed the content warnings ><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust"
where they exist. your mental health is important. /></a>
</p> <a href="https://sneexy.pages.gay" target="_blank"
<h3>technical</h3> ><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
<ul> /></a>
<li><i>(standby)</i></li> <a href="https://rest.1a-insec.net/" target="_blank"
</ul> ><img src="/88x31/1a.png" alt="1A" width="88" height="31"
<h3>fictional</h3> /></a>
<ul> <a href="https://zvava.org/" target="_blank"
<li> ><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
<a href="https://sapphic.engineer/notice/AdTGYQsbo8EkYbZMDA" /></a>
>story story unit#001</a <a href="https://starshines.gay/" target="_blank"
> ><img
- she fixes you src="/88x31/starshines.png"
</li> alt="starshines"
</ul> width="88"
</section> height="31"
</main> /></a>
<footer> </div>
<section> <!-- self row (hi, please feel free to use these <3) -->
<h2>other creatures</h2> <div class="divider"></div>
<p></p> <div>
<div class="friends"> <a href="https://noe.sh" target="_blank"
<!-- Others --> ><img src="/yay/88x31.png" width="88" height="31" alt="noe"
<div> /></a>
<a href="https://stardust.elysium.gay" target="_blank" <a href="https://noe.sh/pronouns/" target="_blank"
><img ><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its"
src="/88x31/stardust.png" /></a>
width="88" <img
height="31" src="/yay/88x31-nap.png"
alt="Stardust" width="88"
/></a> height="31"
<a href="https://sneexy.pages.gay" target="_blank" alt="not a person"
><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31" />
/></a> <a href="https://sapphic.engineer" target="_blank"
<a href="https://rest.1a-insec.net/" target="_blank" ><img
><img src="/88x31/1a.png" alt="1A" width="88" height="31" src="/yay/88x31-se.png"
/></a> width="88"
<a href="https://zvava.org/" target="_blank" height="31"
><img src="/88x31/zvava.png" alt="zvava" width="88" height="31" alt="sapphic.engineer"
/></a> /></a>
</div> </div>
<!-- self row (hi, please feel free to use these <3) --> </div>
<div class="divider"></div> </section>
<div> <section>
<a href="https://noe.sh" target="_blank" <h2>live creature reactions</h2>
><img src="/yay/88x31.png" width="88" height="31" alt="noe" <ul>
/></a> <!--email off-->
<a href="https://noe.sh/pronouns/" target="_blank" <li>"it keeps biting me" - @mia@void.rehab</li>
><img src="/yay/88x31-vp.png" width="88" height="31" alt="it/its" <li>
/></a> "..designated SCP-41666 by the Fedi Council" -
<img @quasar@social.translunar.academy
src="/yay/88x31-nap.png" </li>
width="88" <li>"insane lesbian" - @sneexy@lea.pet</li>
height="31" <li>"This is very cool" - @gotrans@heckin.how</li>
alt="not a person" <li>"oh god what have you done" - @Nyaomi@eepy.moe</li>
/> <li>"why have you done this" - @yassie_j@0w0.is</li>
<a href="https://sapphic.engineer" target="_blank" <li>"you're insane that's amazing" - @vee@kvinneby.vendicated.dev</li>
><img <li>"oh my god it happened again" - @ezri@crimew.gay</li>
src="/yay/88x31-se.png" <!--/email off-->
width="88" </ul>
height="31" </section>
alt="sapphic.engineer" </main>
/></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>
</footer>
</div>
</body>

18
system.html
View file

@ -113,6 +113,12 @@
system dynamics,,, but what's the difference :3 system dynamics,,, but what's the difference :3
</p> </p>
<p>⚠️ noe is a high-class threat to humans. ⚠️</p> <p>⚠️ noe is a high-class threat to humans. ⚠️</p>
<p>
<a href="https://noe.sh" rel="me">https://noe.sh</a><br />
<a href="https://sapphic.engineer/noe" rel="me"
><!--email off-->@noe@sapphic.engineer<!--/email off--></a
>
</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -145,6 +151,13 @@
interested in psychological horror as a genre, as well as sharing interested in psychological horror as a genre, as well as sharing
our mindspaces with any willing to listen~ our mindspaces with any willing to listen~
</p> </p>
<p>
<a href="https://doll.repair" rel="me">https://doll.repair</a
><br />
<a href="https://porcelain.doll.repair/hid" rel="me"
><!--email off-->@hid@porcelain.doll.repair<!--/email off--></a
>
</p>
</td> </td>
</tr> </tr>
</table> </table>
@ -201,6 +214,11 @@
<tr> <tr>
<td colspan="3" class="desc"> <td colspan="3" class="desc">
<p>slime. poisonous. will fight a black hole. and win.</p> <p>slime. poisonous. will fight a black hole. and win.</p>
<p>
<a href="https://porcelain.doll.repair/ethyl" rel="me"
><!--email off-->@ethyl@porcelain.doll.repair<!--/email off--></a
>
</p>
</td> </td>
</tr> </tr>
</table> </table>