{% import "macros.html" as macro %}
<!DOCTYPE html>
<html lang="cs">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>
		{%- block title -%}
			{{ config.title }}
		{%- endblock title -%}
	</title>
	<link rel="stylesheet" href="{{ get_url(path="main.css") | safe }}">
	{% block styles %}{% endblock styles %}
	<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path="favicon.ico") }}" />
</head>
<body>
	<header>
		<div class="wrap">
			<a href="{{ config.base_url }}" class="logo"><img src="{{ get_url(path="logo.svg") }}" alt="Logo KITTV"></a>
			<section>
				<nav class="secondary">
					{{ macro::nav_list_items(items=config.extra.nav_secondary) }}
				</nav>
				<nav class="primary">
					{{ macro::nav_list_items_recursive(items=config.extra.nav_primary) }}
				</nav>
			</section>
		</div>
	</header>
	{% block extra %}{% endblock extra %}
	{% block content %}{% endblock content %}
	<footer>
		<p>Magdalény Rettigové 4, 116 39, Praha 1</p>
		<p>Praha UK PedF KITTV, {{ now() | date(format="%Y") }}</p>
	</footer>
	{% block javascript%}{% endblock %}
</body>
</html>