{{ define "hero" }}
  <div
    style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
      , url('{{ .RelPermalink }}')
    {{ end }}; background-position: center;"
    class="pv5"
  >
    <div id="hero" class="mw7 center ph2 near-white lh-copy tc">
      <img src="{{ .Site.Author.avatar }}" class="br-100" />
      <h1 class="f1 mv1">{{ .Site.Author.name }}</h1>
      <h2 class="f3 fw3 pa0 ma0">{{ .Site.Author.role }}</h2>
      <div class="f2">
        {{ partial "social_links" . }}
      </div>
    </div>
  </div>
{{ end }}

{{ define "main" }}
  <div class="stripe-dark"></div>
  {{ range .Paginator.Pages }}
    <div class="stripe-dark">
      <div class="mw7 center pv2 lh-copy f4-ns ph1">
        <h2 class="athelas lh-title f2">
          {{ .Title }}
        </h2>
        {{ with .Content }}
          <div class="main-content">{{ . }}</div>
        {{ end }}

        {{ range where site.RegularPages "Type" "eq" .Params.subsection }}
          {{ partial "post.html" . }}
        {{ end }}
      </div>
    </div>
  {{ end }}
{{ end }}