header and footer nav update

Author: chrismoroney

assets/css/cross-page.css

@@ -175,12 +175,7 @@ table tbody td {
 /* CLS fix: reserve space for nav before hydration */
 arm-top-navigation:not(:defined) {
     display: block;
-    min-height: 80px;
-}
-@media (max-width: 1024px) {
-    arm-top-navigation:not(:defined) {
-        min-height: 60px;
-    }
+    min-height: 60px;
 }
 
 /* Fix global nav height */
@@ -189,23 +184,18 @@ arm-top-navigation:not(:defined) {
 /*************************************/
 #global-nav-height-fixer {
     max-width: 100vw;
-    height: 80px;
+    height: 60px;
     overflow: hidden;
     position: relative;
     top: 0;
 }
-@media (max-width: 1024px) { /* smaller screens than LG */
-        #global-nav-height-fixer {
-            height: 60px;
-        }
-}
 .nav-transparent {
-    background: transparent;
-    background-color: transparent;
+    background: var(--ads-ui-ink-100);
+    background-color: var(--ads-ui-ink-100);
 }
 .nav-black {
-    background: #010101;
-    background-color: #010101;  
+    background: var(--ads-ui-ink-100);
+    background-color: var(--ads-ui-ink-100);
 }
 
 /* Fix Masthead Height */

themes/arm-design-system-hugo-theme/layouts/partials/footer/footer.html

@@ -9,5 +9,5 @@
 */}}
 
 <div id="arm-footer">
-  <arm-footer-navigation></arm-footer-navigation>
+  <arm-footer-navigation lang="en" theme="dark"></arm-footer-navigation>
 </div>

themes/arm-design-system-hugo-theme/layouts/partials/head/head.html

@@ -55,8 +55,13 @@
   integrity="sha384-caAG7P/HrHxcdQa2gTEfvZYGPLQk7yRwVdvtRn6sa3TRKzcAyY1LMvObXKGhwFNb"
   crossorigin="anonymous">
 </script>
-    <!-- Arm Header & Footer loading -->
-<script  type="text/javascript"  src="https://www.arm.com/arm-global-web-components/devhub/app.js" ></script>
+    <!-- Arm Header & Footer loading.
+         TODO: Replace the test bundle with its production URL when Arm publishes it. -->
+<script
+  type="text/javascript"
+  src="https://www.arm.com/arm-global-web-components/devhub/test.js"
+  defer>
+</script>
 
 
 

themes/arm-design-system-hugo-theme/layouts/partials/header/nav-masthead.html

@@ -7,8 +7,16 @@
 
   <!-- No masthead on homepage, as that has a special gradient look/feel -->
   {{ if .IsHome }}
-     <div id="global-nav-height-fixer" class="nav-black">
-        <arm-top-navigation observe="#breadcrumb-element"></arm-top-navigation> <!-- to set to all black all the time: observe="head" -->
+    <div id="global-nav-height-fixer" class="nav-black">
+        <arm-top-navigation
+          observe="#breadcrumb-element"
+          desktopbreakpoint="1200"
+          theme="dark"
+          hostname="learn.arm.com"
+          enable-ui-route="true"
+          lang="en"
+          disabled-subnav-animation>
+        </arm-top-navigation> <!-- to set to all black all the time: observe="head" -->
     </div>
     <div id="only-breadcrumb-masthead">
         <div class="is-responsive-width">
@@ -20,7 +28,15 @@
     <div id="nav-masthead-breadcrumbs">
         <!-- Global Nav -->
         <div id="global-nav-height-fixer" class="nav-transparent">
-            <arm-top-navigation observe="#breadcrumb-element"></arm-top-navigation>
+            <arm-top-navigation
+              observe="#breadcrumb-element"
+              desktopbreakpoint="1200"
+              theme="dark"
+              hostname="learn.arm.com"
+              enable-ui-route="true"
+              lang="en"
+              disabled-subnav-animation>
+            </arm-top-navigation>
         </div>
         <!-- Masthead -->
         <div id="expanded-masthead" class="u-bg-color-ads-ui-violet-90">