Add metatags for sharing on twitter (#1255)

misago/templates/misago/base.html

@@ -11,17 +11,23 @@
       {% block meta-extra %}{% endblock meta-extra %}
       {% block og-tags %}
         <meta property="og:site_name" content="{% spaceless %}{% block og-site-name %}{{ settings.forum_name }}{% endblock og-site-name %}{% endspaceless %}" />
+        <meta name="twitter:card" content="summary" />
         <meta property="og:title" content="{% spaceless %}{% block og-title %}{% endblock og-title %}{% endspaceless %}" />
+        <meta name="twitter:title" content="{% spaceless %}{% block twitter-title %}{% endblock twitter-title %}{% endspaceless %}" />
         <meta property="og:description" content="{% spaceless %}{% block og-description %}{{ settings.forum_index_meta_description|default:'' }}{% endblock og-description %}{% endspaceless %}" />
+        <meta name="twitter:description" content="{% spaceless %}{% block twitter-description %}{{ settings.forum_index_meta_description|default:'' }}{% endblock twitter-description %}{% endspaceless %}" />
         <meta property="og:type" content="website" />
         <meta property="og:url" content="{% spaceless %}{% block og-url %}{{ settings.forum_address }}{% endblock og-url %}{% endspaceless %}" />
+        <meta name="name:url" content="{% spaceless %}{% block twitter-url %}{{ settings.forum_address }}{% endblock twitter-url %}{% endspaceless %}" />
         {% block og-image %}
           {% if og_image %}
+            <meta name="twitter:image" content="{% absoluteurl og_image.url %}" />
             <meta property="og:image" content="{% absoluteurl og_image.url %}" />
             <meta property="og:image:width" content="{{ og_image.width }}" />
             <meta property="og:image:height" content="{{ og_image.height }}" />
           {% else %}
             {% static "misago/img/og-image.jpg" as og_image_url %}
+            <meta name="twitter:image" content="{% absoluteurl og_image_url %}" />
             <meta property="og:image" content="{% absoluteurl og_image_url %}" />
             <meta property="og:image:width" content="1200" />
             <meta property="og:image:height" content="630" />

misago/templates/misago/profile/base.html

@@ -13,6 +13,7 @@
 
 
 {% block og-title %}{{ profile.username }}{% endblock %}
+{% block twitter-title %}{{ profile.username }}{% endblock %}
 
 
 {% block og-description %}
@@ -30,12 +31,29 @@
 {% endblock og-description %}
 
 
+{% block twitter-description %}
+  {% blocktrans trimmed with title=profile.get_any_title joined_on=profile.joined_on|date %}
+    {{ title }}, joined on {{ joined_on }}.
+  {% endblocktrans %} {% blocktrans trimmed count posts=profile.posts %}
+    Wrote {{ posts }} post.
+  {% plural %}
+    Wrote {{ posts }} posts.
+  {% endblocktrans %} {% blocktrans trimmed count threads=profile.threads %}
+    Started {{ threads }} thread.
+  {% plural %}
+    Started {{ threads }} threads.
+  {% endblocktrans %}
+{% endblock twitter-description %}
+
+
 {% block og-url %}{% absoluteurl request_path %}{% endblock %}
+{% block twitter-url %}{% absoluteurl request_path %}{% endblock %}
 
 
 {% block og-image %}
 {% if settings.og_image_avatar_on_profile %}
   {% with profile.avatars|first as og_image %}
+    <meta property="twitter:image" content="{% absoluteurl og_image.url %}" />
     <meta property="og:image" content="{% absoluteurl og_image.url %}" />
     <meta property="og:image:width" content="{{ og_image.size }}" />
     <meta property="og:image:height" content="{{ og_image.size }}" />

misago/templates/misago/thread/thread.html

@@ -12,6 +12,7 @@
 
 
 {% block og-title %}{{ thread.title }}{% endblock %}
+{% block twitter-title %}{{ thread.title }}{% endblock %}
 
 
 {% block og-description %}
@@ -25,14 +26,25 @@
 {% endblock og-description %}
 
 
-{% block og-url %}
-{% absoluteurl thread.get_absolute_url %}
-{% endblock og-url %}
+{% block twitter-description %}
+  {% blocktrans trimmed with starter=thread.starter_name started_on=thread.started_on|date category=category.name %}
+    Started by {{ starter }} on {{ started_on }} in the {{ category }} category.
+  {% endblocktrans %} {% blocktrans trimmed count replies=thread.replies with last_post_on=thread.last_post_on|date %}
+    {{ replies }} reply, last one from {{ last_post_on }}.
+  {% plural %}
+    {{ replies }} replies, last one from {{ last_post_on }}.
+  {% endblocktrans %}{% if thread.has_best_answer %} {% trans "Answered." %}{% endif %}{% if thread.has_best_answer %} {% trans "Closed." %}{% endif %}
+{% endblock twitter-description %}
+
+
+{% block og-url %}{% absoluteurl thread.get_absolute_url %}{% endblock %}
+{% block twitter-url %}{% absoluteurl thread.get_absolute_url %}{% endblock %}
 
 
 {% block og-image %}
 {% if settings.og_image_avatar_on_thread and thread.starter %}
   {% with thread.starter.avatars|first as og_image %}
+    <meta property="twitter:image" content="{% absoluteurl og_image.url %}" />
     <meta property="og:image" content="{% absoluteurl og_image.url %}" />
     <meta property="og:image:width" content="{{ og_image.size }}" />
     <meta property="og:image:height" content="{{ og_image.size }}" />