headline/view/templates/base.html

44 lines
1.6 KiB
HTML
Raw Normal View History

2023-08-16 18:52:24 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Headline</title>
2023-08-21 14:56:12 +02:00
{% assets "css" %}
<link rel="stylesheet" href="{{ ASSET_URL }}" />
{% endassets %}
2023-08-17 15:02:07 +02:00
<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" />
2023-08-16 18:52:24 +02:00
<script
defer
data-domain="headline.beta.nolog.cz"
src="https://plausible.nolog.cz/js/plausible.js"
></script>
2023-08-17 12:50:37 +02:00
<script src="{{ url_for('static', filename='htmx@1.9.4.min.js') }}"></script>
2023-08-21 13:43:42 +02:00
<script defer src="{{ url_for('static', filename='alpinejs-persist@3.12.3.min.js') }}"></script>
<script defer src="{{ url_for('static', filename='alpinejs@3.12.3.min.js') }}"></script>
2023-08-17 10:50:02 +02:00
{% block head %}{% endblock %}
2023-08-16 18:52:24 +02:00
</head>
2023-08-21 13:43:42 +02:00
<body hx-boost="true" x-data="{ expandDiffs: $persist(false) }">
2023-08-20 16:22:59 +02:00
<header class="py-4 bg-white {% block header_class %}border-b{% endblock %}">
<div class="container flex flex-wrap items-center gap-x-8 gap-y-2">
<a href="/" class="text-inherit">
<h1 class="logo text-2xl font-bold">
2023-08-22 10:49:40 +02:00
{% include "parts/logo.svg" %}
2023-08-17 10:50:02 +02:00
</h1>
</a>
2023-08-22 10:49:40 +02:00
<nav class="flex flex-wrap items-center gap-x-4 gap-y-2 text-black font-medium">
<a class="text-inherit" href="/about">About</a>
<a class="text-inherit" href="/feeds">Feeds</a>
2023-08-17 10:50:02 +02:00
</nav>
</div>
</header>
2023-08-20 16:22:59 +02:00
<main class="mb-auto">
2023-08-16 19:41:55 +02:00
{% block body %}{% endblock %}
</main>
2023-08-17 00:06:57 +02:00
{% include "parts/footer.html" %}
2023-08-16 18:52:24 +02:00
</body>
</html>