Add region map organism

source/_patterns/02-organisms/region-map/region-map.mustache

+<div class="region-map __js-root" data-app="RegionMap"></div>

source/css/organisms/region-map.pcss

+.region-map__list {
+  columns: 2;
+}
+
+.region-map__region {
+  @apply transition duration-500;
+
+  fill: theme('colors.grey.200');
+  shape-rendering: crispEdges;
+}
+
+.region-map__region--current {
+  fill: theme('colors.black');
+}

source/css/style.pcss

@@ -49,6 +49,7 @@
 @import "./organisms/hero.pcss";
 @import "./organisms/navbar.pcss";
 @import "./organisms/subnav.pcss";
+@import "./organisms/region-map.pcss";
 
 @import "./templates/candidate-detail.pcss";
 

source/js/apps.js

 
 import FlipClock from './apps/flip-clock';
-import Navbar from './apps/navbar';
 import Footer from './apps/footer';
+import Navbar from './apps/navbar';
+import RegionMap from './apps/region-map';
 
 export default {
   FlipClock,
+  Footer,
   Navbar,
-  Footer
+  RegionMap,
 };

source/js/apps/region-map/index.js

+import Vue from 'vue';
+import UiRegionMap from './RegionMap.vue';
+
+const appFactory = (el, attrs) => {
+  // Bootstrap Vue.js.
+  new Vue({el, render: h => h(UiRegionMap, { attrs })});
+};
+
+export default appFactory;