{{ define "main" }}
  <article class="{{ $.Param "index_article_class"  | default "cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"}}{{ with getenv "HUGO_ENV" }} {{ . }}{{ end }}">
    {{ .Content }}

  {{/* 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 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 */}}
  {{ $section_count := len $section }}
  {{ if ge $section_count 1 }}
    {{/* Derive the section name  */}}
    {{ $section_name := index (.Site.Params.mainSections) 0 }}

    {{ if $.Param "all_post_list" }}
      {{ partial "all-posts-list.html" . }}
    {{ else }}

      <div class="pa3 pa4-ns w-100 w-70-ns center">
        {{/* 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">
              {{ if .Site.Params.index_show_recent }}
              Recent {{ .Title }}:
              {{ else }}
              {{ .Title }}:
              {{ end }}
            </h1>
          {{ end }}

        {{ $n_posts := $.Param "recent_posts_number" | default 3 }}

        <section class="w-100 mw8">
          {{/* Range through the first $n_posts items of the section */}}
          {{ range (first $n_posts $section) }}
            <div class="relative w-100 mb4">
              {{ partial "summary-with-image.html" . }}
            </div>
          {{ end }}
        </section>

        {{ if ge $section_count (add $n_posts 1) }}
        <section class="w-100">
          <h1 class="f3">{{$.Param "index_more_copy" | default "More" }}</h1>
          {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
          {{ range (first 4 (after $n_posts $section))  }}
            <h2 class="f5 fw4 mb4 dib mr3">
              <a href="{{ .URL }}" class="link black dim">
                {{ .Title }}
              </a>
            </h2>
          {{ end }}

          {{/* 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">{{$.Param "index_all_copy" | default "All" }} {{.Title }}</a>
          {{ end }}
          </section>
        {{ end }}

        </div>
      {{ end }}
  {{ end }}

  </article>
{{ end }}