{{ define "main" }}
  <header class="mw7 center">
    <h2 class="baskerville f2 lh-title mv3">
      {{ .Title }}
    </h2>

    {{ with .Params.subtitle }}
      <h3 class="f3 baskerville mv3">{{ . }}</h3>
    {{ end }}

    {{ with resources.Get (index .Params.images 0) }}
      {{ $image := .Fill (default "400x400" $.Params.image_size) }}
      <div class="relative">
        <img
          src="{{ $image.RelPermalink }}"
          class="db center"
          alt="{{ .Title }}"
        />
        {{ with $.Params.caption }}
          <a
            href="{{ .url }}"
            class="link near-white absolute bottom-0 right-0 pa2 bg-black-30 br2"
          >
            {{ .text }}
          </a>
        {{ end }}
      </div>
    {{ end }}

    {{ if isset .Params "metadata" }}
      {{ partial "metadata.html" . }}
    {{ end }}
  </header>
  <div class="main-content mw7 center lh-copy f5 f4-ns">
    {{ .Content }}
  </div>
  <div class="f5 f4-ns lh-copy pv2">
    {{ if isset .Params "metadata" }}
      {{ partial "author_card" . }}
    {{ end }}
    {{ partial "post_pager" . }}
  </div>
{{ end }}