Merge pull request #37 from GSA-TTS/site-updates-10-17-2024

Made updates to facts sheets, disclaimer and resources page

_data/FEMA-Regional-MABD-Fact-Sheets-Grouped-States.csv

@@ -0,0 +1,11 @@
+Doc Type,States,Region,Link
+FEMA Regional Fact Sheet,"CT, ME, MA, NH, RI, VT",1,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_1_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"NJ, NY, PR, VI",2,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_2_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"DE, MD, PA, VA, DC, WV",3,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_3_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"AL, FL, GA, KY, MS, NC, SC, TN",4,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_4_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"IL, IN, MI, MN, OH, WI",5,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_5_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"AR, LA, NM, OK, TX",6,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_6_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"IA, KS, MO, NE",7,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_7_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"CO, MT, ND, SD, UT, WY",8,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_8_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"AZ, CA, HI, NV, GU, AS, MP, MH, FSM",9,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_9_fact_sheet_2024.pdf
+FEMA Regional Fact Sheet,"AK, ID, OR, WA",10,https://www.fema.gov/sites/default/files/documents/fema_mabd_region_10_fact_sheet_2024.pdf

_data/assetPaths.json

@@ -50,44 +50,10 @@
   "sourcesanspro-regular-webfont.woff2": "/assets/assets/sourcesanspro-regular-webfont-TJXUUIWO.woff2",
   "unfold_more.svg": "/assets/assets/unfold_more-WL443JWS.svg",
   "warning.svg": "/assets/assets/warning-5OR6W6GJ.svg",
-  "merriweathe": "/assets/fonts/merriweather",
-  "public": "/assets/fonts/public-sans",
-  "roboto": "/assets/fonts/roboto-mono",
-  "source-sans": "/assets/fonts/source-sans-pro",
-  "bm.svg": "/assets/images/bm-logo.svg",
-  "bm-small.svg": "/assets/images/bm-small-logo.svg",
-  "build.webp": "/assets/images/build-icon.webp",
-  "code.png": "/assets/images/codes.png",
-  "code.svg": "/assets/images/codes.svg",
-  "consistency.webp": "/assets/images/consistency-icon.webp",
-  "cost-effective.webp": "/assets/images/cost-effective-icon.webp",
-  "disaster.png": "/assets/images/disaster-info.png",
-  "experts.webp": "/assets/images/experts-lg.webp",
-  "expert.png": "/assets/images/experts.png",
-  "expert.svg": "/assets/images/experts.svg",
-  "help.svg": "/assets/images/help-icon.svg",
-  "help.webp": "/assets/images/help-icon.webp",
-  "her.jpg": "/assets/images/hero.jpg",
-  "her.png": "/assets/images/hero.png",
-  "her.webp": "/assets/images/hero.webp",
-  "hire.jpg": "/assets/images/hire-us.jpg",
-  "inspection.png": "/assets/images/inspections.png",
-  "inspection.svg": "/assets/images/inspections.svg",
-  "locatio.png": "/assets/images/location.png",
-  "logo.png": "/assets/images/logo-img.png",
-  "rapid-response.webp": "/assets/images/rapid-response-icon.webp",
-  "recover.png": "/assets/images/recovery.png",
-  "recover.svg": "/assets/images/recovery.svg",
-  "reduce-strain.webp": "/assets/images/reduce-strain-icon.webp",
-  "state": "/assets/images/states",
-  "upload": "/assets/images/uploads",
   "admin.js": "/assets/js/admin-TRAB3TNM.js",
   "admin.map": "/assets/js/admin-TRAB3TNM.js.map",
   "app.js": "/assets/js/app-PHNK6WN2.js",
   "app.map": "/assets/js/app-PHNK6WN2.js.map",
-  "uswds.js": "/assets/js/uswds-init.js",
-  "fema_mabd-region-8-fact.pdf": "/assets/pdf/fema_mabd-region-8-fact-sheet_2023.pdf",
-  "index.css": "/assets/styles/index-E4XMLANY.css",
-  "index.map": "/assets/styles/index-E4XMLANY.css.map",
-  "im": "/assets/uswds/img"
+  "index.css": "/assets/styles/index-7HFZBM7B.css",
+  "index.map": "/assets/styles/index-7HFZBM7B.css.map"
 }

_data/csvData.js

@@ -26,6 +26,13 @@ module.exports = async function () {
     skip_empty_lines: true,
   });
 
+  // Read and parse the CSV with the fact sheet links
+  const csvFactSheet = fs.readFileSync("./_data/FEMA-Regional-MABD-Fact-Sheets-Grouped-States.csv", "utf8");
+  const factSheetData = parse(csvFactSheet, {
+    columns: true,
+    skip_empty_lines: true,
+  });
+
   // Organize contacts by organization and states
   let contactsByState = [];
 
@@ -54,9 +61,22 @@ module.exports = async function () {
     stateEMAs[state].push(ema);
   });
 
+  // Create a dictionary of state to fact sheet URLs
+  let stateFactSheetLinks = {};
+
+  factSheetData.forEach((row) => {
+    const states = row["States"].split(", ").map(state => state.trim());
+    const link = row["Link"];
+
+    states.forEach((state) => {
+      stateFactSheetLinks[state] = link;  // Assign the URL to the state
+    });
+  });
+
   return {
     stantecMABD: data1,
     contactsByState,
     stateEMAs,
+    stateFactSheetLinks,
   };
-};
+};

_includes/back-to-top.html

@@ -0,0 +1,10 @@
+
+{% capture backToTop %}
+<div class="top-button-wrapper display-flex flex-column flex-align-end margin-y-4">
+  <a class="usa-button to-top" href="#top">
+    <span class="display-inline-block text-top">TOP </span>
+    <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+      <use xlink:href="{{ '/assets/uswds/img/sprite.svg#arrow_upward' | url }}"></use>
+    </svg></a>
+</div>
+{% endcapture %}

_includes/disclaimer.html

@@ -2,14 +2,65 @@
   <div class="usa-alert__body">
     <h2 class="usa-alert__heading">Disclaimer</h2>
     <div class="usa-alert__text grid-row grid-gap">
-      <div class="mobile:grid-col-12 tablet:grid-col-10">
+      <div class="mobile:grid-col-12 tablet:grid-col-10 margin-bottom-2">
         This website contains references to non-federal resources and organizations. The references are solely
         for informational purposes and are not an endorsement of any non-federal entity by FEMA, Department of
         Homeland Security, or the U.S. government.
       </div>
       <div class="mobile:grid-col-12 desktop:grid-col-2">
-        <a href="#" class="usa-button disclaimer-button padding-y-2 bg-primary-darker">View full disclaimer</button>
+        <a href="#disclaimer-modal-1" class="usa-button disclaimer-button padding-y-2 bg-primary-darker"
+          aria-controls="disclaimer-modal-1" data-open-modal>View full disclaimer</a>
       </div>
     </div>
   </div>
-</div>
+</div>
+<div class="usa-modal" id="disclaimer-modal-1" aria-labelledby="modal-1-heading" aria-describedby="modal-1-description">
+  <div class="usa-modal__content">
+    <div class="usa-modal__main">
+      <h2 class="usa-modal__heading font-family-sans" id="modal-1-heading">
+        Disclaimer
+      </h2>
+      <div class="usa-prose">
+        <div id="modal-1-description">
+          <p>This information is provided with the understanding that FEMA is not engaged in rendering legal or
+            other professional services through this website. The laws and regulations discussed and cited
+            herein
+            are based upon best available public records and sources at the time of research.</p>
+
+          <p>This website provides only a summary of the referenced laws and regulations; those laws and
+            regulations may contain additional criteria, restrictions, or other qualifiers which are absent from
+            the summary provided in this website. This website also may or may not be up-to-date as these laws
+            and
+            regulations can at any time be subsequently changed, updated, or repealed by the corresponding state
+            legislatures and agencies.</p>
+
+          <p>Consult the current, official law or regulation and consult with relevant state or territory
+            authorities or a licensed attorney in the relevant state or territory to determine which laws and
+            regulations currently will apply to your situation. Do not rely solely on this website.</p>
+        </div>
+      </div>
+      <div class="usa-modal__footer">
+        <ul class="usa-button-group flex-column flex-align-end">
+          <li class="usa-button-group__item">
+            <button type="button" class="usa-button" data-close-modal>
+              Close
+            </button>
+          </li>
+        </ul>
+      </div>
+    </div>
+    <button type="button" class="usa-button usa-modal__close" aria-label="Close this window" data-close-modal>
+      <svg class="usa-icon" aria-hidden="true" focusable="false" role="img">
+        <use xlink:href="{{ '/assets/uswds/img/sprite.svg#close' | url }}"></use>
+      </svg>
+    </button>
+  </div>
+</div>
+{% capture modalFixJs %}
+{% include "_includes/theme/js/modalFix.js" %}
+{% endcapture %}
+
+<script>
+    // Modal Fix
+    {{ modalFixJs | jsmin }}
+</script>

_includes/header.html

@@ -3,6 +3,7 @@
 official government website
 {% endcomment %}
 
+<a class="usa-skipnav" href="#main-content">Skip to main content</a>
 <section class="usa-banner" aria-label="Official website of the United States government">
   <div class="usa-accordion">
     <header class="usa-banner__header">

_includes/layouts/base.html

@@ -5,19 +5,19 @@
 
 <!DOCTYPE html>
 <html lang="en">
-{% include "meta.html" %}
-<body id="top">
-  <a class="usa-skipnav" href="#main-content">Skip to main content</a>
-  <div class="usa-app {% if theme %}usa-app__theme-{{ theme }}{% endif %}">
-    {% include "header.html" %}
+  {% include "meta.html" %}
+  <body id="top">
+    <div class="usa-app {% if theme %}usa-app__theme-{{ theme }}{% endif %}">
 
-    {% include "menu.html" primary_navigation: site.primary_navigation secondary_navigation: site.secondary_navigation %}
+      {% include "header.html" %}
 
-    {{ content }}
+      {% include "menu.html" primary_navigation: site.primary_navigation secondary_navigation: site.secondary_navigation %}
 
-    {% include "footer.html" %}
+      {{ content }}
 
-  </div>
-  {% include "scripts.html" %}
-</body>
+      {% include "footer.html" %}
+
+    </div>
+    {% include "scripts.html" %}
+  </body>
 </html>

_includes/layouts/contact.html

@@ -1,5 +1,5 @@
 ---
-layout: layouts/default
+layout: layouts/base
 ---
 
 <div class="usa-section {{ className }} padding-top-2">