<!DOCTYPE html>
<html lang="en-US">
	<head>
		<title>Tagged {{ page.title }}</title>
		<link rel="stylesheet" href="/styles/page.css">
		<script src="/js/script.js" type="module"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="UTF-8">
	</head>
	<body>
		{% filter indent(width='\t\t') -%}
		{% include header.html %}
		{%- endfilter %}
		<main>
			{%- for post in page.collection %}
			<div class="post">
				<div class="post-title">{{ post.title }}</div>
				<div class="date">{{ post.date }}</div>
				<div class="word-count">Word count: {{ post.word_count }}</div>
				<div class="excerpt">
					{{ post.excerpt | indent(width='\t\t\t\t\t') }}
				</div>
			</div>
			{%- endfor %}
		</main>
		{%- if page.collection.total_pages > 1 %}
		<ul>
			{% if page.collection.start %}<li><a href="{{ page.collection.start.path }}">Start</a></li>{% endif %}
			{% if page.collection.previous %}<li><a href="{{ page.collection.previous.path }}">Previous</a></li>{% endif %}
			{% if page.collection.next %}<li><a href="{{ page.collection.next.path }}">Next</a></li>{% endif %}
			{% if page.collection.end %}<li><a href="{{ page.collection.end.path }}">End</a></li>{% endif %}
		</ul>
		{%- endif %}
	</body>
</html>
