Blob: templates/base.html
Raw · Blame
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}tit{% endblock %}</title>
<link rel="stylesheet" href="/assets/style.css?v=14">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<div class="background-icon" aria-hidden="true">
<svg viewBox="0 0 24 24">
<circle cx="6" cy="5" r="2"/>
<circle cx="6" cy="19" r="2"/>
<circle cx="18" cy="12" r="2"/>
<path d="M6 7v10"/>
<path d="M8 7c0 3 2 5 8 5"/>
</svg>
</div>
<header class="site-header">
<a class="brand" href="/" aria-label="tit home">
<svg class="brand-icon" viewBox="0 0 24 24" aria-hidden="true">
<circle cx="6" cy="5" r="2"/>
<circle cx="6" cy="19" r="2"/>
<circle cx="18" cy="12" r="2"/>
<path d="M6 7v10"/>
<path d="M8 7c0 3 2 5 8 5"/>
</svg>
tit
</a>
<nav aria-label="Primary">
<a class="icon-link" href="/" aria-label="Home" title="Home">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M3 11.5 12 4l9 7.5"/>
<path d="M5.5 10.5V20h13v-9.5"/>
<path d="M9.5 20v-6h5v6"/>
</svg>
</a>
<a class="icon-link" href="/search" aria-label="Search" title="Search">
<svg viewBox="0 0 24 24" aria-hidden="true">
<circle cx="11" cy="11" r="7"/>
<path d="m20 20-4-4"/>
</svg>
</a>
{% if signed_in %}
<a class="icon-link" href="/activity" aria-label="Activity" title="Activity">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M4 18h16"/>
<path d="m5 14 4-4 3 3 6-7 2 2"/>
</svg>
</a>
<a class="icon-link" href="/account" aria-label="Account" title="Account">
<svg viewBox="0 0 24 24" aria-hidden="true">
<circle cx="12" cy="8" r="4"/>
<path d="M4 21a8 8 0 0 1 16 0"/>
</svg>
</a>
<a class="icon-link" href="/logout" aria-label="Log out" title="Log out">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M10 5H5v14h5"/>
<path d="M14 8l4 4-4 4"/>
<path d="M8 12h10"/>
</svg>
</a>
{% else %}
<a class="icon-link" href="/account" aria-label="Account" title="Account">
<svg viewBox="0 0 24 24" aria-hidden="true">
<circle cx="12" cy="8" r="4"/>
<path d="M4 21a8 8 0 0 1 16 0"/>
</svg>
</a>
{% endif %}
</nav>
</header>
<hr class="site-header-rule">
<main id="main">
{% block content %}{% endblock %}
</main>
<footer>
<small>tit · open source · MIT licensed</small>
<small>Request <code>{{ request_id }}</code></small>
</footer>
</body>
</html>