<!doctype html>
<html>
<head>
<!--
┐ │ ┬─┐ ┬─┐┌─┐
┌┼┘─├─ │┬┘│ │
┆ └ ┴─┘o┆└┘┘─┘
┬─┐o┐ │┬─┐┬ ┌─┐┬─┐┬─┐┬─┐┬─┐
│─┘│┌┼┘├─ │ │ ┬│┬┘│─┤├─ ├─
┆ ┆┆ └┴─┘┆─┘┆─┘┆└┘┘ ┆┆ ┆
-->
<title>{{&description}}</title>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="xero harrison">
<meta name="description" content="{{&description}}">
<meta name="keywords"
content="blog, programming, code, art, ascii, pixel, text art, ansi, lab, notes, graffiti, neovim, vim, linux, unix, nerd, bun.sh, htmx, tailwindcss, xero, x-e.ro, xxe.ro, 0w.nz, xero.style">
<meta name="theme-color" content="#222222">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="{{&domain}}/ui/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{&domain}}/ui/ico/icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{&domain}}/ui/ico/icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{&domain}}/ui/ico/icon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{&domain}}/ui/ico/icon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="16x16" href="{{&domain}}/ui/ico/icon-16.png">
<link rel="stylesheet" type="text/css" href="{{&domain}}/ui/theme.css?{{&ripcache}}">
<link rel="stylesheet" type="text/css" href="{{&domain}}/ui/hack.css">
<script src="{{&domain}}/ui/htmx.min.js"></script>
<script src="{{&domain}}/ui/head-support.js"></script>
<meta name="htmx-config" content='{"selfRequestsOnly":"true"}'>
</head>
<body>
<header>
<nav>
<section id="logo"><a href="{{&domain}}"></a></section>
</nav>
</header>
<main id="main" hx-boost="true" hx-push-url="true" hx-target="#content" hx-indicator="#loading">
<section id="content">
{{&content}}
</section>
<aside>
<h3><em>admin menu</em></h3>
<ul class="admin">
<li><a href="/new"><i class="nf nf-md-flask_plus"></i> new post</a></li>
<li><a href="/edit"><i class="nf nf-md-content_save_edit_outline"></i> edit post</a></li>
<li><a href="/delete"><i class="nf nf-md-delete_forever_outline"></i> delete post</a></li>
<li><a href="/meta"><i class="nf nf-md-tag_text"></i> meta data</a></li>
</ul>
</aside>
</main>
<section id="loading" class="htmx-indicator">
<img src="{{&domain}}/ui/img/metroid-super.gif" alt="loading..." title="loading..." />
<h1>loading...</h1>
</section>
<footer>
<section id="cc"><a href="https://creativecommons.org/licenses/by-sa/4.0/"
title="creative commons - CC-BY-SA-4.0 attribution-shareAlike">
<i class="nf nf-fae-cc_cc"></i></a>
{{&footer}}
<img src="{{&domain}}/ui/img/metroid-larva.gif" id="metroid-larva" alt="metroid-larva">
<img src="{{&domain}}/ui/img/metroid.gif" id="metroid" alt="metroid">
<!--
.___.
/ @ \
\ @ @ /
{'^'}
-->
</section>
<nav>
<ul>
<li><a id="git" class="nf nf-fa-git" href="#"></a></li>
<li><a id="rss" class="nf nf-fa-rss" href="#"></a></li>
</ul>
</nav>
</footer>
</body>
</html>