From 02b08b1b0cbfda8ec5f3ad32fd943e2f14b77cd1 Mon Sep 17 00:00:00 2001
From: Scott Butler <sbutler@redhat.com>
Date: Wed, 5 Oct 2016 11:12:08 -0700
Subject: [PATCH] Added new nav breadcrumbs

---
 docsite/_themes/srtd/layout.html          | 58 ++++++++------
 docsite/_themes/srtd/static/css/theme.css | 92 +++++++++++++++++++++++
 2 files changed, 126 insertions(+), 24 deletions(-)

diff --git a/docsite/_themes/srtd/layout.html b/docsite/_themes/srtd/layout.html
index cb532191e6e..f127a589c79 100644
--- a/docsite/_themes/srtd/layout.html
+++ b/docsite/_themes/srtd/layout.html
@@ -20,6 +20,9 @@
   </script>
   <!-- End Google Tag Manager Data Layer -->
 
+
+
+
   {% block htmltitle %}
   <title>{{ title|striptags|e }}{{ titlesuffix }}</title>
   {% endblock %}
@@ -125,6 +128,16 @@
   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSB293');</script>
   <!-- End Google Tag Manager -->
 
+    <div class="DocSite-globalNav ansibleNav">
+        <ul>
+            <li><a href="https://www.ansible.com/ansiblefest" target="_blank">AnsibleFest</a></li>
+            <li><a href="https://www.ansible.com/tower" target="_blank">Products</a></li>
+            <li><a href="https://www.ansible.com/community" target="_blank">Community</a></li>
+            <li><a href="https://www.ansible.com/webinars-training" target="_blank">Webinars & Training</a></li>
+            <li><a href="https://www.ansible.com/blog" target="_blank">Blog</a></li>
+        </ul>
+    </div>
+
   <a class="DocSite-nav" href="http://docs.ansible.com/">
     <img class="DocSiteNav-logo"
       src="{{ pathto('_static/', 1) }}images/logo_invert.png"
@@ -158,13 +171,24 @@
             {{ toc }}
         {% endif %}
 
-<!-- changeable widget -->
-<center>
-<br/>
-<a href="http://www.ansible.com/docs-left?utm_source=docs">
-    <img style="border-width:0px;" src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-left-rail.png" />
-</a>
-</center>
+
+    <div class="DocSite-sideNav ansibleNav">
+       <ul class="">
+       <li><a href="https://www.ansible.com/ansiblefest" target="_blank">AnsibleFest</a></li>
+       <li><a href="https://www.ansible.com/tower" target="_blank">Products</a></li>
+       <li><a href="https://www.ansible.com/community" target="_blank">Community</a></li>
+       <li><a href="https://www.ansible.com/webinars-training" target="_blank">Webinars & Training</a></li>
+       <li><a href="https://www.ansible.com/blog" target="_blank">Blog</a></li>
+       </ul>
+     </div>
+    
+    <!-- changeable widget -->
+    <div id="sideBanner">
+    <br/>
+    <a href="http://www.ansible.com/docs-left?utm_source=docs">
+      <img style="border-width:0px;" src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-left-rail.png" />
+    </a>
+    </div>
 
 
       </div>
@@ -184,7 +208,7 @@
       <div class="wy-nav-content">
         <div class="rst-content">
 
-          <!-- Banner ads -->
+          <!-- Banner ads 
           <div class="DocSiteBanner">
             <a class="DocSiteBanner-imgWrapper"
                 href="http://www.ansible.com/docs-top?utm_source=docs">
@@ -194,7 +218,7 @@
                 href="http://www.ansible.com/docs-top?utm_source=docs">
                 <img src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-top-right.png">
             </a>
-        </div>
+        </div> -->
 
           {% include "breadcrumbs.html" %}
           <div id="page-content">
@@ -210,18 +234,4 @@
   </div>
   {% include "versions.html" %}
 
-<!-- begin analytics -->
-<script type="text/javascript">
-var _hsq = _hsq || [];
-_hsq.push(["setContentType", "standard-page"]);
-        (function(d,s,i,r) {
-        if (d.getElementById(i)){return;}
-        var n = d.createElement(s),e = document.getElementsByTagName(s)[0];
-        n.id=i;n.src = '//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/330046.js';
-        e.parentNode.insertBefore(n, e);
-        })(document, "script", "hs-analytics",300000);
-</script>
-<!-- end analytics -->
-
-</body>
-</html>
+<!-- begin 
\ No newline at end of file
diff --git a/docsite/_themes/srtd/static/css/theme.css b/docsite/_themes/srtd/static/css/theme.css
index 45626fa02ee..24850de0ab3 100644
--- a/docsite/_themes/srtd/static/css/theme.css
+++ b/docsite/_themes/srtd/static/css/theme.css
@@ -4765,4 +4765,96 @@ table {
     #google_image_div {
         display: none !important;
     }
+}
+
+
+#sideBanner{
+    display: none;
+}
+
+.DocSite-globalNav {
+   display: none;
+}
+
+
+.DocSite-sideNav {
+   display: block;
+    margin-bottom: 40px;
+}
+
+.ansibleNav {
+   background: #000;
+   padding: 0px 20px;
+   width: auto;
+   border-bottom: 1px solid #444;
+   font-size: 14px;
+}
+
+.ansibleNav ul {
+    list-style: none;
+    padding-left: 0px;
+    margin-top: 0px;
+}
+
+    
+.ansibleNav ul li{
+    padding: 7px 0px;
+    border-bottom: 1px solid #444;
+}
 
+.ansibleNav ul li:last-child{
+    border: none;
+}
+
+.ansibleNav ul li a {
+    color: #fff;
+   text-decoration: none;
+   text-transform: uppercase;
+   padding: 6px 0px;
+}
+.ansibleNav ul li a:hover {
+    color: #5bbdbf ;
+    background: transparent;
+}
+ 
+@media screen and (min-width: 768px) {
+    
+    .DocSite-globalNav{
+        display: block
+    }
+    
+    #sideBanner{
+        display: block;
+    }
+    
+    .DocSite-sideNav{
+        display: none;
+    }
+    
+    .ansibleNav{
+        height: 45px;
+        width: 100%;
+        font-size: 13px;
+        padding: 0px 60px 0px 0px;
+    }
+
+    .ansibleNav ul {
+        float: right;
+        display: flex;
+        flex-wrap: nowrap;
+        margin-top: 13px;
+    }
+    
+        
+    .ansibleNav ul li{
+        padding: 0px;
+        border-bottom: none;
+    }
+    
+    .ansibleNav ul li a {
+        color: #fff;
+        text-decoration: none;
+        text-transform: uppercase;
+        padding: 8px 13px;
+    }
+}