diff --git a/app/javascript/pages/assets/data/calendar-data.json b/app/javascript/pages/assets/data/calendar-data.json index f929e104..50722d27 100644 --- a/app/javascript/pages/assets/data/calendar-data.json +++ b/app/javascript/pages/assets/data/calendar-data.json @@ -1,4 +1,9 @@ -[{ +[ { + "year": 2021, + "title": "Introducing the MAPC Zoning Atlas", + "month": "January", + "url": "/gallery/2021/january" + }, { "year": 2020, "title": "Employment by Industry", "month": "January", diff --git a/app/javascript/pages/assets/images/calendar-home.svg b/app/javascript/pages/assets/images/calendar-home.svg index 5fefac12..e4167546 100644 --- a/app/javascript/pages/assets/images/calendar-home.svg +++ b/app/javascript/pages/assets/images/calendar-home.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/app/javascript/pages/assets/images/gallery/2021/january.png b/app/javascript/pages/assets/images/gallery/2021/january.png new file mode 100644 index 00000000..8b74a592 Binary files /dev/null and b/app/javascript/pages/assets/images/gallery/2021/january.png differ diff --git a/app/javascript/pages/components/App.jsx b/app/javascript/pages/components/App.jsx index 4b097208..cb10f74d 100644 --- a/app/javascript/pages/components/App.jsx +++ b/app/javascript/pages/components/App.jsx @@ -41,6 +41,7 @@ const App = (props) => ( +

- December’s visualization + January’s visualization {' '} - revisits the digital divide in an exploration of internet download speeds across Massachusetts. As more and more aspects of our lives go online, the need for reliable internet access is more crucial than ever. + highlights the recently-released MAPC Zoning Atlas and explores residential density throughout the region. A resource nine years in the making, the Zoning Atlas provides standardized methods for comparing land use across the 101 municipalities of Greater Boston.

{ + const [selectedZone, setZone] = useState(''); + const [latLng, setLatLng] = useState(''); + return ( + <> + + +