{% import "macros.html" as macros %}
<!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>
	<link rel="alternate" type="application/atom+xml" title="Atom" href="{{ get_url(path="/posts/atom.xml", trailing_slash=false) }}">
	<link rel="stylesheet" href="/style.css">
	<link rel="icon" href="favicon.svg">
</head>
<body>
	<header>
		<div class="wrap">
			<a href="{{ config.base_url }}" class="title">{{ config.title }}</a>
			<div class="links">
				{% if config.extra.repository_url %}
					<a href="{{ config.extra.repository_url }}">Source</a>,
				{% endif %}
				<a href="{{ get_url(path="/posts/atom.xml", trailing_slash=false) }}">RSS/Atom</a>
			</div>
		</div>
	</header>
	<div class="wrap grid">
		<nav>
			<span class="title">Navigation</span>
			<ul class="main">
				{% for item in config.extra.nav %}
					<li
						{% if item.mobile_only %}
							class="mobile-only"
						{% endif %}
					><a href="{{ get_url(path=item.path, trailing_slash=true) }}">{{ item.title }}</a></li>
				{% endfor %}
			</ul>
			<span class="title">Categories</span>
			{{ macros::list_taxonomy(kind="categories") }}
		</nav>
		<main>
			{% block content %}
				{{ macros::list_posts(section="posts", count=config.extra.latest_posts_count) }}
				<div class="all-posts">
					<a href="{{ get_url(path="/posts/") }}">All Posts &raquo;</a>
				</div>
			{% endblock %}
		</main>
	</div>
	{% block script %}{% endblock %}
</body>
</html>
