<section class="container centered">
  <div class="about h-card">
    {{ if and (isset .Site.Params "avatarurl") (not (isset .Site.Params "gravatar")) }}
    <div class="avatar">
        <a class="u-url u-uid" rel="me" href="{{ .Permalink }}">
            <img class="u-photo" src="{{ .Site.Params.avatarURL | relURL }}" alt="avatar">
        </a>
    </div>
    {{ end }}
    <h1 class="p-name">{{ .Site.Params.author }}</h1>
    <h2>{{ .Site.Params.info }}</h2>
    <div class="p-note">{{ .Site.Params.abstract }}</div>
    <a class="u-key" rel="pgpkey" type="application/pgp-keys" href="{{ .Permalink }}pgp.asc"></a>
    {{ with .Site.Params.social }}
    <ul>
      {{ range sort . "weight" }}
        {{ if .icon }}
          <li>
            <a {{ if (eq .name "Email") }}class="u-email"{{ end }} href="{{ .url | safeURL }}" aria-label="{{ .name }}" {{ if .rel }}rel="{{ .rel }}"{{ end }} {{ if .target }}target="{{ .target }}"{{ end }} {{ if .type }}type="{{ .type }}"{{ end }}>
              <i class="{{ .icon }}" aria-hidden="true"></i>
            </a>
          </li>
        {{ else }}
          <li>
            <a href="{{ .url | safeURL }}" aria-label="{{ .name }}" {{ if .rel }}rel="{{ .rel }}"{{ end }} {{ if .target }}target="{{ .target }}"{{ end }}>{{ .name }}</a>
          </li>
        {{ end }}
      {{ end }}
    </ul>
    {{ end }}
  </div>
</section>