<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{% block title %}Wikimark{% endblock title %}</title>
<link rel="icon" type="image/x-icon" href="/static/icons/favicon.ico">
<script src="/static/htmx.min.js"></script>
<script type="module" src="/static/editor.js"></script>
<script>
function collapse()
{
const nav = document.getElementById("nav");
if (window.getComputedStyle(nav).display == "none") {
nav.style.display = "flex";
} else {
nav.style.display = "none";
}
}
</script>
{% block css %}
<link rel="stylesheet" href="/static/wiki.css">
{% endblock css %}
{% block extra_head %}
{% endblock extra_head %}
</head>
<body hx-boost="true">
<div id="content">
<header>
{% if user %}
<div id="toolbar">
<a class="left" onclick="collapse()"><i class="icon-menu"></i></a>
{% block toolbar %}
{% endblock toolbar %}
<a href="/edit">NEW <i class="icon-new"></i></a>
<span class="toolbar-divider"></span>
<span class="user">Hi {{user}}!<i class="icon-user"></i></span>
</div>
{% endif %}
</header>
<div id="main">
<nav id="nav">
<div id="links">
<h3> NAVIGATION </h3>
<ul>
<li>
<a href="/page/">
<i class="icon-home"></i> Home
</a>
</li>
<li>
<a href="/all">
<i class="icon-all-pages"></i> All Pages
</a>
</li>
{% if user %}
<li>
<a href="/changelog">
<i class="icon-log"></i> Changelog
</a>
</li>
{% endif %}
</ul>
</div>
<div id="toc">
{% block toc %}
{% endblock toc %}
</div>
</nav>
<article>
{% block content %}
{% endblock content %}
</article>
</div>
</div>
</body>
</html>