microformats: add h-card #75

README.md

@@ -58,7 +58,9 @@ menu:
     weight: 0
 
 params:
-  author: ""
+  author: "John Doe"
+  email: mail@example.org # used for microformats
+  avatar: "/images/me.png" # used for microformats
   description: ""
   images:
     - images/og-featured.png # relative path to "static" directory

assets/css/main.css

@@ -462,6 +462,10 @@ ul.language-select > li, ul.footer-menu > li {
     margin-bottom: 1em;
 }
 
+.h-card {
+    display: none;
+}
+
 /* Media Queries */
 
 @media (max-width: 840px) {

layouts/partials/footer.html

@@ -22,5 +22,6 @@
         {{ partial "themeSwitcher.html" . }}   
     </div>
 
+    {{ partial "h-card.html" . }}
     {{ partial "footer-extra.html" . }}
 </footer>

layouts/partials/h-card.html

@@ -0,0 +1,13 @@
+<p class="h-card vcard">
+
+    <a href={{ .Site.BaseURL }} class="p-name u-url url fn" rel="me">{{ .Site.Params.author }}</a> 
+
+    {{ if .Site.Params.email }} 
+        /
+        <a class="p-email u-email email" rel="me" href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a>
+    {{ end }}
+
+    {{ if .Site.Params.avatar }} 
+        <img class="u-photo" src="{{ .Site.Params.avatar }}" />
+    {{ end }}
+</p>