Merge pull request #15508 from meeseeksmachine/auto-backport-of-pr-15489-on-v3.1.x

tacaswell · web-flow · commit 30493fee7a30 · 2019-10-24T22:54:38.000-04:00
Backport PR #15489 on branch v3.1.x (DOC: adding main nav to site)
diff --git a/doc/_static/mpl.css b/doc/_static/mpl.css
@@ -1118,3 +1118,34 @@ div.viewcode-block:target {
 .sidebar-announcement p {
     margin: 0.4em 0.4em 0.6em 0.4em;
 }
+
+/* new main nav */
+nav.main-nav{
+    background-color: #002b47;
+    font-family: Calibri, 'Carlito', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-size: 12px;
+  }
+  
+  nav.main-nav ul{
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: row;
+  }
+  
+  nav.main-nav li{
+    margin: 8px 15px;
+    list-style-type: none;
+  }
+  
+  nav.main-nav a{
+    color: rgba(256, 256, 256, .8);
+    transform: color .2s ease-in-out;
+  }
+  
+  nav.main-nav a:hover{
+    color: white;
+    text-decoration: underline;
+  }
diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
@@ -38,9 +38,6 @@ <h3>{{ _('Navigation') }}</h3>
         {%- endfor %}
 
         <li><a href="{{ pathto('index') }}">home</a>|&nbsp;</li>
-        <li><a href="{{ pathto('gallery/index') }}">examples</a>|&nbsp;</li>
-        <li><a href="{{ pathto('tutorials/index') }}">tutorials</a>|&nbsp;</li>
-        <li><a href="{{ pathto('api/index') }}">API</a>|&nbsp;</li>
         <li><a href="{{ pathto('contents') }}">contents</a> &raquo;</li>
 
         {%- for parent in parents %}
@@ -231,6 +228,16 @@ <h3>{{ _('Navigation') }}</h3>
 
       <div class="clearer"></div>
     </div>
+
+    <nav class="main-nav">
+        <ul>
+            <li><a href="{{ pathto('users/installing') }}">Installation</a></li>
+            <li><a href="{{ pathto('contents') }}">Documentation</a></li>
+            <li><a href="{{ pathto('gallery/index') }}">Examples</a></li>
+            <li><a href="{{ pathto('tutorials/index') }}">Tutorials</a></li>
+            <li><a href="{{ pathto('devel/index') }}">Contributing</a></li>
+        </ul>
+     </nav>
 {%- endblock %}
 
 {%- block footer %}
