[gimp-web/testing: 1/4] Added social share links to bottom of news posts



commit 5c46f76377055a734d55fa2555789f9d60c05c1a
Author: Pat David <pat patdavid net>
Date:   Wed Dec 23 18:23:54 2015 -0500

    Added social share links to bottom of news posts

 themes/newgimp/static/css/article.css |    7 +++++++
 themes/newgimp/templates/article.html |   28 ++++++++++++++++++++++++----
 2 files changed, 31 insertions(+), 4 deletions(-)
---
diff --git a/themes/newgimp/static/css/article.css b/themes/newgimp/static/css/article.css
index a4e210b..ed9d184 100644
--- a/themes/newgimp/static/css/article.css
+++ b/themes/newgimp/static/css/article.css
@@ -80,3 +80,10 @@ figure figcaption {
     caption-side: bottom;
     font-weight: 300;
 }
+
+.column.full.social p {
+    max-width: 34rem;
+    font-size: 0.85rem;
+    text-transform: uppercase;
+    text-align: right;
+}
diff --git a/themes/newgimp/templates/article.html b/themes/newgimp/templates/article.html
index 5008114..7d67786 100644
--- a/themes/newgimp/templates/article.html
+++ b/themes/newgimp/templates/article.html
@@ -8,9 +8,16 @@
     <meta name="keywords" content="{{keyword}}" />
   {% endfor %}
 
-  {% for description in article.description %}
-    <meta name="description" content="{{description}}" />
-  {% endfor %}
+  {% if article.description %}
+      {% for description in article.description %}
+        <meta name="description" content="{{description}}" />
+      {% endfor %}
+  {% elif article.summary %}
+    <meta name="description" content="{{ article.summary|striptags }}" />
+    <meta property='og:description' content="{{ article.summary|striptags }}" />
+    <meta itemprop='description' content="{{ article.summary|striptags }}" />
+  {% endif %}
+
 
   {% for tag in article.tags %}
     <meta name="tags" content="{{tag}}" />
@@ -41,6 +48,7 @@
 <section id="content" class="body">
     <div class='container'>
         <div class='row clearfix'>
+
             <div class='column full'>
                 {# <header> #}
 
@@ -73,7 +81,19 @@
                   <div class="entry-content">
                     {{ article.content }}
                   </div><!-- /.entry-content -->
-              </div>
+
+            </div>
+
+            <hr/>
+
+            <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>
+                </p>
+            </div>
+
           </div>
       </div>
 </section>


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]