@@ -52,6 +52,7 @@ pygmentscodefencesguesssyntax = true

   icon = "fa fa-github fa-2x"

   weight = 1

   url = "https://github.com/jbweston/"

+  rel = "me"

 # [[params.social]]

 #   name = "Gitlab"

 #   icon = "fa fa-gitlab fa-2x"

@@ -62,11 +63,13 @@ pygmentscodefencesguesssyntax = true

   icon = "fa fa-linkedin fa-2x"

   weight = 1

   url = "https://linkedin.com/in/jbostonweston/"

+  rel = "me"

 [[params.social]]

   name = "Email"

   icon = "fa fa-envelope fa-2x"

   weight = 1

   url = "mailto:joseph@weston.cloud"

+  rel = "me"

 [[params.social]]

 name = "RSS"

 icon = "fa fa-rss"

@@ -1,22 +1,22 @@

 <section class="container centered">

-  <div class="about">

+  <div class="about h-card">

     {{ if and (isset .Site.Params "avatarurl") (not (isset .Site.Params "gravatar")) }}

-      {{ with .Site.Params.avatarURL }}

-        <div class="avatar"><img src="{{ . | relURL }}" alt="avatar"></div>

-      {{ end }}

-    {{ end }}

-    {{ with .Site.Params.gravatar }}

-      <div class="avatar"><img src="https://www.gravatar.com/avatar/{{md5 .}}?s=240&d=mp" alt="gravatar"></div>

+    <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>{{ .Site.Params.author }}</h1>

+    <h1 class="p-name">{{ .Site.Params.author }}</h1>

     <h2>{{ .Site.Params.info }}</h2>

-    <div>{{ .Site.Params.abstract }}</div>

+    <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 href="{{ .url | safeURL }}" aria-label="{{ .name }}" {{ if .rel }}rel="{{ .rel }}"{{ end }} {{ if .target }}target="{{ .target }}"{{ end }} {{ if .type }}type="{{ .type }}"{{ end }}>

+            <a class="{{ if (eq .name "Email") }}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>