hypermedia blog

static site generator

hypermedia blog

src/views/admin/main.html


<!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>

Download

raw zip tar