Fixed: #713: Disply likes and boosts on post cards (#744)

This is a basic and simple way to display them. No interaction possible.

Alos, this patch is not optimised. as everytime a partial post_card is
called, `Post::count_likes()` and `Post::count_reshares()` are called
which means quite a few more quesies are sent to database unless diesel
uses some cache mechanisem.

A way to enhance this this would be to keep a count of likes and reshares
are kept in Post model / table.

assets/themes/default/_global.scss

@@ -192,6 +192,27 @@ p.error {
 
   text-overflow: ellipsis;
 
+  footer.authors {
+    div {
+      float: left;
+      margin-right: 0.25em;
+    }
+
+    .likes { color: $red; }
+    .reshares { color: $primary; }
+
+    span.likes, span.resahres {
+      font-family: "Route159",serif;
+      font-size: 1em;
+    }
+
+    svg.feather {
+      width: 0.85em;
+      height: 0.85em;
+    }
+  }
+
+
  	> * {
  	  margin: 20px;
  	}

templates/partials/post_card.rs.html

@@ -17,6 +17,7 @@
         <p class="p-summary" dir="auto">@article.subtitle</p>
     </main>
     <footer class="authors">
+        <div>
             @Html(i18n!(ctx.1, "By {0}"; format!(
                 "<a class=\"p-author h-card\" href=\"{}\">{}</a>",
                 uri!(user::details: name = &article.get_authors(ctx.0).unwrap_or_default()[0].fqn),
@@ -26,8 +27,20 @@
                 ⋅ <span class="dt-published" datetime="@article.creation_date.format("%F %T")">@article.creation_date.format("%B %e, %Y")</span>
             }
             ⋅ <a href="@uri!(blogs::details: name = &article.get_blog(ctx.0).unwrap().fqn, page = _)">@article.get_blog(ctx.0).unwrap().title</a>
+            ⋅
+        </div>
         @if !article.published {
-            ⋅ @i18n!(ctx.1, "Draft")
+            <div>⋅ @i18n!(ctx.1, "Draft")</div>
+        } else {
+            <div>
+                <span class="likes" aria-label="@i18n!(ctx.1, "One like", "{0} likes"; article.count_likes(ctx.0).unwrap_or_default())" title="@i18n!(ctx.1, "One like", "{0} likes"; article.count_likes(ctx.0).unwrap_or_default())">
+                    @icon!("heart") @article.count_likes(ctx.0).unwrap_or_default()
+                </span>
+                ⋅
+                <span class="reshares" aria-label="@i18n!(ctx.1, "One like", "{0} boost"; article.count_reshares(ctx.0).unwrap_or_default())" title="@i18n!(ctx.1, "One boost", "{0} boosts"; article.count_reshares(ctx.0).unwrap_or_default())">
+                    @icon!("repeat") @article.count_reshares(ctx.0).unwrap_or_default()
+                </span>
+            </div>
         }
     </footer>
 </div>