{{ define "main" }}
{{ if .Title }}
<h1 class="display-1 fw-bold text-center">
    {{ if .Params.link }}
    <a href="{{ .Params.link }}">{{ .Title | markdownify }}</a>
    {{ else }}
    {{ .Title | markdownify }}
    {{ end }}
</h1>
{{ end }}
{{ if .Description }}
<p class="lead text-center">{{ .Description | markdownify }}</p>
{{ end }}
{{ if .PublishDate }}
<p class="text-center text-muted"><time datetime="{{ .PublishDate.Format `2006-01-02` }}">{{ .PublishDate.Format "January 2, 2006" }}</time></p>
{{ end }}
{{ if .Params.stretch }}
<div class="rounded-4 shadow" style="background-image: url('{{ relURL .Params.stretch }}'); background-position: center; background-size: cover; height: 20rem; max-width: 100%"></div>
{{ end }}
{{ if .Params.center }}
<p class="text-center">
    <img class="rounded-4 shadow" src="{{ relURL .Params.center }}" style="max-height: 20rem; max-width: 100%">
</p>
{{ end }}
{{ if .Params.greeting }}
<h2 class="display-5 fw-bold text-center">{{ .Params.greeting | markdownify }}</h2>
{{ end }}
{{ if .Params.blurb }}
<section>
    <div class="col col-xl-6 mx-auto">
        <p class="lead text-center">{{ .Params.blurb | markdownify }}</p>
    </div>
</section>
{{ end }}
{{ if .Content }}
{{ .Content }}
{{ end }}
{{ if .Site.Social }}
<section>
    <div class="pb-3 text-center">
        {{ range $k, $v := .Site.Social }}
        <a href="{{ $v }}"><i class="bi bi-{{ $k }} display-6 px-2"></i></a>
        {{ end }}
    </div>
</section>
{{ end }}
{{ end }}