<div 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" />
  </div>
  <div class="w-90-ns ph3-ns">
    <h5 class="f4 mv1 berkshire-swash">
      {{ with .homepage }}
        <a href="{{ . }}" class="link color-inherit">
          {{ $.name }}
        </a>
      {{ else }}
        {{ .name }}
      {{ end }}
    </h5>
    <h6 class="f5 fw3 pa0 ma0">{{ .role }}</h6>
    <p class="f6 lh-copy">
      {{ .bio }}
    </p>
    <div class="f4 mt3">
      {{ partial "social_links" . }}
    </div>
  </div>
</div>