posts.shtml (1122B)
1 <extend template="base.shtml"> 2 <div id="content"> 3 <style> 4 .post { 5 margin-block: 1em; 6 color: #711; 7 font-size: 0.9em; 8 border: 1px solid lightpink; 9 border-radius: calc(3px / 0.4142135623730951); 10 padding: 3px; 11 } 12 .post > .post-title { 13 margin-block-end: 0.1em; 14 } 15 </style> 16 <main> 17 <div class="hierarchical limit-children" :html="$page.content()"></div> 18 <div class="limit-children" :loop="$page.subpages()"> 19 <section class="post"> 20 <h3 class="post-title"> 21 <a href="$loop.it.link()" :text="$loop.it.title"></a> 22 </h3> 23 <tags> 24 <time class="date" datetime="$loop.it.date.format('2006-01-02 15:04:05MST')" :text="$loop.it.date.format('2006-01-02')"></time> 25 <author :text="$loop.it.author"></author> 26 <reading-time> 27 <time :text="$loop.it.wordCount().div(220).plus(1)"></time> 28 min read<!----> 29 </reading-time> 30 <ctx :loop="$loop.it.tags"> 31 <tag :text="$loop.it"></tag> 32 </ctx> 33 </tags> 34 </section> 35 </div> 36 </main> 37 </div>