Backport PR matplotlib#15489: DOC: adding main nav to site

story645 · MeeseeksDev[bot] · commit 1d8ee3a03ee1 · 2019-10-25T01:08:17.000Z
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
@@ -2,9 +2,6 @@
 
 {%- block rootrellink %}
         <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>
 {%- endblock %}
 
@@ -45,6 +42,16 @@
     <!-- The "Fork me on github" ribbon -->
     <div id="forkongithub"><a href="https://github.com/matplotlib/matplotlib">Fork me on GitHub</a></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 sidebar1 %}{{ sidebar() }}{% endblock %}
