From 1836ae5171a5aab710c8eac22a82e0fbdeabc2cd Mon Sep 17 00:00:00 2001
From: Courtney Myers <courtney.myers@erg.com>
Date: Wed, 28 Feb 2024 14:02:18 -0500
Subject: [PATCH] Update path to 404 page assets to include /csb directory

---
 app/client/public/404.html | 68 ++++++++++++++++++++------------------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/app/client/public/404.html b/app/client/public/404.html
index f71b22aa..1d05f867 100644
--- a/app/client/public/404.html
+++ b/app/client/public/404.html
@@ -58,7 +58,7 @@
     <link
       rel="icon"
       type="image/x-icon"
-      href="./themes/epa_theme/images/favicon.ico"
+      href="/csb/themes/epa_theme/images/favicon.ico"
     />
     <meta
       name="application-name"
@@ -66,77 +66,77 @@
     />
     <meta
       name="msapplication-config"
-      content="./themes/epa_theme/images/ieconfig.xml"
+      content="/csb/themes/epa_theme/images/ieconfig.xml"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="196x196"
-      href="./themes/epa_theme/images/favicon-196.png"
+      href="/csb/themes/epa_theme/images/favicon-196.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="152x152"
-      href="./themes/epa_theme/images/favicon-152.png"
+      href="/csb/themes/epa_theme/images/favicon-152.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="144x144"
-      href="./themes/epa_theme/images/favicon-144.png"
+      href="/csb/themes/epa_theme/images/favicon-144.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="120x120"
-      href="./themes/epa_theme/images/favicon-120.png"
+      href="/csb/themes/epa_theme/images/favicon-120.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="114x114"
-      href="./themes/epa_theme/images/favicon-114.png"
+      href="/csb/themes/epa_theme/images/favicon-114.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
       sizes="72x72"
-      href="./themes/epa_theme/images/favicon-72.png"
+      href="/csb/themes/epa_theme/images/favicon-72.png"
     />
     <link
       rel="apple-touch-icon-precomposed"
-      href="./themes/epa_theme/images/favicon-180.png"
+      href="/csb/themes/epa_theme/images/favicon-180.png"
     />
     <link
       rel="icon"
-      href="./themes/epa_theme/images/favicon-32.png"
+      href="/csb/themes/epa_theme/images/favicon-32.png"
       sizes="32x32"
     />
     <link
       rel="preload"
-      href="./themes/epa_theme/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2"
+      href="/csb/themes/epa_theme/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2"
       as="font"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="./themes/epa_theme/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2"
+      href="/csb/themes/epa_theme/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2"
       as="font"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="./themes/epa_theme/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2"
+      href="/csb/themes/epa_theme/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2"
       as="font"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="./themes/epa_theme/fonts/merriweather/Latin-Merriweather-Bold.woff2"
+      href="/csb/themes/epa_theme/fonts/merriweather/Latin-Merriweather-Bold.woff2"
       as="font"
       crossorigin="anonymous"
     />
     <link
       rel="stylesheet"
       media="all"
-      href="./themes/epa_theme/css/styles.css"
+      href="/csb/themes/epa_theme/css/styles.css"
     />
-    <link rel="manifest" href="./manifest.json" />
+    <link rel="manifest" href="/csb/manifest.json" />
     <title>CSB Rebate Forms Application | US EPA</title>
     <!-- Google Tag Manager -->
     <script>
@@ -207,7 +207,7 @@
               <img
                 class="usa-banner__header-flag"
                 aria-hidden="true"
-                src="./themes/epa_theme/images/us_flag_small.png"
+                src="/csb/themes/epa_theme/images/us_flag_small.png"
                 alt="U.S. flag"
                 height="11px"
                 width="16px"
@@ -234,7 +234,7 @@
             <div class="usa-banner__guidance tablet:grid-col-6">
               <img
                 class="usa-banner__icon usa-media-block__img"
-                src="./themes/epa_theme/images/icon-dot-gov.svg"
+                src="/csb/themes/epa_theme/images/icon-dot-gov.svg"
                 alt="Dot gov"
               />
               <div class="usa-media-block__body">
@@ -249,7 +249,7 @@
             <div class="usa-banner__guidance tablet:grid-col-6">
               <img
                 class="usa-banner__icon usa-media-block__img"
-                src="./themes/epa_theme/images/icon-https.svg"
+                src="/csb/themes/epa_theme/images/icon-https.svg"
                 alt="HTTPS"
               />
               <div class="usa-media-block__body">
@@ -306,7 +306,7 @@
                 aria-hidden="true"
               >
                 <use
-                  href="./themes/epa_theme/images/sprite.artifact.svg#magnifying-glass"
+                  href="/csb/themes/epa_theme/images/sprite.artifact.svg#magnifying-glass"
                 ></use>
               </svg>
               <svg
@@ -314,7 +314,7 @@
                 aria-hidden="true"
               >
                 <use
-                  href="./themes/epa_theme/images/sprite.artifact.svg#xmark"
+                  href="/csb/themes/epa_theme/images/sprite.artifact.svg#xmark"
                 ></use>
               </svg>
             </button>
@@ -503,7 +503,7 @@
                 <button class="button" type="submit" aria-label="Search">
                   <svg class="icon usa-search__submit-icon" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#magnifying-glass"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#magnifying-glass"
                     ></use>
                   </svg>
                   <span class="usa-search__submit-text">Search</span>
@@ -529,7 +529,7 @@
               <svg class="icon icon--nav-close" aria-hidden="true" role="img">
                 <title>Primary navigation</title>
                 <use
-                  href="./themes/epa_theme/images/sprite.artifact.svg#xmark"
+                  href="/csb/themes/epa_theme/images/sprite.artifact.svg#xmark"
                 ></use>
               </svg>
             </button>
@@ -650,7 +650,7 @@ <h1>Page not found</h1>
       <div class="l-constrain">
         <img
           class="footer__epa-seal"
-          src="./themes/epa_theme/images/epa-seal.svg"
+          src="/csb/themes/epa_theme/images/epa-seal.svg"
           alt="United States Environmental Protection Agency"
           height="100"
           width="100"
@@ -817,7 +817,7 @@ <h2>Follow.</h2>
                 >
                   <svg class="icon icon--social" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#facebook-square"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#facebook-square"
                     ></use>
                   </svg>
                 </a>
@@ -830,7 +830,7 @@ <h2>Follow.</h2>
                 >
                   <svg class="icon icon--social" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#twitter-square"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#twitter-square"
                     ></use>
                   </svg>
                 </a>
@@ -843,7 +843,7 @@ <h2>Follow.</h2>
                 >
                   <svg class="icon icon--social" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#youtube-square"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#youtube-square"
                     ></use>
                   </svg>
                 </a>
@@ -856,7 +856,7 @@ <h2>Follow.</h2>
                 >
                   <svg class="icon icon--social" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#flickr-square"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#flickr-square"
                     ></use>
                   </svg>
                 </a>
@@ -869,7 +869,7 @@ <h2>Follow.</h2>
                 >
                   <svg class="icon icon--social" aria-hidden="true">
                     <use
-                      href="./themes/epa_theme/images/sprite.artifact.svg#instagram-square"
+                      href="/csb/themes/epa_theme/images/sprite.artifact.svg#instagram-square"
                     ></use>
                   </svg>
                 </a>
@@ -882,13 +882,15 @@ <h2>Follow.</h2>
 
     <a href="#top" class="back-to-top" title="">
       <svg class="back-to-top__icon" role="img" aria-label="">
-        <use href="./themes/epa_theme/images/sprite.artifact.svg#angle"></use>
+        <use
+          href="/csb/themes/epa_theme/images/sprite.artifact.svg#angle"
+        ></use>
       </svg>
     </a>
 
-    <script src="./core/assets/vendor/once/once.min.js"></script>
-    <script src="./themes/epa_theme/js/dist/common.min.js"></script>
-    <script src="./themes/epa_theme/js/dist/scripts.min.js"></script>
+    <script src="/csb/core/assets/vendor/once/once.min.js"></script>
+    <script src="/csb/themes/epa_theme/js/dist/common.min.js"></script>
+    <script src="/csb/themes/epa_theme/js/dist/scripts.min.js"></script>
     <script>
       /*
        * https://github.com/USEPA/webcms/blob/main/services/drupal/web/themes/epa_theme/js/src/header-search.es6.js