{{ define "main" }}
<div class="content">
    <div class="intro" style="min-height: calc(100vh - 150px); display: flex; flex-direction: column; align-items: center; justify-content: center;">
        <img src="/favicon.ico" alt="codeskraps logo" style="width: 64px; height: 64px; margin-bottom: 3rem;" />
        <div class="intro-title" style="font-family: 'Fira Mono', monospace; font-size: 3rem; font-weight: 500; margin-bottom: 3rem;">{{ .Site.Title }}</div>
        {{ with .Site.Params.social }}
        <div class="intro-social" style="display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;">
            {{ range . }}
            <a href="{{ .url }}" {{ with .target }}target="{{ . }}"{{ end }} {{ with .aria }}aria-label="{{ . }}"{{ end }}>
                {{ .name }}
            </a>
            {{ end }}
        </div>
        {{ end }}
    </div>
</div>
{{ end }}