36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<div class="bg-crust text athelas min-vh-100 h-100">
|
|
<header class="pv3 ph7-ns ph3 flex justify-between"
|
|
hx-boost="true" hx-target="#main" hx-select="#content">
|
|
<a href="/home.html" class="text no-underline dim pointer f3 b">
|
|
Skylark HQ
|
|
</a>
|
|
<a onClick="toggleTheme()" class="dim pointer pa1 dib f3">
|
|
<i class="icon-brightness-contrast"></i>
|
|
</a>
|
|
</header>
|
|
<nav hx-boost="true" hx-target="#main" hx-select="#content"
|
|
class="pa5 pt0 pb2 ph7-ns ph3 flex justify-around">
|
|
<a href="/blog.html" class="bg-green f4 pa2 br3 base no-underline dim">Blog</a>
|
|
</nav>
|
|
<section class="ph7-ns ph3 pt0 f5 flex flex-wrap lh-copy">
|
|
<article class="w-60-ns w-100 bg-base pa2 mb2" hx-trigger="gimmeContent" hx-select="#content" id="main">
|
|
</article>
|
|
<aside class="w-30-ns w-100 ph2">
|
|
<h1 class="f4 pt0 mt0">Skylar Hill</h1>
|
|
The gayest trans girl this side of the wet rock.
|
|
<nav class="flex flex-wrap mt2">
|
|
<a class="icon-pen sky dim no-underline pa1" href="https://solarpunk.moe/@stellarskylark"></a>
|
|
<a class="icon-git peach dim no-underline pa1" href="https://git.solarpunk.moe/stellarskylark"></a>
|
|
<a class="icon-music mauve dim no-underline pa1" href="https://alaudastellaris.bandcamp.com"></a>
|
|
<a class="icon-gamepad rosewater dim no-underline pa1" href="https://stellarskylark.itch.io/"></a>
|
|
<a class="icon-youtube red dim no-underline pa1" href="https://www.youtube.com/channel/UCZOkS1eU9NAnefCCshgNtdA"></a>
|
|
</nav>
|
|
</aside>
|
|
</section>
|
|
<footer class="ph3 ph7-ns pv3">
|
|
Made with <a class="blue dim" href="http://tachyons.io">Tachyons</a> and <a class="blue dim" href="https://htmx.org/">htmx</a>.
|
|
Powered by homosexuality.
|
|
</footer>
|
|
</div>
|