locutory/templates/base.html
2026-10-27 01:46:55 +09:00

28 lines
1.5 KiB
HTML

{% if page %}{% set content = page %}{% elif section %}{% set content = section %}{% else %}{% set content = get_page(path="404.md") %}{% endif %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{{ content.title }} · Quorate{% endblock title %}</title>
<link rel="stylesheet" href="/style.css">
<script src="/theme.js"></script>
</head>
<body>
<div class="shell">
<header>
<a class="brand" href="/">Quorate</a>
<nav aria-label="Main"><a href="/blog/">Blog</a><span aria-hidden="true">|</span><a href="https://code.quorate.dev">Code</a><span aria-hidden="true">|</span><a href="/contact/">Contact</a><span aria-hidden="true">|</span><a href="/up/">Health</a></nav>
</header>
<main>{% block main %}
<article{% if content.date %} class="post"{% endif %}>
<h1>{{ content.title }}</h1>
{% if content.date %}<time datetime="{{ content.date }}">{{ content.date }}</time>{% endif %}
{{ content.content | safe }}
</article>
{% if content.date %}<script type="module" src="/post.js"></script>{% endif %}
{% endblock main %}</main>
<footer><span>Quorate · a personal website.</span><button id="theme" type="button" aria-label="Theme: Auto"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" stroke-width="2"/><path d="M12 4a8 8 0 0 1 0 16Z" fill="currentColor"/></svg></button></footer>
</div>
</body>
</html>