| | |
| | | <main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"> |
| | | {{ .Content }} |
| | | </main> |
| | | {{/* For Hugo 0.20 this will default to the section with the most number of pages. */}} |
| | | {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}} |
| | | {{ $mainSections := .Site.Params.mainSections | default (slice "post") }} |
| | | {{/* Create a variable to use the same section twice. */}} |
| | | {{/* Create a variable with that section to use in multiple places. */}} |
| | | {{ $section := where .Site.RegularPages "Section" "in" $mainSections }} |
| | | {{/* Check to see if the section is defined for ranging through it */}} |
| | | {{ if $section }} |
| | | |
| | | {{/* Derive the section name by creating a string from the initial section definition */}} |
| | | {{ $section_name := printf "%s" (delimit ($mainSections) " ") }} |
| | | |
| | | <div class="pa3 pa4-ns w-100 w-70-ns center"> |
| | | |
| | | <h1 class="flex-none"> |
| | | Recent Articles |
| | | </h1> |
| | | {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}} |
| | | {{ with .Site.GetPage "section" $section_name }} |
| | | <h1 class="flex-none"> |
| | | Recent {{ .Title }} |
| | | </h1> |
| | | {{ end }} |
| | | |
| | | <section class="w-100 mw8"> |
| | | {{/* Range through the first three items of the section */}} |
| | | {{ range (first 3 $section) }} |
| | | <div class="relative w-100 mb4"> |
| | | {{ partial "summary-with-image.html" . }} |
| | |
| | | </section> |
| | | |
| | | <section class="w-100"> |
| | | <h1 class="f3">More Posts</h1> |
| | | {{/* Nest the requirements, "after" then "first" on the outside */}} |
| | | |
| | | <h1 class="f3">More</h1> |
| | | |
| | | {{/* Now, range through the next four after the initial 3 items. Nest the requirements, "after" then "first" on the outside */}} |
| | | {{ range (first 4 (after 3 $section)) }} |
| | | <h2 class="f5 fw4 mb4 dib mr3"> |
| | | <a href="{{ .URL }}" class="link black dim"> |
| | |
| | | </a> |
| | | </h2> |
| | | {{ end }} |
| | | <a href="/post/" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All Posts</a> |
| | | </section> |
| | | |
| | | </div> |
| | | {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}} |
| | | {{ with .Site.GetPage "section" $section_name }} |
| | | <a href="{{ .URL }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">All {{.Title }}</a> |
| | | {{ end }} |
| | | |
| | | </section> |
| | | |
| | | </div> |
| | | {{ end }} |
| | | {{ end }} |