From e2d9bc2be44ac4fd311b3c95313588a3feaa83ea Mon Sep 17 00:00:00 2001
From: Natasha Pierre-Louis <natasha.pierre-louis@gsa.gov>
Date: Mon, 1 Apr 2024 21:34:52 -0600
Subject: [PATCH 1/2] Made minor updates to the site

Fixed an accessibility issue in the header. Added a state to the states results page title. Removed inline styles from footer.
---
 _data/assetPaths.json        |  4 ++--
 _includes/footer.html        |  8 +++++---
 _includes/layouts/base.html  |  5 -----
 _includes/meta.html          |  5 +++++
 pages/states.md              |  3 ++-
 theme/styles/_templates.scss | 15 +++++++++++++++
 6 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/_data/assetPaths.json b/_data/assetPaths.json
index cd73ba1..b1b8777 100644
--- a/_data/assetPaths.json
+++ b/_data/assetPaths.json
@@ -3,6 +3,6 @@
   "admin.map": "/assets/js/admin-C7YAUYZM.js.map",
   "app.js": "/assets/js/app-DBWFVBND.js",
   "app.map": "/assets/js/app-DBWFVBND.js.map",
-  "index.css": "/assets/styles/index-TY2KJRCJ.css",
-  "index.map": "/assets/styles/index-TY2KJRCJ.css.map"
+  "index.css": "/assets/styles/index-3BI5MZRD.css",
+  "index.map": "/assets/styles/index-3BI5MZRD.css.map"
 }
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index 020faf8..d801e08 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer class="usa-footer site-footer" role="contentinfo">
-  <div class="footer-section-bottom bg-base-lighter" style="background-color: #3D4551; color: white;">
+  <div class="footer-section-bottom">
     <div class="grid-container">
       <div class="grid-row padding-3">
         <div class="tablet:grid-col">
@@ -31,8 +31,10 @@ <h5>Partner sites</h4>
         </div>
         <div class="tablet:grid-col">
           <div class="logo-links">
-            <a class="footer-logo media_link" href="https://cloud.gov">
-              {% image_with_class "./theme/img/logo-img.png" "Agency logo" %}
+            <a class="footer-logo media_link" href="{{ '/' | url }}">
+              <div class="usa-logo">
+                <img alt="10x Bring Mutual Aid logo" src="{{ '/assets/img/bm-logo.svg' | url }}">
+              </div>
             </a>
           </div>
           <div style="font-size: smaller;">
diff --git a/_includes/layouts/base.html b/_includes/layouts/base.html
index ece9cef..ba7fdd3 100644
--- a/_includes/layouts/base.html
+++ b/_includes/layouts/base.html
@@ -21,11 +21,6 @@
 
     {% include "footer.html" %}
 
-    <!-- {% comment %} Hide SVG Sprites {% endcomment %}
-    <div style="display: none;">
-      {% usa_icons_sprite %}
-      {% uswds_icons_sprite %}
-    </div> -->
   </div>
 
   {% include "scripts.html" %}
diff --git a/_includes/meta.html b/_includes/meta.html
index 371781f..095ca2f 100644
--- a/_includes/meta.html
+++ b/_includes/meta.html
@@ -7,7 +7,12 @@
   <meta name="MobileOptimized" content="320" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  {% if item %}
+  <title>{{ item.State }} | {{ site.title -}}</title>
+  {% else %}
   <title>{{ title }} | {{ site.title -}}</title>
+  {% endif %}
+
   <meta property="og:site_name" content="{{- site.title -}}">
   <meta property="og:title" content="{{- title }} | {{ site.title -}}">
 
diff --git a/pages/states.md b/pages/states.md
index d406bf1..b636bdd 100644
--- a/pages/states.md
+++ b/pages/states.md
@@ -6,5 +6,6 @@ pagination:
   size: 1
   alias: item
   addAllPagesToCollections: true
+title: '{{ item.State }}'
 permalink: "/states/{{ item.Abbr | slug }}/index.html"
----
+---
\ No newline at end of file
diff --git a/theme/styles/_templates.scss b/theme/styles/_templates.scss
index e669e9d..2d41946 100644
--- a/theme/styles/_templates.scss
+++ b/theme/styles/_templates.scss
@@ -8,6 +8,14 @@ body {
   margin: 0;
 }
 
+iframe:focus, 
+[href]:focus, 
+[tabindex]:focus, 
+[contentEditable=true]:focus {
+  outline: 1px auto  color('blue-40v');
+  outline-offset: 0.3rem;
+}
+
 .usa-app {
   box-sizing: border-box;
   min-height: 100%;
@@ -360,7 +368,14 @@ body {
 }
 
 .usa-footer {
+  background: color('gray-cool-70');
+  color: white;
   flex-shrink: 0;
+  font-size: size('body', 5);
+
+  h5 {
+    font-size: size('heading', 5);
+  }
 
   ul {
     li {

From 531da9eab71c209a9a84150a7a05c0e8cfe0a0c6 Mon Sep 17 00:00:00 2001
From: Natasha Pierre-Louis <natasha.pierre-louis@gsa.gov>
Date: Mon, 1 Apr 2024 22:35:36 -0600
Subject: [PATCH 2/2] Updated the fikter panel

Added an Apply button to the filter panel.
---
 _data/assetPaths.json        |  4 ++--
 _includes/filterpanel.html   | 26 ++++++++++++++------------
 theme/styles/_templates.scss |  4 ++++
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/_data/assetPaths.json b/_data/assetPaths.json
index b1b8777..034e770 100644
--- a/_data/assetPaths.json
+++ b/_data/assetPaths.json
@@ -3,6 +3,6 @@
   "admin.map": "/assets/js/admin-C7YAUYZM.js.map",
   "app.js": "/assets/js/app-DBWFVBND.js",
   "app.map": "/assets/js/app-DBWFVBND.js.map",
-  "index.css": "/assets/styles/index-3BI5MZRD.css",
-  "index.map": "/assets/styles/index-3BI5MZRD.css.map"
+  "index.css": "/assets/styles/index-UHUJ6A2J.css",
+  "index.map": "/assets/styles/index-UHUJ6A2J.css.map"
 }
\ No newline at end of file
diff --git a/_includes/filterpanel.html b/_includes/filterpanel.html
index a91ca37..03eb42b 100644
--- a/_includes/filterpanel.html
+++ b/_includes/filterpanel.html
@@ -47,6 +47,9 @@ <h4 class="site-preview-heading">Resource Level</h4>
                   value="national" data-section-id="national-mutual-aid-section" checked />
                 <label class="usa-checkbox__label" for="national">National</label>
               </div>
+              <div class="contentRow">
+                <input class="usa-button" type="submit" value="Apply" />
+              </div>
             </section>
           </fieldset>
         </form>
@@ -80,18 +83,17 @@ <h4 class="site-preview-heading">Resource Level</h4>
       return newUrl;
     }
 
-    // Attach event listener directly to state dropdown
-    const stateSelect = document.getElementById('state');
-    if (stateSelect) {
-      stateSelect.addEventListener('change', function () {
-        var selectedState = this.value;
-        if (/^[A-Za-z]{2}$/.test(selectedState)) {
-          window.location.href = buildStateUrl(selectedState);
-        } else {
-          console.error('Invalid state selected');
-        }
-      });
-    }
+    //Attach event listener directly to state dropdown after submit
+    document.getElementById('stateForm').addEventListener('submit', function(event) {
+      event.preventDefault();
+      var selectedState = document.getElementById('state').value;
+      if (/^[A-Za-z]{2}$/.test(selectedState)) {
+        var encodedState = encodeURIComponent(selectedState);
+        window.location.href = buildStateUrl(encodedState);
+      } else {
+        console.error('Invalid state selected');
+      }
+    });
 
     // Event listener for checkboxes
     document.querySelectorAll('.filter-checkbox').forEach(function (checkbox) {
diff --git a/theme/styles/_templates.scss b/theme/styles/_templates.scss
index 2d41946..ace3714 100644
--- a/theme/styles/_templates.scss
+++ b/theme/styles/_templates.scss
@@ -364,6 +364,10 @@ iframe:focus,
     .usa-checkbox {
       background: none;
     }
+
+    .usa-button {
+      width: 100%;
+    }
   }
 }