Move navbar to top and only show banner on home page

Change-Id: Ie5b69a97ef3c47a8c3c374fde00ed459a17d09d3
Signed-off-by: Daniel Verkamp <[email protected]>

Author: danielverkamp

_doc_header.html

@@ -27,14 +27,8 @@
 
     <div class="row no-gutters">
       <div class="col-sm-12">
-        <section id="banner-header" class="banner-header">
-          <div class="banner-message">
-            <h1>Storage Performance Development Kit</h1>
-            <hr class="banner-divider">
-          </div>
-        </section>
         <section id="nav">
-          <div class="navbar navbar-default banner-tabs">
+          <div class="navbar navbar-default navbar-static-top banner-tabs">
             <ul class="nav navbar-nav">
 
               <li role="presentation">

_includes/banner.html

@@ -0,0 +1,6 @@
+<section id="banner-header" class="banner-header">
+  <div class="banner-message">
+    <h1>{{ site.title }}</h1>
+    <hr class="banner-divider">
+  </div>
+</section>

_includes/header.html

@@ -1,11 +1,5 @@
-<section id="banner-header" class="banner-header">
-  <div class="banner-message">
-    <h1>{{ site.title }}</h1>
-    <hr class="banner-divider">
-  </div>
-</section>
 <section id="nav">
-  <div class="navbar navbar-default banner-tabs">
+  <div class="navbar navbar-default navbar-static-top banner-tabs">
     <ul class="nav navbar-nav">
       {% for box in site.boxes %}
       {% if page.url == box.url %}

_layouts/index.html

@@ -7,6 +7,7 @@
       <div class="row no-gutters">
         <div class="col-sm-12">
           {% include header.html %}
+          {% include banner.html %}
         </div>
       </div>
 

css/spdk.css

@@ -27,6 +27,10 @@ h6 {
     width: 100%;
 }
 
+.navbar-static-top {
+    margin-bottom: 0;
+}
+
 .lead {
     font-size: 18px;
     font-weight: 400;
@@ -36,6 +40,7 @@ h6 {
 .banner-header {
     padding-top: 50px;
     padding-bottom: 0px;
+    margin-bottom: 20px;
     text-align: center;
     color: #f8f8f8;
     background: url(../img/banner-bg.jpg) no-repeat center center;