From bc1bcb53ab4eebc396760707aa4bdf23cdd36b64 Mon Sep 17 00:00:00 2001
From: hzoppetti <hzoppetti@linode.com>
Date: Wed, 26 Aug 2020 14:34:42 -0400
Subject: [PATCH 1/3] added new footer links, header links come in with api on
 build

---
 src/components/3_organisms/footer-nav.js | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/components/3_organisms/footer-nav.js b/src/components/3_organisms/footer-nav.js
index d3a3ebc62..c24c57f3a 100644
--- a/src/components/3_organisms/footer-nav.js
+++ b/src/components/3_organisms/footer-nav.js
@@ -267,6 +267,13 @@ const FooterNav = () => (
                     </span>
                   </a>
                 </li>
+                <li className="o-menu__item">
+                  <a className="o-menu__link" href="https://www.linode.com/products/cloud-firewall/">
+                    <span className="o-menu__title">
+                      Cloud Firewall
+                    </span>
+                  </a>
+                </li>
                 <li className="o-menu__item">
                   <a className="o-menu__link" href="https://linode.com/products/ddos/">
                     <span className="o-menu__title">
@@ -416,6 +423,13 @@ const FooterNav = () => (
                     </span>
                   </a>
                 </li>
+                <li className="o-menu__item">
+                  <a className="o-menu__link" href="https://www.linode.com/subscription-center/">
+                    <span className="o-menu__title">
+                      Subscription Center
+                    </span>
+                  </a>
+                </li>
                 <li className="o-menu__item">
                   <div id="teconsent"></div>
                 </li>
@@ -484,10 +498,17 @@ const FooterNav = () => (
                     </span>
                   </a>
                 </li>
+                <li className="o-menu__item">
+                  <a className="o-menu__link" href="https://www.linode.com/lp/affiliate-program/">
+                    <span className="o-menu__title">
+                      Affiliate Program
+                    </span>
+                  </a>
+                </li>
                 <li className="o-menu__item">
                   <a className="o-menu__link" href="https://linode.com/referral-program/">
                     <span className="o-menu__title">
-                      Referral Program
+                      Customer Referral Program
                     </span>
                   </a>
                 </li>

From 03597d3a75a2bca433a3705f2eb72c3a93938e4d Mon Sep 17 00:00:00 2001
From: hzoppetti <hzoppetti@linode.com>
Date: Wed, 26 Aug 2020 17:21:03 -0400
Subject: [PATCH 2/3] updated firewall link and addded www subdomain to all
 linode links

---
 src/components/3_organisms/footer-nav.js | 104 +++++++++++------------
 1 file changed, 52 insertions(+), 52 deletions(-)

diff --git a/src/components/3_organisms/footer-nav.js b/src/components/3_organisms/footer-nav.js
index c24c57f3a..aff5e9648 100644
--- a/src/components/3_organisms/footer-nav.js
+++ b/src/components/3_organisms/footer-nav.js
@@ -126,14 +126,14 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Why Linode</h4>
               <ul id="menu-footer-why-linode" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/choosing-linode/">
+                  <a className="o-menu__link" href="https://www.linode.com/choosing-linode/">
                     <span className="o-menu__title">
                       Choosing Linode
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/support-experience/">
+                  <a className="o-menu__link" href="https://www.linode.com/support-experience/">
                     <span className="o-menu__title">
                       Support Experience
                     </span>
@@ -147,49 +147,49 @@ const FooterNav = () => (
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/cloud-simplified/">
+                  <a className="o-menu__link" href="https://www.linode.com/cloud-simplified/">
                     <span className="o-menu__title">
                       Cloud Simplified
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/global-infrastructure/">
+                  <a className="o-menu__link" href="https://www.linode.com/global-infrastructure/">
                     <span className="o-menu__title">
                       Global Infrastructure
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/craft-of-code/">
+                  <a className="o-menu__link" href="https://www.linode.com/craft-of-code/">
                     <span className="o-menu__title">
                       Customer Stories
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/linode-for-business/">
+                  <a className="o-menu__link" href="https://www.linode.com/linode-for-business/">
                     <span className="o-menu__title">
                       Linode for Business
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/linode-vs-aws/">
+                  <a className="o-menu__link" href="https://www.linode.com/linode-vs-aws/">
                     <span className="o-menu__title">
                       Linode vs. AWS
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/open-cloud/">
+                  <a className="o-menu__link" href="https://www.linode.com/open-cloud/">
                     <span className="o-menu__title">
                       Open Cloud
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/what-is-cloud-computing/">
+                  <a className="o-menu__link" href="https://www.linode.com/what-is-cloud-computing/">
                     <span className="o-menu__title">
                       What is Cloud Computing?
                     </span>
@@ -205,105 +205,105 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Products</h4>
               <ul id="menu-footer-products" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/">
                     <span className="o-menu__title">
                       Products Overview
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/kubernetes/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/kubernetes/">
                     <span className="o-menu__title">
                       Kubernetes
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/shared/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/shared/">
                     <span className="o-menu__title">
                       Shared
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/dedicated-cpu/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/dedicated-cpu/">
                     <span className="o-menu__title">
                       Dedicated CPU
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/high-memory/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/high-memory/">
                     <span className="o-menu__title">
                       High Memory
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/gpu/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/gpu/">
                     <span className="o-menu__title">
                       GPU
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/block-storage/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/block-storage/">
                     <span className="o-menu__title">
                       Block Storage
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/object-storage/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/object-storage/">
                     <span className="o-menu__title">
                       Object Storage
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/backups/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/backups/">
                     <span className="o-menu__title">
                       Backups
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://www.linode.com/products/cloud-firewall/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/firewall/">
                     <span className="o-menu__title">
                       Cloud Firewall
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/ddos/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/ddos/">
                     <span className="o-menu__title">
                       DDoS Protection
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/nodebalancers/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/nodebalancers/">
                     <span className="o-menu__title">
                       NodeBalancers
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/dns-manager/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/dns-manager/">
                     <span className="o-menu__title">
                       DNS Manager
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/managed/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/managed/">
                     <span className="o-menu__title">
                       Managed
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/pro-services/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/pro-services/">
                     <span className="o-menu__title">
                       Professional Services
                     </span>
@@ -319,7 +319,7 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Solutions</h4>
               <ul id="menu-footer-solutions" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/solutions/">
+                  <a className="o-menu__link" href="https://www.linode.com/solutions/">
                     <span className="o-menu__title">
                       Solutions Overview
                     </span>
@@ -333,14 +333,14 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Marketplace</h4>
               <ul id="menu-footer-marketplace" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/marketplace/">
+                  <a className="o-menu__link" href="https://www.linode.com/marketplace/">
                     <span className="o-menu__title">
                       Browse Marketplace
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/marketplace/app-partners/">
+                  <a className="o-menu__link" href="https://www.linode.com/marketplace/app-partners/">
                     <span className="o-menu__title">
                       Marketplace App Partners
                     </span>
@@ -354,21 +354,21 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Pricing</h4>
               <ul id="menu-footer-pricing" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/pricing/">
+                  <a className="o-menu__link" href="https://www.linode.com/pricing/">
                     <span className="o-menu__title">
                       Pricing List
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/estimator/">
+                  <a className="o-menu__link" href="https://www.linode.com/estimator/">
                     <span className="o-menu__title">
                       Cloud Estimator
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/cloud-pricing-calculator/">
+                  <a className="o-menu__link" href="https://www.linode.com/cloud-pricing-calculator/">
                     <span className="o-menu__title">
                       TCO Calculator
                     </span>
@@ -382,42 +382,42 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Company</h4>
               <ul id="menu-footer-company" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/company/about/">
+                  <a className="o-menu__link" href="https://www.linode.com/company/about/">
                     <span className="o-menu__title">
                       About
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/company/leadership/">
+                  <a className="o-menu__link" href="https://www.linode.com/company/leadership/">
                     <span className="o-menu__title">
                       Leadership
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/partners/">
+                  <a className="o-menu__link" href="https://www.linode.com/partners/">
                     <span className="o-menu__title">
                       Partners
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/company/press/">
+                  <a className="o-menu__link" href="https://www.linode.com/company/press/">
                     <span className="o-menu__title">
                       Press Center
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/company/careers/">
+                  <a className="o-menu__link" href="https://www.linode.com/company/careers/">
                     <span className="o-menu__title">
                       Careers
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/legal/">
+                  <a className="o-menu__link" href="https://www.linode.com/legal/">
                     <span className="o-menu__title">
                       Legal
                     </span>
@@ -443,7 +443,7 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Community</h4>
               <ul id="menu-footer-community" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/community/">
+                  <a className="o-menu__link" href="https://www.linode.com/community/">
                     <span className="o-menu__title">
                       Community Overview
                     </span>
@@ -457,42 +457,42 @@ const FooterNav = () => (
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/developers/">
+                  <a className="o-menu__link" href="https://www.linode.com/developers/">
                     <span className="o-menu__title">
                       Developer Portal
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/green-light/">
+                  <a className="o-menu__link" href="https://www.linode.com/green-light/">
                     <span className="o-menu__title">
                       Beta Program
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/blog/">
+                  <a className="o-menu__link" href="https://www.linode.com/blog/">
                     <span className="o-menu__title">
                       Blog
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/events/">
+                  <a className="o-menu__link" href="https://www.linode.com/events/">
                     <span className="o-menu__title">
                       Events
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/resources/">
+                  <a className="o-menu__link" href="https://www.linode.com/resources/">
                     <span className="o-menu__title">
                       Content Resources
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/video-channel/">
+                  <a className="o-menu__link" href="https://www.linode.com/video-channel/">
                     <span className="o-menu__title">
                       Linode Video Channel
                     </span>
@@ -506,49 +506,49 @@ const FooterNav = () => (
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/referral-program/">
+                  <a className="o-menu__link" href="https://www.linode.com/referral-program/">
                     <span className="o-menu__title">
                       Customer Referral Program
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/">
                     <span className="o-menu__title">
                       Swag Store
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/cloud-manager/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/cloud-manager/">
                     <span className="o-menu__title">
                       Cloud Manager
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/products/api/">
+                  <a className="o-menu__link" href="https://www.linode.com/products/api/">
                     <span className="o-menu__title">
                       API
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/docs/">
+                  <a className="o-menu__link" href="https://www.linode.com/docs/">
                     <span className="o-menu__title">
                       Documentation
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/distributions/">
+                  <a className="o-menu__link" href="https://www.linode.com/distributions/">
                     <span className="o-menu__title">
                       Distributions
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/cloud-computing-terms/">
+                  <a className="o-menu__link" href="https://www.linode.com/cloud-computing-terms/">
                     <span className="o-menu__title">
                       Cloud Computing Terms
                     </span>
@@ -564,14 +564,14 @@ const FooterNav = () => (
               <h4 className="o-menu__heading">Contact</h4>
               <ul id="menu-footer-contact" className="o-menu__list">
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/support/">
+                  <a className="o-menu__link" href="https://www.linode.com/support/">
                     <span className="o-menu__title">
                       Support
                     </span>
                   </a>
                 </li>
                 <li className="o-menu__item">
-                  <a className="o-menu__link" href="https://linode.com/company/contact/?tab=sales-inquiries">
+                  <a className="o-menu__link" href="https://www.linode.com/company/contact/?tab=sales-inquiries">
                     <span className="o-menu__title">
                       Contact Sales
                     </span>

From 193b92844537c1f16c431803de465bb6c92fbd20 Mon Sep 17 00:00:00 2001
From: hzoppetti <hzoppetti@linode.com>
Date: Thu, 27 Aug 2020 14:50:40 -0400
Subject: [PATCH 3/3] added js for clicking in the submenu to close

---
 .../2_molecules/navigation/primaryNav.js      | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/src/components/2_molecules/navigation/primaryNav.js b/src/components/2_molecules/navigation/primaryNav.js
index 8eab89024..3f7fb8afe 100644
--- a/src/components/2_molecules/navigation/primaryNav.js
+++ b/src/components/2_molecules/navigation/primaryNav.js
@@ -38,6 +38,47 @@ class MainSiteNav extends React.Component {
     };
     hideAll(); //hide all when page first loads
 
+    for (let i = 0; i < subMenus.length; i++) {
+      const otherMenus = document.getElementsByClassName("c-sub-menu");
+      const target = subMenus[i].getAttribute("data-submenu");
+      const subMenuContainer = document.getElementById(target);
+
+      subMenus[i].addEventListener("click", target => {
+        const hideSubMenus = () => {
+          Object.keys(otherMenus).map(target => {
+            const om = otherMenus[target];
+            return (
+              om !== subMenuContainer &&
+              om.classList.add("visually-hidden", "visibility-hidden") +
+                document.body.classList.remove("active")
+            );
+          });
+        };
+
+        hideSubMenus();
+
+        if (subMenuContainer !== null) { // if this subcontainer exists
+          if (!subMenuContainer.classList.contains("visually-hidden")) { // if this submenu is currently active
+            subMenuContainer.classList.add("visually-hidden", "visibility-hidden");
+            subMenuContainer.classList.remove("active");
+            if (target === "sub-menu--mobile") {
+              document.getElementById("o-menu__link--mobile").classList.remove("active");
+            }
+          } else { // if this submenu is not currently active
+            subMenuContainer.classList.remove(
+              "visually-hidden",
+              "visibility-hidden"
+            );
+
+            subMenuContainer.classList.add("active");
+            if (target === "sub-menu--mobile") {
+              document.getElementById("o-menu__link--mobile").classList.add("active");
+            }
+          }
+        }
+      });
+    }
+
     header.addEventListener("click", e => {
       const otherMenus = document.getElementsByClassName("c-sub-menu");
       const target = e.target.getAttribute("data-submenu");