[gimp-web/gimp-web-static] Added a footer with styles. Includes links and notices

[Pat David <patdavid src gnome org>]

commit 329fe5329a3d50638277d43538609ec89dd24cf9
Author: Pat David <patdavid gmail com>
Date:   Thu Aug 20 16:54:39 2015 -0500

    Added a footer with styles.  Includes links and notices

 themes/newgimp/static/css/gimp.css |   70 ++++++++++++++++++++++++++++++++++++
 themes/newgimp/templates/base.html |   42 ++++++++++++++++++---
 themes/newgimp/templates/home.html |    3 +-
 3 files changed, 108 insertions(+), 7 deletions(-)
---
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index 13f9764..f7edb3d 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -210,3 +210,73 @@ ol > li > ol {
 ol > li > ol > li > ol {
     list-style-type: lower-roman;
 }
+
+
+footer {
+    padding: 3rem 0;
+    background-color: #0e2426;
+    color: silver;
+    box-shadow: inset 0 7px 15px -5px black;
+}
+
+footer .nav-bottom a {
+    font-family: Lato;
+    text-transform: uppercase;
+    color: whitesmoke;
+}
+
+.nav-bottom {
+    list-style-type: none;
+}
+
+.row.bottom {
+    text-align: center;
+    color: silver;
+    margin-top: 2rem;
+    font-size: 0.85rem;
+}
+
+#nav-btm-gimp-home {
+    margin-left: -1.65rem;
+}
+
+#nav-btm-downloads {
+    margin-left: -1.2rem;
+}
+
+#nav-btm-news {
+    margin-left: -1.4rem;
+}
+
+ media ( max-width: 40rem ){
+
+    ul.nav-bottom {
+        text-align: center;
+        padding-left: 0;
+    }
+
+    ul.nav-bottom li {
+        border-top: dotted 1px #333;
+    }
+
+    ul.nav-bottom li:first-of-type {
+        border-top: none;
+    }
+
+    ul.nav-bottom a {
+        display: block;
+        padding: 1rem 0;
+    }
+
+    #nav-btm-gimp-home {
+        margin-left: 0;
+    }
+
+    #nav-btm-downloads {
+        margin-left: 0;
+    }
+
+    #nav-btm-news {
+        margin-left: 0;
+    }
+}
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index eb27379..45bdbd0 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -105,13 +105,43 @@
         <footer id="contentinfo" class="body">
             <div class="container">
                 <div class="row clearfix">
-                    <div class='column full'>
-                        <address id="about" class="vcard body">
-                        Proudly powered by <a href="http://getpelican.com/";>Pelican</a>,
-                        which takes great advantage of <a href="http://python.org";>Python</a>.
-                        </address><!-- /#about -->
+                    <div class="column third">
+                        <ul class="nav-bottom">
+                            <li id='nav-btm-gimp-home'><a href="/"><img src='/images/wilber-tiny.png'> 
GIMP</a></li>
+                            <li id="nav-btm-downloads"><a href="/downloads/"><i class="fa fa-download"></i> 
Download</a></li>
+                            <li id="nav-btm-news"><a href="/news/"><i class="fa fa-newspaper-o"></i> 
News</a></li>
+                        {% for title, link in MENUITEMS %}
+                            <li><a href="{{ link }}">{{ title }}</a></li>
+                        {% endfor %}
+                        {% if DISPLAY_PAGES_ON_MENU %}
+                          {% for p in PAGES %}
+                            {% if p.parents|length == 1 %}
+                              <li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ 
p.url }}">{{ p.title }}</a></li>
+                            {% endif %}
+                            {# The old way...
+                              {% if not p.parent %}
+                                <li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ 
p.url }}">{{ p.title }}</a></li>
+                              {% endif %}
+                            #}
+                          {% endfor %}
+                        {% else %}
+                          {% if DISPLAY_CATEGORIES_ON_MENU %}
+                            {% for cat, null in categories %}
+                              <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL 
}}/{{ cat.url }}">{{ cat }}</a></li>
+                            {% endfor %}
+                          {% endif %}
+                        {% endif %}
+                        </ul>
                     </div>
-                </div> 
+                    </div> 
+                <div class="row clearfix bottom">
+                    <div class="column half flow-opposite">
+                        <a href="/news.rdf">GIMP News Feed</a> | <a href="/webmasters.html">Contacting Us</a>
+                    </div>
+                    <div class="column half">
+                        &copy; 2001-2014 <a href="/team.html">The GIMP Team</a>
+                    </div>
+                </div>
             </div>
         </footer><!-- /#contentinfo -->
 
diff --git a/themes/newgimp/templates/home.html b/themes/newgimp/templates/home.html
index fc4289c..b9726a7 100644
--- a/themes/newgimp/templates/home.html
+++ b/themes/newgimp/templates/home.html
@@ -56,7 +56,8 @@
                     </p>
                 </div>
 
-                <div class='column third' style="background-color: white; margin-left: 10px; margin-right: 
-10px; padding: 1rem; box-shadow: rgba(127,127,127,1) 2px 2px, rgba(127,127,127,1) 3px 3px, 
rgba(127,127,127,1) 4px 4px, rgba(127,127,127,1) 5px 5px, rgba(127,127,127,1) 6px 6px;">
+                <div class='column third' style="background-color: white; margin-left: 10px; margin-right: 
-10px; padding: 1rem; box-shadow: rgba(127,127,127,1) 2px 2px, rgba(127,127,127,1) 3px 3px, 
rgba(127,127,127,1) 4px 4px, rgba(127,127,127,1) 5px 5px, rgba(127,127,127,1) 6px 6px;     background: 
repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(166,166,166,.07) 40px, 
rgba(166,166,166,.07) 80px);
+    background-color: white;">
                     <h2 style="color: red;">STILL WORKING</h2>
                     <p style='font-size: 0.85rem;color: red;'>
                         I am still in the process of building this site out.  Things are in a great state of 
flux.  For further information on building the new site refer to the <a href="/about/meta">Meta</a> page.