{{ define "main" }}
<div class="layout">
	<header class="global-header">
		<nav role="navigation" aria-label="Main navigation">
			<a class="header-link-home" href="/" aria-label="Go to homepage">Home</a>
		</nav>
	</header>

	<div class="content">
		<header class="page-header">
			<h1>My Writing</h1>
			<p>
				I wouldn't exactly call it a blog, given the lack of a regular posting schedule, but there are times
				when I put pen to paper (or fingers to keys), and the result is worth sharing. You might find something
				enjoyable in one of these musings.
			</p>
		</header>

		{{ if .Pages }}
		<ol class="post-list" role="list">
			{{ range .Pages }} {{ $dateISO := .Date.Format "2006-01-02T15:04:05Z07:00" }} {{ $dateHuman := .Date.Format
			"January 2, 2006" }}
			<li role="listitem">
				<a href="{{ .Permalink }}" class="post-list-item-link" aria-label="Read {{ .Title }}">
					<article class="post-list-item" itemscope itemtype="http://schema.org/BlogPosting">
						<header>
							<h2>
								<span itemprop="headline">{{ .Title }}</span>
							</h2>
							<time datetime="{{ $dateISO }}" itemprop="datePublished"> {{ $dateHuman }} </time>
							<meta itemprop="author" content="{{ .Site.Params.author }}" />
						</header>
						<section>
							<p itemprop="description">
								{{ if .Params.description }}{{ .Params.description }}{{ else }}{{ .Summary }}{{ end }}
							</p>
						</section>
					</article>
				</a>
			</li>
			{{ end }}
		</ol>
		{{ else }}
		<p>No posts available at the moment.</p>
		{{ end }}
	</div>
</div>
{{ end }}