Update site nav with openshift.com redesign

Author: wgordon17

404-commercial.html

@@ -1,3 +1,7 @@
+nav#main {
+  margin-bottom: 15px;
+}
+
 .navbar.navbar-default.navbar-openshift.navbar-origin {
   background:
     linear-gradient(

_stylesheets/docs.css

@@ -1,31 +1,25 @@
-  <footer class="footer-openshift">
+<footer id="rh">
   <div class="container">
     <div class="row">
-      <div class="col-xs-12 col-sm-4 col-md-3 logo">
-        <a href="https://www.redhat.com/"></a>
+      <div class="col-sm-2">
+        <img src="https://assets.openshift.net/content/subdomain/redhat_logo.svg" class="img-fluid" alt="Red Hat" style="height: 40px;">
       </div>
-      <div class="col-xs-12 col-sm-4 col-md-6 text-center">
-        <div class="row">
-          <div class="col-xs-12 col-md-4">
-            <a href="https://www.openshift.com/legal/privacy.html">
-              Privacy Policy
-            </a>
-          </div>
-          <div class="col-xs-12 col-md-4">
-          <a href="https://www.openshift.com/legal/terms.html">
-            Terms and Conditions
-          </a>
-          </div>
-          <div class="col-xs-12 col-md-4">
-          <a href="http://www.openshift.org/">
-            Open Source
-          </a>
-          </div>
-        </div>
+
+      <div class="col-sm-3">
+        <p>Copyright © 2018 <span class="text-nowrap">Red Hat, Inc.</span></p>
+      </div>
+
+      <div class="col-sm-5">
+        <nav class="nav">
+          <a href="https://www.redhat.com/en/about/privacy-policy" class="nav-link">Privacy statement</a>
+          <a href="https://www.openshift.com/legal/terms/" class="nav-link">Terms of use</a>
+          <a href="https://www.redhat.com/en/about/all-policies-guidelines" class="nav-link">All policies and guidelines</a>
+        </nav>
       </div>
-      <div class="col-xs-12 col-sm-4 col-md-3 text-right">
-        <a id="built_with_asciibinder" href="http://asciibinder.org/">
-          <img src="<%= File.join(images_path, 'asciibinder_web_logo.svg') %>" alt="AsciiBinder" />
+
+      <div class="hidden-sm col-sm-2 powered-by">
+        <a href="https://www.openshift.com/" title="Powered by OpenShift Online">
+          <img src="https://www.openshift.com/images/logos/powered_by_openshift_reverse.png" alt="Powered by OpenShift Online">
         </a>
       </div>
     </div>
@@ -38,4 +32,4 @@ if (("undefined" !== typeof _satellite) && ("function" === typeof _satellite.pag
    _satellite.pageBottom();
 }
 </script>
-<!-- End Adobe DTM -->
+<!-- End Adobe DTM -->

_templates/_footer_other.html.erb

@@ -14,6 +14,7 @@
   <link href="<%= File.join(css_path, 'search.css') %>" rel="stylesheet" />
   <link href="https://assets.openshift.net/content/subdomain/touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" type="image/png">
   <link href="https://assets.openshift.net/content/subdomain/favicon32x32.png" rel="shortcut icon" type="text/css">
+  <link href="https://assets.openshift.net/content/osh-nav-footer.css" rel="stylesheet" type="text/css" media="screen, print" />
   <!--[if IE]><link rel="shortcut icon" href="https://assets.openshift.net/content/subdomain/favicon.ico"><![endif]-->
   <!-- or, set /favicon.ico for IE10 win -->
   <meta content="OpenShift" name="application-name">
@@ -29,6 +30,7 @@
   <![endif]-->
   <script src="https://assets.openshift.net/content/modernizr.js" type="text/javascript"></script>
   <script src="https://assets.openshift.net/content/subdomain.js" type="text/javascript"></script>
+  <script src="https://assets.openshift.net/content/nav-tertiary.js" type="text/javascript"></script>
   <script src="<%= File.join(javascripts_path, "bootstrap-offcanvas.js") %>" type="text/javascript"></script>
   <script src="<%= File.join(javascripts_path, "reformat-html.js") %>" type="text/javascript"></script>
   <script src="<%= File.join(javascripts_path, "hc-search.js") %>" type="text/javascript"></script>