```
metadata.title = "Shadowfacts"
metadata.layout = "default.html.ejs"
```

<div class="main">
	<% for (const post of posts) { %>
		<article itemscope itemtype="https://schema.org/BlogPosting">
			<h2 class="article-title" itemprop="headline">
				<%- fancyLink(post.metadata.title, post.metadata.permalink, `itemprop="url mainEntityOfPage"`) %>
			</h2>
			<%- include("includes/article-meta.html.ejs", { metadata: post.metadata }) %>
			<div class="article-content" itemprop="description">
				<%- post.metadata.excerpt %>
			</div>
			<p class="read-more-link">
				<a href="<%= post.metadata.permalink %>">Read more...</a>
			</p>
		</article>
	<% } %>
</div>

<div class="pagination" role="navigation">
	<p>
		<span class="pagination-link">
			<% if (pagination.prevLink) { %>
				<a href="<%= pagination.prevLink %>">
					<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
				</a>
			<% } else { %>
				<span class="arrow arrow-left" aria-hidden="true"></span> <span>Previous</span>
			<% } %>
		</span>
		Page <%= pagination.current %> of <%= pagination.total %>
		<span class="pagination-link">
			<% if (pagination.nextLink) { %>
				<a href="<%= pagination.nextLink %>">
					<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
				</a>
			<% } else { %>
				<span>Next</span> <span class="arrow arrow-right" aria-hidden="true"></span>
			<% } %>
		</span>
	</p>
</div>