<!doctype html>
<html lang="en" class="{% if theme_mode == "dark" %}dark{% endif %}">
{{ head_html|safe }}
<body class="terminal-page bg-background text-foreground antialiased min-h-screen flex flex-col">
	{{ admin_banner_html|safe }}
	<div aria-hidden="true" class="tty-scanlines pointer-events-none fixed inset-0 z-50"></div>
	<header class="w-full">{{ slots.header|safe }}</header>
	<main class="flex-grow w-full px-4 py-10">
		<div class="mx-auto w-full max-w-5xl">
			{% if slots.main %}{{ slots.main|safe }}{% else %}<div class="py-20 text-center"><p class="terminal-mono text-muted-foreground">// no posts yet</p></div>{% endif %}
		</div>
	</main>
	<footer class="w-full mt-auto">{{ slots.footer|safe }}</footer>
	{{ body_end_html|safe }}
</body>
</html>
