Melanie Mazanec mmazanec22

***** UPDATE 11/29/2018: INTERCOM IS NOW ACCESSIBLE! *****

See this Tweet: https://twitter.com/destraynor/status/1067943722971672576

Read more details: https://www.intercom.com/help/faqs-and-troubleshooting/the-intercom-messenger/is-the-intercom-messenger-accessible

By default, Intercom is not accessible to people navigating with the keyboard or using screen readers. This little script is a stop-gap solution developed by the City of Asheville to comply with Section 508. It does the following:

	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
	<script src="https://unpkg.com/semiotic/dist/semiotic.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
	<script src="./script.babel"></script>
	<div id="main">
	</div>

	// TODO: RECREATE THIS IN GOOGLE SHEET, EXPORT TO CSV FILES, PARSE WITH D3

	const organizationsDetail = [
	{
	name: 'City of Asheville',
	type: 'government',
	numMembers: 1300,
	yearFounded: 1797,
	},
	{

	const trcData = {
	2018: [
	{
	"Project Name": "Crayton Park",
	"Record Number": "17-09935PZ",
	"Street Address": "86 Crayton Road",
	"Project Type": "Major Sub",
	"Project Modifier": "",
	"Planner": "Jessica Bernstein",
	"Description": "A request for the review of a 16 lot subdivision on the property known as 86 Crayton Road and PIN 9657-46-3875. The project contact is Marty Kocot and the property owner is AMARX Construction, LLC.",

	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script type="text/javascript" src="./permits.js"></script>
	<style type="text/css">
	html, body {
	height: 100vh;
	width: 100vw;

	<!DOCTYPE html>
	<head>
	<meta charset="utf-8">
	<script src="https://d3js.org/d3-color.v1.min.js"></script>
	<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
	<script src="https://unpkg.com/[email protected]/dist/semiotic.min.js"></script>
	<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
	<style>
	body {

	// Add in Default.master file-- also see changes in Google Sheet
	<script type="text/javascript">
	$(function () {
	$('font').attr('size', '')
	$('span').css('line-height', 'unset')
	.css('font-size', 'unset')

	$('theForm')
	.css('height', '100vh')
	.css('letter-spacing', '0.12em')

	class FlowGraph{

	constructor(parentElement, inputData = levelOne) {
	this.parentElement = d3.select(parentElement);
	this.width = this.parentElement.style('width').replace('px', '');
	this.height = this.parentElement.style('height').replace('px', '');
	this.verticalMargins = this.height * 0.015;
	this.horizontalMargins = this.width * 0.015;
	this.data = inputData;