Hide social button when not connected

Fixes #143

po/de.po

@@ -333,3 +333,6 @@ msgid "One author in this blog: "
 msgid_plural "{{ count }} authors in this blog: "
 msgstr[0] "Du bist kein Autor in diesem Blog."
 msgstr[1] "Du bist kein Autor in diesem Blog."
+
+msgid "Login or use your Fediverse account to interact with this article"
+msgstr ""

po/en.po

@@ -326,3 +326,6 @@ msgid "One author in this blog: "
 msgid_plural "{{ count }} authors in this blog: "
 msgstr[0] ""
 msgstr[1] ""
+
+msgid "Login or use your Fediverse account to interact with this article"
+msgstr ""

po/fr.po

@@ -327,3 +327,6 @@ msgid "One author in this blog: "
 msgid_plural "{{ count }} authors in this blog: "
 msgstr[0] "{{ count }} aut⋅eur⋅rice dans ce blog : "
 msgstr[1] "{{ count }} aut⋅eur⋅rice⋅s dans ce blog : "
+
+msgid "Login or use your Fediverse account to interact with this article"
+msgstr "Connectez-vous ou utilisez votre compte sur le Fediverse pour interagir avec cet article"

po/pl.po

@@ -336,5 +336,8 @@ msgstr[0] "Nie jesteś autorem tego bloga."
 msgstr[1] "Nie jesteś autorem tego bloga."
 msgstr[2] "Nie jesteś autorem tego bloga."
 
+msgid "Login or use your Fediverse account to interact with this article"
+msgstr ""
+
 #~ msgid "Logowanie"
 #~ msgstr "Zaloguj się"

po/plume.pot

@@ -319,3 +319,6 @@ msgid "One author in this blog: "
 msgid_plural "{{ count }} authors in this blog: "
 msgstr[0] ""
 msgstr[1] ""
+
+msgid "Login or use your Fediverse account to interact with this article"
+msgstr ""

static/main.css

@@ -22,6 +22,13 @@ a, a:visited {
 	outline: none;
 }
 
+.center {
+	text-align: center;
+	font-weight: bold;
+	opacity: 0.6;
+	padding: 5em;
+}
+
 /*
  * == Header ==
  */

templates/posts/details.html.tera

@@ -36,6 +36,7 @@
     <div class="article-meta">
         <p>{{ "This article is under the {{ license }} license." | _(license=post.license) }}</p>
 
+        {% if account %}
             <div class="actions">
                 <form class="likes" action="like" method="POST">
                     <p aria-label="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}" title="{{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}">{{ n_likes }}</p>
@@ -56,6 +57,9 @@
                     {% endif %}
                 </form>
             </div>
+        {% else %}
+            <p class="center">{{ "Login or use your Fediverse account to interact with this article" | _ }}</p>
+        {% endif %}
 
         <div class="comments">
             <h2>{{ "Comments" | _ }}</h2>