<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Headline</title>
<link
rel="shortcut icon"
href="{{ url_for('static', filename='favicon.ico') }}"
/>
<link
rel="stylesheet"
href="{{ url_for('static', filename='main.css') }}"
/>
<link rel="icon" type="image/png" href="/static/icon-32.png" sizes="32x32" />
<link rel="icon" type="image/svg+xml" href="/static/icon.svg" />
<link rel="apple-touch-icon" href="/static/icon-180.png" />
<link rel="manifest" href="/static/manifest.webmanifest" />
<script
defer
data-domain="headline.beta.nolog.cz"
src="https://plausible.nolog.cz/js/plausible.js"
></script>
<script src="{{ url_for('static', filename='htmx@1.9.4.min.js') }}"></script>
{% block head %}{% endblock %}
</head>
<body hx-boost="true">
<header class="header {% block header_class %}{% endblock %}">
<div class="container">
<a class="header-link-home" href="/">
<h1>
<span class="del"> Head</span><span class="ins">line</span>
</h1>
</a>
<nav>
<a href="/about">About</a>
<a href="/feeds">Feeds</a>
</nav>
</div>
</header>
<main class="main">
{% block body %}{% endblock %}
</main>
{% include "parts/footer.html" %}
</body>
</html>