Add microformat tags (#341)

Close #229 
Adding `<div>` might have broken the layout in some places. I've tried to fix it, tell me if I missed it somewhere

templates/blogs/details.rs.html

@@ -10,12 +10,21 @@
 @:base(ctx, blog.title.as_ref(), {}, {
     <a href="@uri!(blogs::details: name = &fqn)">@blog.title</a>
 }, {
-    <h1>@blog.title <small>~@fqn</small></h1>
+<div class="hidden">
+    @for author in authors {
+        <div class="h-card">
+            <span class="p-name">@author.name(ctx.0)</span>
+            <a class="u-url" href="@author.ap_url"></a>
+	</div>
+    }
+</div>
+<div class="h-feed">
+    <h1><span class="p-name">@blog.title</span> <small>~@fqn</small></h1>
     <p>@blog.summary</p>
     <p>
         @i18n!(ctx.1, "One author in this blog: ", "{0} authors in this blog: ", authors.len())
         @for author in authors {
-            <a class="author" href="@uri!(user::details: name = author.get_fqn(ctx.0))">@author.name(ctx.0)</a>
+            <a class="author p-author" href="@uri!(user::details: name = author.get_fqn(ctx.0))">@author.name(ctx.0)</a>
         }
     </p>
     <p>
@@ -40,6 +49,7 @@
         </div>
         @paginate(ctx.1, page, n_pages)
     </section>
+</div>
     @if is_author {
         <h2>@i18n!(ctx.1, "Danger zone")</h2>
         <p>@i18n!(ctx.1, "Be very careful, any action taken here can't be cancelled.")</p>