{{ define "main" }}
{{ if or .Title .Description }}
<div class="row">
    <div class="col text-center">
        {{ if .Title }}
        <h1 class="display-1 fw-bold">{{ .Title | markdownify }}</h1>
        {{ end }}
        {{ if .Description }}
        <p class="lead">{{ .Description | markdownify }}</p>
        {{ end }}
    </div>
</div>
{{ end }}
{{ if .Params.stretch }}
<div class="row">
    <div class="col pb-3 text-center">
        <div class="rounded-4" style="background-image: url('{{ relURL .Params.stretch }}'); background-position: center; background-size: cover; height: 20rem; max-width: 100%"></div>
    </div>
</div>
{{ end }}
{{ if .Params.center }}
<div class="row">
    <div class="col pb-3 text-center">
        <img alt="Avatar" class="rounded-4" src="{{ relURL .Params.center }}" style="max-height: 20rem; max-width: 100%">
    </div>
</div>
{{ end }}
{{ if .Params.greeting }}
<div class="row">
    <div class="col text-center">
        <h2 class="display-5 fw-bold">{{ .Params.greeting | markdownify }}</h2>
    </div>
</div>
{{ end }}
{{ if .Params.blurb }}
<div class="row">
    <div class="col col-lg-6 mx-auto text-center">
        <div class="lead">{{ .Params.blurb | markdownify }}</div>
    </div>
</div>
{{ end }}
{{ if .Content }}
<div class="row">
    <div class="col">{{ .Content }}</div>
</div>
{{ end }}
{{ if .Site.Social }}
<div class="row">
    <div class="col 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>
</div>
{{ end }}
{{ end }}