new index, add links to system, and add starshines!
This commit is contained in:
parent
d2bef790a6
commit
790e1d862a
3 changed files with 258 additions and 236 deletions
BIN
88x31/starshines.png
Normal file
BIN
88x31/starshines.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
250
index.html
250
index.html
|
|
@ -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;
|
|
||||||
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;
|
margin: 0;
|
||||||
padding: 1rem;
|
padding: 0;
|
||||||
font-size: 3em;
|
|
||||||
|
|
||||||
text-shadow: -2px 1px 0 var(--l1), 2px 1px 3px var(--l4);
|
|
||||||
|
|
||||||
.meka {
|
|
||||||
color: var(--l2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.monospace {
|
main {
|
||||||
|
max-width: 960px;
|
||||||
|
margin: 2em;
|
||||||
|
border: 2px solid var(--floor);
|
||||||
|
padding: 0.2em;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mono {
|
||||||
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,39 +112,55 @@
|
||||||
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>
|
|
||||||
<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>
|
<main>
|
||||||
|
<header>
|
||||||
|
<h1 class="red">noe</h1>
|
||||||
|
<div class="mono nav">
|
||||||
|
<a href="https://noe.sh" class="red">41666</a>HIDESAYAKA4166641666
|
||||||
|
</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>
|
<section>
|
||||||
<h2>about</h2>
|
|
||||||
<p>
|
<p>
|
||||||
this one is noe
|
this one is <span class="red">noe</span>
|
||||||
<a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a>
|
<a href="/pronouns/">(it/its, 3rd person preferred, alt: she/her)</a>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
derelict combat doll; hacker; cyberpunk; nd;
|
derelict combat doll; hacker; cyberpunk; void priestess;
|
||||||
<a href="/system.html">&</a>; queer; empty spaces;;
|
<a href="/system.html">plural</a> (1 of 5); poly; queer; empty spaces;;
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
|
likes nixos, devops/sre/sysadmin, rev-eng, electronics, personal evs,
|
||||||
writing, cats, plants
|
writing, cats, plants
|
||||||
</p>
|
</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h2>where to find</h2>
|
<h2>where to find</h2>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -170,39 +199,13 @@
|
||||||
</ul>
|
</ul>
|
||||||
<h3>art webbed sites</h3>
|
<h3>art webbed sites</h3>
|
||||||
<ul>
|
<ul>
|
||||||
|
<li><a href="https://3d.noe.sh">3d.noe.sh</a> (requires javascript)</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://art.mekanoe.com">art.mekanoe.com</a> (requires
|
<a href="https://doll.repair">doll.repair</a> (warning: empty spaces;
|
||||||
javascript)
|
trauma-driven art therapy, wip)
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://doll.repair">doll.repair</a> (warning: empty
|
|
||||||
spaces; trauma-driven art therapy)
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</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>
|
<section>
|
||||||
<h2>other creatures</h2>
|
<h2>other creatures</h2>
|
||||||
<p></p>
|
<p></p>
|
||||||
|
|
@ -210,11 +213,7 @@
|
||||||
<!-- Others -->
|
<!-- Others -->
|
||||||
<div>
|
<div>
|
||||||
<a href="https://stardust.elysium.gay" target="_blank"
|
<a href="https://stardust.elysium.gay" target="_blank"
|
||||||
><img
|
><img src="/88x31/stardust.png" width="88" height="31" alt="Stardust"
|
||||||
src="/88x31/stardust.png"
|
|
||||||
width="88"
|
|
||||||
height="31"
|
|
||||||
alt="Stardust"
|
|
||||||
/></a>
|
/></a>
|
||||||
<a href="https://sneexy.pages.gay" target="_blank"
|
<a href="https://sneexy.pages.gay" target="_blank"
|
||||||
><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
|
><img src="/88x31/sneexy.gif" alt="Sneexy" width="88" height="31"
|
||||||
|
|
@ -225,6 +224,13 @@
|
||||||
<a href="https://zvava.org/" target="_blank"
|
<a href="https://zvava.org/" target="_blank"
|
||||||
><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
|
><img src="/88x31/zvava.png" alt="zvava" width="88" height="31"
|
||||||
/></a>
|
/></a>
|
||||||
|
<a href="https://starshines.gay/" target="_blank"
|
||||||
|
><img
|
||||||
|
src="/88x31/starshines.png"
|
||||||
|
alt="starshines"
|
||||||
|
width="88"
|
||||||
|
height="31"
|
||||||
|
/></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- self row (hi, please feel free to use these <3) -->
|
<!-- self row (hi, please feel free to use these <3) -->
|
||||||
<div class="divider"></div>
|
<div class="divider"></div>
|
||||||
|
|
@ -269,6 +275,4 @@
|
||||||
<!--/email off-->
|
<!--/email off-->
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
</footer>
|
</main>
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
|
||||||
18
system.html
18
system.html
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue