{{ define "main" }}
<article>
    {{ partial "paige-metadata.html" . }}
    <section>
        {{ with .Params.stretch }}
        <div class="mb-3 mw-100 rounded-4 shadow" style="background-image: url('{{ relLangURL . }}'); background-position: center; background-size: cover; height: 20rem"></div>
        {{ end }}
        {{ with .Params.center }}
        <p class="text-center">
            <img class="mw-100 rounded-4 shadow" src="{{ relLangURL . }}" style="max-height: 20rem">
        </p>
        {{ end }}
        {{ with .Params.greeting }}
        <p class="display-5 fw-bold h2 text-center">{{ . | markdownify }}</p>
        {{ end }}
        {{ with .Params.blurb }}
        <div class="container-fluid">
            <div class="justify-content-center row">
                <div class="col col-auto col-lg-7 px-0">
                    <p class="lead text-center">{{ . | markdownify }}</p>
                </div>
            </div>
        </div>
        {{ end }}
    </section>
    {{ partial "paige-toc.html" . }}
    {{ partial "paige-content.html" . }}
    {{ partial "paige-social.html" . }}
</article>
{{ end }}