ananke/layouts/index.html

38 lines
1.1 KiB
HTML
Raw Normal View History

2017-04-11 03:27:13 +02:00
{{ define "main" }}
2017-04-15 03:58:31 +02:00
<main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
2017-04-11 03:27:13 +02:00
{{ .Content }}
</main>
2017-04-15 04:23:18 +02:00
{{/* 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">
2017-04-14 05:01:23 +02:00
2017-04-15 04:23:18 +02:00
<h1 class="flex-none">
Recent Articles
</h1>
2017-04-15 03:58:31 +02:00
<section class="w-100 mw8">
2017-04-15 04:23:18 +02:00
{{ range (first 3 $section) }}
2017-04-15 03:58:31 +02:00
<div class="relative w-100 mb4">
{{ .Render "summary-with-image" }}
</div>
{{ end }}
</section>
<section class="w-100">
2017-04-15 04:23:18 +02:00
<h1 class="f3">More Posts</h1>
2017-04-15 03:58:31 +02:00
{{/* 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 }}
2017-04-15 04:26:23 +02:00
<a href="/post/" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All Posts</a>
2017-04-15 03:58:31 +02:00
</section>
2017-04-14 05:01:23 +02:00
2017-04-14 18:37:12 +02:00
</div>
2017-04-15 04:23:18 +02:00
{{ end }}
2017-04-11 03:27:13 +02:00
{{ end }}