Add Leeds 2023 CYP data

_config.ts

@@ -7,7 +7,7 @@ import postcss from "lume/plugins/postcss.ts";
 
 
 // Importing the OI Lume charts and utilities
-import oiViz from "https://deno.land/x/[email protected].1/mod.ts";
+import oiViz from "https://deno.land/x/[email protected].11/mod.ts";
 import autoDependency from "https://deno.land/x/[email protected]/processors/auto-dependency.ts";
 import csvLoader from "https://deno.land/x/[email protected]/loaders/csv-loader.ts";
 import jsonLoader from "lume/core/loaders/json.ts";

src/_includes/css/oi.css

@@ -144,13 +144,15 @@ header nav ul > li > a { padding: 0.5em 1em; display: inline-block; width: 100%;
 .grid .pane { 
 	background: #91cfce; 
 	color: #0a2f45;
+	fill: #0a2f45;
 	border-right: solid; 
 	border-width: 1px 1px; 
 	border-color: #7eb4b3;
     transition: color 0.15s linear, background-color 0.15s linear;
 
 	&:hover {
 		color: white;
+		fill: white;
 		background: #002331;
 	  }
 	}
@@ -177,7 +179,7 @@ ul.grid > li > a > h3 {
 ul.grid > li > h3 {
 	text-align: center; 
 	font-weight: 500; 
-	font-size: 1.1em; 
+	font-size: 1.2em; 
 	color: inherit; 
 	color:rgba(92, 176, 177, 0.881) 0%;
 	color: rgb(0, 50, 71) 100%;

src/assets/css/style.css

@@ -27,17 +27,27 @@
 /* OI Viz */
 
 .axis-grid-title { font-family: var(--oi-main-fontstack); font-weight: 600; font-size: 1.2em;}
-.oi-viz { padding-bottom:1em;}
-.oi-viz tspan { font-family: var(--oi-main-fontstack); font-weight: 600; font-size: 1.2em; }
+.oi-viz { padding-bottom:0.5em;}
+.oi-map-hex { padding-bottom:0;}
+.oi-viz tspan { font-family: var(--oi-main-fontstack); font-weight: 600; font-size: 1em; }
 
 /* OI dashboard component */
 .oi-dashboard .oi-dashboard-inner { --auto-dashboard-min-size: 200px; width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--auto-dashboard-min-size)), 1fr)); grid-gap: 1em; }
-.oi-dashboard .panel h3 { font-weight: 500; font-size: 1.2em; text-align: center; }
+.oi-dashboard .panel h3 { font-weight: 400; font-size: 1.2em; text-align: center; }
 .oi-dashboard .panel { padding: 2em; background: #91cfce; color: #0a2f45;  display: grid; }
 .oi-dashboard .bignum { font-size: 4em; line-height: 1.25em; font-weight: bold; text-align: center; display: block; margin-top: 0; }
 .oi-dashboard .footnote { font-size: 0.8em; text-align: center; display: block; }
 .oi-dashboard { grid-gap: 0.5rem!important;}
 
+.oi-legend-inner { color:inherit!important; }
+
+.oi-chart-main { padding-top: 2em; }
+.oi-chart-main text { 
+  padding: 1em;
+  fill: inherit; 
+  font-family: var(--oi-main-fontstack);
+} 
+
 @media screen and (max-width: 1200px) {
 	.oi-dashboard { grid-gap: 1.5vw; }
 	.oi-dashboard .footnote { font-size: max(10px, 0.7em); }

src/leeds-2023-legacy/index.njk

@@ -100,7 +100,8 @@ title: LEEDS 2023 Legacy Dashboard
 			data: viz.leeds_2023.volunteers_by_ward,
 			scale:  'rgb(128, 211, 211) 0%, rgb(0, 69, 99) 100%',
 			matchKey: 'ward_code',
-			width: 425,
+			width: 400,
+			height: 400,
 			value: 'confirmed',
 			label: '{{ n | slice(0,3) }}',
 			tooltip: '{{ n }}: <strong>{{ confirmed }}</strong>'