skylarhill.me/src/home.html

38 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html class="mocha">
<head>
<link rel="stylesheet" href="/assets/tachyons.min.css"/>
<link rel="stylesheet" href="/assets/icons.min.css"/>
<script src="/assets/scripts.js"></script>
<script src="/assets/htmx.min.js"></script>
<title>Skylark HQ</title>
</head>
<body hx-get="/template.html" hx-trigger="load"
hx-on::load="if (event.detail.elt == this) readTheme()"
hx-on::after-swap="if (event.detail.elt == this) loadContent()"
hx-on::after-settle="if (event.detail.elt == this) htmx.trigger('#main', 'gimmeContent')">
</body>
</html>
<div id="content">
<h1 class="f3 mt0">Welcome!</h1>
<p>
Hiya! I'm Skylar, also known by my stage name Alauda Stellaris, also
known as StellarSkylark on most social media. I'm a transgender woman,
a programmer, composer, and songwriter! This is a place where I can
compile and share my creative output.
</p>
<p>
Content on this site is licensed under the <a class="blue dim" href="https://thufie.lain.haus/NPL.html">CNPLv7+</a>
unless otherwise specified.
</p>
<p>
This website stores exactly one cookie, to remember whether you selected dark mode or light mode.
</p>
<h2 class="f4">Webrings, etc</h2>
<section class="tc">
<a class="icon-long-arrow-left text dim no-underline pa1" href="https://gwenpri.me/"></a>
<span class="b">Hacker Girls</span>
<a class="icon-long-arrow-right text dim no-underline pa1" href="https://nora.codes/"></a>
</section>
</div>