[gimp-web/gimp-web-static] Added section 'programming algorithms' to home page

[Pat David <patdavid src gnome org>]

commit 38a3cc6e45f9fd4be3b5747a3561ab440cfc8128
Author: Pat David <patdavid gmail com>
Date:   Tue Aug 25 11:40:27 2015 -0500

    Added section 'programming algorithms' to home page

 content/images/frontpage/wavelet.png |  Bin 0 -> 11830 bytes
 themes/newgimp/static/css/home.css   |   35 ++++++++++++++++++++++++++++-----
 themes/newgimp/templates/home.html   |   28 ++++++++++++++++++++++++--
 3 files changed, 54 insertions(+), 9 deletions(-)
---
diff --git a/content/images/frontpage/wavelet.png b/content/images/frontpage/wavelet.png
new file mode 100644
index 0000000..d61d18d
Binary files /dev/null and b/content/images/frontpage/wavelet.png differ
diff --git a/themes/newgimp/static/css/home.css b/themes/newgimp/static/css/home.css
index 9faf17a..1e19344 100644
--- a/themes/newgimp/static/css/home.css
+++ b/themes/newgimp/static/css/home.css
@@ -136,22 +136,35 @@ nav#menu li#gimp-home {
     height: 300px;
 }
 
-#cap-photos .column.two-thirds h3, #cap-painting .column.two-thirds h3 {
+.cap h3 {
     display: inline-block;
     border-bottom: solid 1px #aaa;
     margin-bottom: 1rem;
 }
 
-#cap-photos .column.two-thirds {
-    /* background-color: rgba(0, 0, 0, 0.33);
-     */
-}
-
 #cap-photos p, #cap-painting p {
     text-align: left;
     color: whitesmoke;
 }
 
+#cap-algorithms p {
+    text-align: left;
+}
+
+#cap-algorithms {
+    background-image: linear-gradient(
+                    rgba( 255, 255, 255, 1 ),
+                    rgba( 255,255,255,1),
+                    rgba( 255,255,255,0.5 ) ),
+                    url('/images/frontpage/wavelet.png');
+    background-position: 0 0;
+    background-repeat: no-repeat;
+}
+
+#cap-algorithms .column.third {
+    height: 100px;
+}
+
 #cap-painting {
     background-color: #0e2426;
     background-image:linear-gradient(
@@ -198,6 +211,16 @@ span#gFirst {
         background-image: url('/images/frontpage/2010-01-dragon-revoy.jpg');
     }
 
+    #cap-algorithms {
+        background-image: linear-gradient(
+                    to right,
+                    rgba( 255, 255, 255, 1 ),
+                    rgba( 255,255,255,1),
+                    rgba( 255,255,255,0.5 ) ),
+                    url('/images/frontpage/wavelet.png');
+        background-position: 100% 0;
+    }
+
     span#gFirst {
         text-align: left;
     }
diff --git a/themes/newgimp/templates/home.html b/themes/newgimp/templates/home.html
index c88c9a2..43c6032 100644
--- a/themes/newgimp/templates/home.html
+++ b/themes/newgimp/templates/home.html
@@ -68,7 +68,7 @@
         </div>
     </section>
 
-    <section id='cap-photos'>
+    <section id='cap-photos' class='cap'>
         <div class='container'>
             <div class='row clearfix'>
                 <div class='column third'>
@@ -86,7 +86,7 @@
     </section>
 
 
-    <section id='cap-painting'>
+    <section id='cap-painting' class='cap'>
         <div class='container'>
             <div class='row clearfix'>
                 <div class='column two-thirds'>
@@ -105,7 +105,7 @@
     </section>
 
 
-    <section id='cap-graphics'>
+    <section id='cap-graphics' class='cap'>
         <div class='container'>
             <div class='row clearfix'>
                 <div class='column third'>
@@ -123,6 +123,28 @@
     </section>
 
 
+    <section id='cap-algorithms' class='cap'>
+        <div class='container'>
+            <div class='row clearfix'>
+
+                <div class='column two-thirds'>
+                    <h3>Programming Algorithms</h3>
+                    <p>
+                        GIMP is a high quality application for producing icons,
+                        graphical design elements, and art for user interface components.
+                    </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'>