{{ define "main" }}
|
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
|
{{ .Content }}
|
</main>
|
{{/* Create a variable to use the same section twice. Note that we've included the date here. */}}
|
{{ $section := where .Data.Pages.ByDate.Reverse "Section" "post" }}
|
{{ if $section }}
|
<div class="pa3 pa4-ns w-100 w-70-ns center">
|
|
<h1 class="flex-none">
|
Recent Articles
|
</h1>
|
|
<section class="w-100 mw8">
|
{{ range (first 3 $section) }}
|
<div class="relative w-100 mb4">
|
{{ .Render "summary-with-image" }}
|
</div>
|
{{ end }}
|
</section>
|
|
<section class="w-100">
|
<h1 class="f3">More Posts</h1>
|
{{/* Nest the requirements, "after" then "first" on the outside */}}
|
{{ range (first 4 (after 1 $section)) }}
|
<h2 class="f5 fw4 mb4 dib mr3">
|
<a href="{{ .URL }}" class="link black dim">
|
{{ .Title }}
|
</a>
|
</h2>
|
{{ end }}
|
<a href="/post/" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All Posts</a>
|
</section>
|
|
</div>
|
{{ end }}
|
{{ end }}
|
