[gimp-web/gimp-web-static] Added some nice big images and further styling for front page

[Pat David <patdavid src gnome org>]

commit f77a13e5034c038330ce6d561e972123c5fb5776
Author: Pat David <patdavid gmail com>
Date:   Thu Aug 20 15:12:02 2015 -0500

    Added some nice big images and further styling for front page

 content/images/frontpage/2010-01-C&E_Dragon.png   |  Bin 0 -> 8494793 bytes
 content/images/frontpage/2010-01-dragon-revoy.jpg |  Bin 0 -> 223909 bytes
 content/images/frontpage/Ella_by-David-Revoy.jpg  |  Bin 0 -> 216183 bytes
 content/images/frontpage/sarah.jpg                |  Bin 0 -> 245356 bytes
 themes/newgimp/static/css/home.css                |   25 +++++++++++++++++++-
 themes/newgimp/templates/home.html                |   19 ++++++++++++++++
 6 files changed, 42 insertions(+), 2 deletions(-)
---
diff --git a/content/images/frontpage/2010-01-C&E_Dragon.png b/content/images/frontpage/2010-01-C&E_Dragon.png
new file mode 100644
index 0000000..dca114d
Binary files /dev/null and b/content/images/frontpage/2010-01-C&E_Dragon.png differ
diff --git a/content/images/frontpage/2010-01-dragon-revoy.jpg 
b/content/images/frontpage/2010-01-dragon-revoy.jpg
new file mode 100644
index 0000000..640a334
Binary files /dev/null and b/content/images/frontpage/2010-01-dragon-revoy.jpg differ
diff --git a/content/images/frontpage/Ella_by-David-Revoy.jpg 
b/content/images/frontpage/Ella_by-David-Revoy.jpg
new file mode 100644
index 0000000..dc6e47d
Binary files /dev/null and b/content/images/frontpage/Ella_by-David-Revoy.jpg differ
diff --git a/content/images/frontpage/sarah.jpg b/content/images/frontpage/sarah.jpg
new file mode 100644
index 0000000..598454a
Binary files /dev/null and b/content/images/frontpage/sarah.jpg differ
diff --git a/themes/newgimp/static/css/home.css b/themes/newgimp/static/css/home.css
index 4e8c5c9..eb8d020 100644
--- a/themes/newgimp/static/css/home.css
+++ b/themes/newgimp/static/css/home.css
@@ -134,7 +134,7 @@ nav#menu li#gimp-home {
     height: 300px;
 }
 
-#cap-photos .column.two-thirds h3 {
+#cap-photos .column.two-thirds h3, #cap-painting .column.two-thirds h3 {
     display: inline-block;
     border-bottom: solid 1px #aaa;
     margin-bottom: 1rem;
@@ -145,11 +145,28 @@ nav#menu li#gimp-home {
      */
 }
 
-#cap-photos p {
+#cap-photos p, #cap-painting p {
     text-align: left;
     color: whitesmoke;
 }
 
+#cap-painting {
+    background-color: #0e2426;
+    background-image:linear-gradient(
+                        rgba(0,0,0,0.9),
+                        rgba(0,0,0,0.4),
+                        rgba(0,0,0,0)), 
+                        url('/images/frontpage/2010-01-dragon-revoy.jpg');
+    background-size: cover;
+    background-position: 82% 100%;
+    color: white;
+}
+
+#cap-painting .column.third {
+    height: 300px;
+}
+
+
 #banner h1 {
     margin-right: 0;
     margin-top: -2rem;
@@ -174,6 +191,10 @@ span#gFirst {
     #cap-photos {
         background-image: url('/images/frontpage/dot.jpg');
     }
+    
+    #cap-painting {
+        background-image: url('/images/frontpage/2010-01-dragon-revoy.jpg');
+    }
 
     span#gFirst {
         text-align: left;
diff --git a/themes/newgimp/templates/home.html b/themes/newgimp/templates/home.html
index 89e812b..fc4289c 100644
--- a/themes/newgimp/templates/home.html
+++ b/themes/newgimp/templates/home.html
@@ -86,6 +86,25 @@
     </section>
 
 
+    <section id='cap-painting'>
+        <div class='container'>
+            <div class='row clearfix'>
+                <div class='column two-thirds'>
+                    <h3>Original Artwork Creation</h3>
+                    <p>
+                        GIMP provides the tools for needed for high quality image manipulation.
+                        From retouching to creative composites, the only limit is your imagination.
+                    </p>
+                </div>
+                <div class='column third'>
+                    &nbsp;
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+
     <section style='background: repeating-linear-gradient(-45deg, transparent, transparent 40px, 
rgba(166,166,166,.07) 40px, rgba(166,166,166,.07) 80px);'>
         <div class='container'>
             <div class='row clearfix'>