<extend template=base.html />
<title id=title var=$page.title></title>
<head id=head>
<style>
.posts { padding: 0; }
.posts>li { display: block; margin: 2rem 0; }
.posts>li>div { line-height: 2; }
.posts>li>p { line-height: 1.4; }
.posts>li>time, .posts>li>div>.reading-time { color: gray; }
</style>
</head>
<main id=main>
<header>
<h1 var=$page.title></h1>
<em var=$page.description></em>
</header>
<div var=$page.content></div>
<ol class="posts">
<li loop=$page.subpages()>
<time datetime="$loop.it.date.formatHTTP()" var='$loop.it.date.format("January 02, 2006")'></time>
<div>
<a href="$loop.it.permalink()" var="$loop.it.title"></a>
(<span class="reading-time">~<span var="$loop.it.wordCount().div(183)"></span> mins</span>)
</div>
<p var=$page.description></p>
</li>
</ol>
</main>
<footer id=footer></footer>