<article
  class="flex flex-col items-center justify-center text-center {{ if not .Site.Params.homepage.showRecent }}
    h-full
  {{ end }}"
>
  <header class="flex flex-col mb-3">
    {{ with .Site.Author.image }}
      <img class="mb-2 rounded-full w-36 h-36" src="{{ . | absURL }}" />
    {{ end }}
    <h1 class="text-4xl font-extrabold">
      {{ .Site.Author.name | default .Site.Title }}
    </h1>
    <div class="mt-1 text-2xl">
      {{ partialCached "author-links.html" . }}
    </div>
  </header>
  <section class="prose dark:prose-light">{{ .Content | emojify }}</section>
</article>
<section class="text-center">
  {{ partial "recent-articles.html" . }}
</section>