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

<div class="main">
	<h1 class="page-heading"><%= category %> posts</h1>
	<p class="rss">
		Subscribe to just <%= category %> posts via <a href="/<%= category %>/feed.xml">RSS</a>.
	</p>

	<% for (const post of posts) { %>
		<article itemscope itemtype="https://schema.org/BlogPosting">
			<h2 class="article-title" itemprop="headline">
				<a href="<%= post.metadata.permalink %>" itemprop="url mainEntityOfPage">
					<%= post.metadata.title %>
				</a>
			</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">
	<p>
		<span class="pagination-link">
			<% if (pagination.prevLink) { %>
				<a href="<%= pagination.prevLink %>">
					<span class="arrow-left"></span> Previous
				</a>
			<% } else { %>
				<span class="arrow-left"></span> Previous
			<% } %>
		</span>
		Page <%= pagination.current %> of <%= pagination.total %>
		<span class="pagination-link">
			<% if (pagination.nextLink) { %>
				<a href="<%= pagination.nextLink %>">
					Next <span class="arrow-right"></span>
				</a>
			<% } else { %>
				Next <span class="arrow-right"></span>
			<% } %>
		</span>
	</p>
</div>