{{ define "main" }}
{{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
<div class="flex flex-col items-center justify-center text-center">
    {{ with .Site.Params.Author.image }}
      {{ $authorImage := "" }}
      {{ if or (strings.HasPrefix . "http:") (strings.HasPrefix . "https:") }}
        {{ $authorImage = resources.GetRemote . }}
       {{ else }}
        {{ $authorImage = resources.Get . }}
       {{ end }}
       {{ if $authorImage }}
        {{ if not $disableImageOptimization }}
         {{ $authorImage = $authorImage.Fill "192x192" }}
       {{ end }}
       <img class="mb-2 rounded-full h-36 w-36 medium-zoom-image" width="144" height="144"
       alt="{{ $.Site.Params.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}">
      {{ else }}
       {{ $authorImage := resources.GetRemote . }}
       {{ if not $disableImageOptimization }}
         {{ $authorImage = $authorImage.Fill "192x192" }}
       {{ end }}
       <img class="mb-2 rounded-full h-36 w-36 medium-zoom-image" width="144" height="144"
       alt="{{ $.Site.Params.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
      {{ end }}
    {{ end }}

    {{ with .Site.Params.Author.name | markdownify }}
    <div class="font-extrabold leading-6 text-neutral-800 dark:text-neutral-300">
      {{ . }}
    </div>
    {{ end }}
</div>
  <article class="max-w-full">
    <header>
      <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
        {{ .Title | emojify }}
      </h1>
    </header>
    <section class="max-w-full mt-6 prose dark:prose-invert">
      {{ partial "linktree-list.html" . }}
    </section>
  </article>
{{ end }}