From 9fb74ae7aaf5e34235cbde52f80087168664ba4d Mon Sep 17 00:00:00 2001
From: Michelle Bourdon <michelle@bourdons.org>
Date: Mon, 22 Jul 2024 16:59:05 -0400
Subject: [PATCH] font

---
 other.json    | 19 ++++++++++++++++++-
 script.js     |  6 +++---
 services.json |  4 ++--
 style.css     |  7 ++++---
 4 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/other.json b/other.json
index 5edaaaf..6954379 100644
--- a/other.json
+++ b/other.json
@@ -97,5 +97,22 @@
       "Other": "You are pregnant or have children under 21",
       "URL":"https://www.mass.gov/how-to/apply-for-emergency-assistance-ea-family-shelter"
     }
-  } 
+  },
+  "WIC": {
+    "Parent": "Services",
+    "Size": 119009,
+    "Spending": 11792643,
+    "Color ": 4,
+    "Site": "https://www.mass.gov/orgs/women-infants-children-nutrition-program",
+    "Department": "DPH",
+    "RoundSize": "119K",
+    "RoundSpend": "11.8M",
+    "Description": "Women, Infants, & Children Nutrition Program",
+    "Elig": {
+      "Income": "$27,861",
+      "Resident": "Massachusetts Resident",
+      "Other": "Children under age 5, a new mom, or pregnant",
+      "URL":"https://www.mass.gov/forms/apply-for-wic-online"
+    }
+  }
 }
diff --git a/script.js b/script.js
index 9674632..ce5fb06 100644
--- a/script.js
+++ b/script.js
@@ -147,7 +147,7 @@ function drawTreeMap(data, transition = false) {
         group.append("text")
             .attr("x", (d.x1 - d.x0) / 2)
             .attr("y", (d.y1 - d.y0) / 2 - lineHeight + yOffset)
-            .attr("fill", "black")
+            .style("fill", "black")     // color of text, css wont work for this
             .attr("class", "node-text")
             .style("text-anchor", "middle")
             .style("font-size", nameFontSize + 'px')
@@ -157,7 +157,7 @@ function drawTreeMap(data, transition = false) {
         group.append("text")
             .attr("x", (d.x1 - d.x0) / 2)
             .attr("y", (d.y1 - d.y0) / 2 + yOffset)
-            .attr("fill", "black")
+            .style("fill", "#545E5F")   // color of text, css wont work for this
             .attr("class", "node-text-enrolled")
             .style("text-anchor", "middle")
             .style("font-size", smallFontSize + 'px')
@@ -167,7 +167,7 @@ function drawTreeMap(data, transition = false) {
         group.append("text")
             .attr("x", (d.x1 - d.x0) / 2)
             .attr("y", (d.y1 - d.y0) / 2 + lineHeight + yOffset)
-            .attr("fill", "black")
+            .style("fill", "#545E5F")   // color of text, css wont work for this
             .attr("class", "node-text-enrolled")
             .style("text-anchor", "middle")
             .style("font-size", smallFontSize + 'px')
diff --git a/services.json b/services.json
index a6f04a3..0eea4e6 100644
--- a/services.json
+++ b/services.json
@@ -24,7 +24,7 @@
     "Description": "Massachusetts Medicaid",
     "Elig": {
       "Income": "$20,040",
-      "Age": "Ages 19-64",
+      "Age": "19-64 years",
       "Resident": "Massachusetts Resident",
       "URL":"https://www.mass.gov/how-to/apply-for-masshealth-the-health-safety-net-or-the-childrens-medical-security-plan"
     }
@@ -74,7 +74,7 @@
     "Description": "Supplemental Security Income",
     "Elig": {
       "Income": "$17,196",
-      "Age": "Ages 65 and older, or disabled at any age",
+      "Age": "65 and older, or disabled at any age",
       "Resident": "Massachusetts Resident",
       "URL":"https://www.mass.gov/how-to/apply-for-ssdi-or-ssi-benefits"
     }
diff --git a/style.css b/style.css
index 691b994..3e27446 100644
--- a/style.css
+++ b/style.css
@@ -7,6 +7,7 @@
 /* Variables */
 :root {
     --font-family: 'Open Sans', sans-serif;
+    --font-tree: 'Open Sans', sans-serif;
     --header-bg: #f8f8f8;
     --header-border: 1px solid #ddd;
     --header-padding: 10px;
@@ -336,11 +337,11 @@ h2 {
     }
     
     .node-text {
-        font-size: 18px;
+        font-family: var(--font-tree);
     }
     
     .node-text-enrolled {
-        font-size: 16px;
+        font-family: var(--font-tree);
     }
 
     .mobile-nav {
@@ -372,6 +373,7 @@ h2 {
         overflow-y: auto;
         flex-direction: column;
         align-items: flex-start !important; 
+        font-family: var(--font-family);
     }
 
     .sidebar h2 {
@@ -398,7 +400,6 @@ h2 {
         padding: 10px !important;
         font-size: 16px !important;
         line-height: 1.3 !important;
-       
     }
 
     .sidebar a {