<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}TF Zola Template{% endblock %}</title>
<link rel="stylesheet" href="{{ get_url(path='css/output.css') }}">
<script src="{{ get_url(path='js/main.js') }}" defer></script>
{% block head %}{% endblock %}
</head>
<body class="bg-gray-100 min-h-screen flex flex-col" role="banner">
<header>
{% include "partials/navigation.html" %}
</header>
<main>
<div class="w-full flex-grow px-6 lg:px-8">
<div class="px-4 py-6 sm:px-0">
{% block content %}{% endblock %}
</div>
</div>
</main>
<footer class="bg-white shadow mt-auto">
<div class="w-full mx-auto py-4 px-4 sm:px-6 lg:px-8">
<p class="text-center text-gray-500">
© {{ now() | date(format="%Y") }} {{ config.title }}
</p>
</div>
</footer>
</body>
</html>