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

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

        {{ if isset .Params "image" }}
        {{ $image := resources.Get .Params.image }}
        {{ $image := $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 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 }}