add pagination and first after examples wip

Bud Parr

11.13.2017 664f5fc3f5ba85b0ac46eae49d17cb605cabb82e

add pagination and first after examples wip

 layouts/index.html

@@ -1,13 +1,23 @@
{{ define "main" }}
{{ $section := where .Data.Pages "Section" "article" }}

  <main class="cf ph3 ph5-l pv3 pv4-l f4 tc center measure-wide lh-copy mid-gray">
    {{ .Content }}
  </main>
  <div class="pa3 pa4-ns">
    {{ $section := where .Data.Pages "Section" "article" }}

    <section class="flex-ns flex-wrap justify-around">
      {{ range sort $section "Date" "desc"  }}
      {{ range sort (first 1 $section) "Date" "desc"  }}
        {{ .Render "summary" }}
        {{ end }}
      </section>
    </section>

    <section class="flex-ns flex-wrap justify-around">
      {{ range sort (first 2 (after 1 $section)) "Date" "desc"  }}
        {{ .Render "summary" }}
        {{ end }}
    </section>


    </div>
{{ end }}

 layouts/section/article.html

@@ -1,13 +1,17 @@
{{ define "main" }}
  {{ $section := where .Data.Pages "Section" .Section }}

  <article class="pa3 pa4-ns nested-copy-line-height nested-img">

    <div class="{{ .Site.Params.copyClass }}">
      {{ .Content }}
    </div>

    {{ $section := .Paginate (where .Data.Pages "Section" .Section) 5 }}
    <section class="flex-ns flex-wrap justify-around mt5">
      {{ range sort $section "Date" "desc"  }}
      {{ range sort $section.Pages "Date" "desc"  }}
        {{ .Render "summary" }}
      {{ end }}
    </section>

  </article>
{{ end }}