Merge pull request linode#301 from hzoppetti/header-footer-11122020

[Update] Header/Footer 11/12/2020

Author: hzoppetti

src/components/2_molecules/navigation/communityFeatured.js

@@ -18,22 +18,24 @@ const CommunityFeaturedNav = () => (
         }
       >
         <img
-          width="632"
-          height="418"
-          src="https://www.linode.com/wp-content/uploads/2020/08/nextcloud-gradient-632x418.png"
+          width="565"
+          height="374"
+          src="https://www.linode.com/wp-content/uploads/2020/11/nextcloud-menu-feature-bg-MIN.jpg"
           className="c-featured__background"
           alt=""
-          srcSet="https://www.linode.com/wp-content/uploads/2020/08/nextcloud-gradient-632x418.png 632w, https://www.linode.com/wp-content/uploads/2020/08/nextcloud-gradient-416x275.png 416w, https://www.linode.com/wp-content/uploads/2020/08/nextcloud-gradient-768x508.png 768w, https://www.linode.com/wp-content/uploads/2020/08/nextcloud-gradient.png 1000w"
-          sizes="(max-width: 632px) 100vw, 632px"
+          loading="lazy"
+          srcSet="https://www.linode.com/wp-content/uploads/2020/11/nextcloud-menu-feature-bg-MIN.jpg 565w, data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w"
+          sizes="(max-width:991px) 1px, 565px"
         />
         <img
           width="416"
           height="416"
           src="https://www.linode.com/wp-content/uploads/2020/05/linode-nextcloud-white.svg"
           className="c-featured__image"
           alt=""
-          srcSet="https://www.linode.com/wp-content/uploads//2020/05/linode-nextcloud-white.svg 416w, https://www.linode.com/wp-content/uploads//2020/05/linode-nextcloud-white.svg 632w, https://www.linode.com/wp-content/uploads//2020/05/linode-nextcloud-white.svg 1064w"
-          sizes="(max-width: 416px) 100vw, 416px"
+          loading="lazy"
+          srcSet="https://www.linode.com/wp-content/uploads/2020/05/linode-nextcloud-white.svg 632w, https://www.linode.com/wp-content/uploads/2020/05/linode-nextcloud-white.svg 1064w, data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w"
+          sizes="(max-width:991px) 1px, 416px"
         />
         <div className="c-featured__text">
           <div className="c-featured__headline">

src/components/2_molecules/navigation/pricingFeatured.js

@@ -19,13 +19,12 @@ const PricingFeaturedNav = () => (
           }
         >
           <img
-            width="416"
-            height="376"
-            src="https://www.linode.com/wp-content/uploads/2020/08/TCOReport_MockUp2-416x376.png"
+            width="290"
+            height="262"
+            src="https://www.linode.com/wp-content/uploads/2020/11/tco-report-menu-feature-fg-MIN.png"
             className="c-featured__image"
             alt=""
-            srcSet="https://www.linode.com/wp-content/uploads/2020/08/TCOReport_MockUp2-416x376.png 416w, https://www.linode.com/wp-content/uploads/2020/08/TCOReport_MockUp2.png 620w"
-            sizes="(max-width: 416px) 100vw, 416px"
+            loading="lazy"
           />
           <div className="c-featured__text">
             <div className="c-featured__headline">

src/components/2_molecules/navigation/productsFeatured.js

@@ -29,9 +29,10 @@ const ProductsFeaturedNav = () => (
         <img
           width="400"
           height="339"
-          src="https://www.linode.com/wp-content/uploads/2020/08/mum-fg.png"
+          src="https://www.linode.com/wp-content/uploads/2020/11/mumbai-menu-feature-fg-MIN.png"
           className="c-featured__image"
           alt=""
+          loading="lazy"
           style={styles2}
         />
         <div className="c-featured__text">

src/components/2_molecules/navigation/whyFeatured.js

@@ -18,13 +18,14 @@ const WhyFeaturedNav = () => (
         }
       >
         <img
-          width="632"
-          height="279"
-          src="https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-632x279.jpg"
+          width="565"
+          height="249"
+          src="https://www.linode.com/wp-content/uploads/2020/11/cloudnet-menu-feature-bg-MIN.jpg"
           className="c-featured__background"
           alt=""
-          srcSet="https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-632x279.jpg 632w, https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-1064x470.jpg 1064w, https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-416x184.jpg 416w, https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-768x339.jpg 768w, https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-1536x678.jpg 1536w, https://www.linode.com/wp-content/uploads/2020/08/cloudnet-hero-1-scaled-1-2048x904.jpg 2048w"
-          sizes="(max-width: 632px) 100vw, 632px"
+          loading="lazy"
+          srcSet="https://www.linode.com/wp-content/uploads/2020/11/cloudnet-menu-feature-bg-MIN.jpg 565w, data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w"
+          sizes="(max-width:991px) 1px, 565px"
         />
         <div className="c-featured__text">
           <div className="c-featured__headline">

src/css/components/3_organisms/footer.css

@@ -1,7 +1,3 @@
-/* ==========================================================================
-   FOOTER CSS STYLES
-   USES INUITCSS... see in theme /node_modules/inuitcss
-   ========================================================================== */
    #consent_blackbar {
     bottom: 0;
     left: 0;