font

goinvo · Jul 22, 2024 · 9fb74ae · 9fb74ae
1 parent 7192e12
commit 9fb74ae
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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 {