{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<main id="main" class="main ready">
<section id="ready">
<div id="ready" class="container-fluid">
	<div class="section-header">
		<div class="row">
			<div class="col-lg-12 text-center">
				<h1 class="section-title text-center">{{ .Title }}</h1>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-2">&nbsp;</div>
			<div class="col-lg-8">{{ .Content }}</div>
			<div class="col-lg-2">&nbsp;</div>
		</div>
	</div>
	<div class="row">
	{{ range (.Paginate .Data.Pages.ByDate.Reverse 30).Pages }}
		{{ $imagename := .Param "image" }}
		{{ $imagelocation := (printf "%s/%s" "images/blog/" $imagename) }}
		{{ $imageresource := resources.Get $imagelocation }}
		<article class="post__article col-md-12">
			{{ if $imageresource }}
			<div class="post__thumb">
				{{ $image := $imageresource.Resize "50x50 webp" }}
				<img class="img-fluid" src="{{  $image.RelPermalink }}" width="50" height="50" alt="{{ .Title }}">
			</div>
			{{ end }}
			<a class="post__title btn btn-outline-primary" href="{{ .RelPermalink }}">
				{{ .Title }}
				<br>
				<i>Published on {{ .Date.Format "Monday 2 January 2006" }}</i>
			</a>
		</article>
	{{ end }}
	</div>
	<div class="row">
		<div class="col-lg-4">&nbsp;</div>
		<div class="col-lg-4 text-center">
			{{ template "_internal/pagination.html" . }}
		</div>
		<div class="col-lg-4">&nbsp;</div>
	</div>
</div>
</section>
</main>
{{ partial "footer.html" . }}