<article class="mw7 center pa4 flex flex-column flex-row-ns bt b--black-10">
  <div class="w-10-ns tc">
    <img src="{{ .avatar }}" class="br-100 w3" alt="{{ .name }}" />
  </div>
  <div class="w-90-ns ph3-ns">
    <h5 class="f4 mv0 berkshire-swash">
      <a href="{{ (default .path .homepage) }}" class="link color-inherit">
        {{ .name }}
      </a>
    </h5>
    <h6 class="f5 fw3 pa0 ma0">{{ .role | markdownify }}</h6>
    <p class="f6 lh-copy">
      {{ .bio }}
    </p>
    <div class="f4 mt3">
      {{ partial "social_links" . }}
    </div>
  </div>
</article>