<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>