<article
  class="max-w-screen-md mx-auto p-8 md:flex md:flex-row items-start border-t"
>
  <img
    src="{{ .avatar }}"
    class="rounded-full w-16 mx-auto md:m-4"
    alt="{{ .name }}"
  />
  <div class="">
    <h5 class="my-0 berkshire-swash">
      <a href="{{ (default .path .homepage) }}" class="">
        {{ .name }}
      </a>
    </h5>
    <h6 class="font-light p-0 m-0">{{ .role | markdownify }}</h6>
    <p class="mt-3">
      {{ .bio }}
    </p>
    <div class="text-xl mt-4">
      {{ partial "social_links" . }}
    </div>
  </div>
</article>