{% import "macros.html" as macro %}
<!DOCTYPE html>
<html lang="en">
<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="/style.css" type="text/css">
	<link rel="stylesheet" href="/fonts/icons.css" type="text/css">
</head>
<body>

	<nav>
		<div class="mainnav">
			<h1><a href="/">Recepty na cesty</a></h1>
			<ul>
				<li><a href="/vyhledavani/"><span class="icon-search"></span></a></li>
				<!-- <li><a href="/info/"><span class="icon-info"></span></a></li> -->
				<li><a href="{{ config.extra.git }}"><span class="icon-git"></span></a></li>
			</ul>
		</div>
		<div class="subnav">
			{{ macro::subnav() }}
		</div>
	</nav>

	{% block content %}
	<main>
		<h2>Nejnovější recepty</h2>
		<hr>
		<section class="list">
			{% for page in paginator.pages %}
				{{ macro::print_recipe(recipe=page) }}
			{% endfor %}
		</section>

		<div class="pagination">
			{{ macro::pagination() }}
		</div>
	
	</main>
	{% endblock content %}

	{% block script %}{% endblock script %}
</body>
</html>
