{{ define "main" }}
<div class="container">
	<main>
		<section class="bg-white border rounded shadow-sm p-3 mb-3 text-center">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb m-0">
					<li class="breadcrumb-item"><a href="/">Главная</a></li>
					<li class="breadcrumb-item active" aria-current="page">Посты</li>
				</ol>
			</nav>
		</section>

		<section class="list-group w-auto shadow-sm mb-3">
			{{ range .Pages.ByPublishDate.Reverse }}
			<div class="list-group-item list-group-item-action d-flex gap-3 py-3">
				<label class="text-nowrap">
					{{ .PublishDate.Format "2006-01-02" }}
				</label>
				<a class="text-decoration-none" href="{{ .RelPermalink }}">{{ .Title }}</a>
			</div>
			{{ end }}
		</section>
	</main>
</div>
{{ end }}