[gimp-web/testing: 2/4] Added styling to social share links

[Pat David <patdavid src gnome org>]

commit 33f1bc692826f392dabaac9d33b02b97e6c41eb5
Author: Pat David <pat patdavid net>
Date:   Wed Dec 23 20:53:41 2015 -0500

    Added styling to social share links

 themes/newgimp/static/css/article.css |    1 +
 themes/newgimp/templates/article.html |    8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)
---
diff --git a/themes/newgimp/static/css/article.css b/themes/newgimp/static/css/article.css
index ed9d184..1c252f4 100644
--- a/themes/newgimp/static/css/article.css
+++ b/themes/newgimp/static/css/article.css
@@ -86,4 +86,5 @@ figure figcaption {
     font-size: 0.85rem;
     text-transform: uppercase;
     text-align: right;
+    font-size: 0.75rem;
 }
diff --git a/themes/newgimp/templates/article.html b/themes/newgimp/templates/article.html
index 7d67786..16030aa 100644
--- a/themes/newgimp/templates/article.html
+++ b/themes/newgimp/templates/article.html
@@ -11,6 +11,8 @@
   {% if article.description %}
       {% for description in article.description %}
         <meta name="description" content="{{description}}" />
+        <meta property='og:description' content="{{ article.description|striptags }}" />
+        <meta itemprop='description' content="{{ article.description|striptags }}" />
       {% endfor %}
   {% elif article.summary %}
     <meta name="description" content="{{ article.summary|striptags }}" />
@@ -88,9 +90,9 @@
 
             <div class='column full social'>
                 <p>
-                Share this post on: <a href="https://plus.google.com/share?url=https://www.gimp.org/{{ 
article.url }}" target="_blank" title="Share this post on Google+">Google+</a> |
-                <a href="https://twitter.com/intent/tweet?url=https://www.gimp.org/{{ article.url }}" 
target="_blank" title="Share this post on twitter">twitter</a> |
-                <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.gimp.org/{{ article.url 
}}" target="_blank" title="Share this post on Facebook">Facebook</a>
+                Share this on: <a href="https://plus.google.com/share?url=https://www.gimp.org/{{ 
article.url|urlencode }}" target="_blank" title="Share this post on Google+">Google+</a> |
+                <a href="https://twitter.com/intent/tweet?url=https://www.gimp.org/{{ article.url|urlencode 
}}" target="_blank" title="Share this post on twitter">twitter</a> |
+                <a href="https://www.facebook.com/sharer/sharer.php?u=https://www.gimp.org/{{ 
article.url|urlencode }}" target="_blank" title="Share this post on Facebook">Facebook</a>
                 </p>
             </div>