[gimp-web/gimp-web-static] Added 'Recent News' to intro section on home

[Pat David <patdavid src gnome org>]

commit 0ac67ff929b1c58112a8597d6d36efd59756df25
Author: Pat David <patdavid gmail com>
Date:   Fri Oct 9 13:01:51 2015 -0500

    Added 'Recent News' to intro section on home

 themes/newgimp/static/css/home.css |   29 +++++++++++++++++++++++++++++
 themes/newgimp/templates/home.html |   14 +++++++++++++-
 2 files changed, 42 insertions(+), 1 deletions(-)
---
diff --git a/themes/newgimp/static/css/home.css b/themes/newgimp/static/css/home.css
index e7db8ba..28b83e6 100644
--- a/themes/newgimp/static/css/home.css
+++ b/themes/newgimp/static/css/home.css
@@ -121,6 +121,10 @@ section#introduction p {
     margin-bottom: 0.3rem;
 }
 
+section#introduction .container {
+    max-width: none;
+}
+
 nav#menu li#gimp-home {
     display: none;
 }
@@ -313,3 +317,28 @@ span#gFirst {
         clear: both;
     }
 }
+
+
+/* News Items styling
+ */
+.news-item {
+    margin-bottom: 1rem;
+}
+
+.news-item abbr {
+}
+
+.news-item abbr.news-published {
+    font-size: 0.8rem;
+    display: block;
+    color: #aaa;
+    border-bottom: none;
+}
+
+h2#recent-news {
+    margin-left: 0;
+}
+
+.news-more {
+    float: right;
+}
diff --git a/themes/newgimp/templates/home.html b/themes/newgimp/templates/home.html
index 3c3466f..9184255 100644
--- a/themes/newgimp/templates/home.html
+++ b/themes/newgimp/templates/home.html
@@ -55,7 +55,7 @@
     <section id='introduction'>
         <div class='container'>
             <div class='row clearfix'>
-                <div class='column two-thirds'>
+                <div class='column half'>
                     <h2>The Free &amp; Open Source Image Editor</h2>
                     <p>
                         This is the official GIMP website.<br/>
@@ -71,6 +71,18 @@
                         Grab a properly chilled beverage and enjoy...
                     </p>
                 </div>
+
+                <div class='column half' class='news'>
+                    <h2 id='recent-news'>Recent News</h2>
+                    {% for n in range(4) %}
+                    <div class="news-item">
+                        <a href="{{ articles[n].url }}" class="news-headline">{{ articles[n].title }}</a>
+                        <abbr class="news-published" title="{{ articles[n].date }}">{{ 
articles[n].locale_date }}</abbr>
+                    </div>
+                    {% endfor %}
+                    <div class='news-more'><a href="/news/">Read More News &raquo;</a></div>
+                </div>
+
             </div>
         </div>
     </section>