[gimp-web/header-icons] Added icons to all header nav + made larger

[Pat David <patdavid src gnome org>]

commit 47525a6f72384d7dbd18caaf4bf94228fd67bbe3
Author: Pat David <pat patdavid net>
Date:   Fri Nov 27 13:35:10 2015 -0600

    Added icons to all header nav + made larger

 themes/newgimp/static/css/home.css |    9 ++++++
 themes/newgimp/templates/base.html |   50 +++++++++++++++++++++--------------
 2 files changed, 39 insertions(+), 20 deletions(-)
---
diff --git a/themes/newgimp/static/css/home.css b/themes/newgimp/static/css/home.css
index 6f4bd93..849cbe7 100644
--- a/themes/newgimp/static/css/home.css
+++ b/themes/newgimp/static/css/home.css
@@ -144,6 +144,15 @@ nav#menu li#gimp-home {
      */
 }
 
+nav#menu .fa {
+    font-size: 1rem;
+    vertical-align: middle;
+}
+
+nav#menu li {
+    white-space: nowrap;
+}
+
 #cap-photos {
     background-color: #0e2426;
     background-image: linear-gradient(
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index 89a3b7e..50c2f22 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -54,27 +54,33 @@
                 <li id='gimp-home'><a href="/"><img src='/images/wilbericon.svg' id='menuWilber' 
style='width:25px;height:20px;' alt='Tiny Wilber'> GIMP</a></li>
                 <li><a href="/downloads/"><i class="fa fa-download"></i> Download</a></li>
                 <li><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="/{{ p.url }}">{{ p.title 
}}</a></li>
-                {% endif %}
-                {# The old way...
-                  {% if not p.parent %}
-                    <li{% if p == page %} class="active"{% endif %}><a href="/{{ p.url }}">{{ p.title 
}}</a></li>
+                <li><a href="/about/"><i class="fa fa-info-circle"></i> About GIMP</a></li>
+                <li><a href="/docs/"><i class="fa fa-book"></i> Docs</a></li>
+                <li><a href="/develop/"><i class="fa fa-code"></i> Get Involved</a></li>
+                <li><a href="/tutorials/"><i class="fa fa-graduation-cap"></i> Tutorials</a></li>
+
+                {# 
+                # Manually overriding the generation of top-level pages on the navigation, so
+                # commenting out the auto-generation below
+
+                {% 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="/{{ 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="/{{ cat.url }}">{{ cat 
}}</a></li>
+                    {% endfor %}
                   {% endif %}
+                {% endif %}
+
                 #}
-              {% endfor %}
-            {% else %}
-              {% if DISPLAY_CATEGORIES_ON_MENU %}
-                {% for cat, null in categories %}
-                  <li{% if cat == category %} class="active"{% endif %}><a href="/{{ cat.url }}">{{ cat 
}}</a></li>
-                {% endfor %}
-              {% endif %}
-            {% endif %}
 
                 <li><a href="/donating/" style="color:#f57900;"><i class="fa fa-money"></i> Donate</a></li>
 
@@ -135,7 +141,11 @@
                     </div>
                     <div class="column third">
                         <ul class="nav-bottom">
-                            <li id="nav-btm-develop"><a href="/develop/"><i class="fa fa-code fa-fw"></i> 
Get Involved</a></li>
+                            <li id="nav-btm-develop">
+                                <a href="/develop/">
+                                    <i class="fa fa-code fa-fw"></i> Get Involved
+                                </a>
+                            </li>
                             <li id="nav-btm-tutorials"><a href="/tutorials/"><i class="fa fa-graduation-cap 
fa-fw"></i> Tutorials</a></li>
 
                         {#