<extend template=base.shtml> <title id=title :text=$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 :text=$page.title></h1> <em :text=$page.description></em> </header> <div :html=$page.content()></div> <ol class="posts"> <li :loop=$page.subpages()> <time datetime="$loop.it.date.formatHTTP()" :text='$loop.it.date.format("January 02, 2006")'></time> <div> <a href="$loop.it.link()" :text="$loop.it.title"></a> (<span class="reading-time">~<span :text="$loop.it.wordCount().div(183)"></span> mins</span>) </div> <p :text=$page.description></p> </li> </ol> </main> <footer id=footer></footer>