\n { \n titleArr.map(titleItem => {\n if (toBeAnimated && titleItem === ANIMATE_TOKEN) {\n \n return \n { isIE11 ? toBeAnimated[0][0] :
\n ;\n } else {\n return ;\n }\n })\n }\n
\n \n )\n};\n\nexport default AnimatedTitle;","import React from 'react';\n\nexport default (props) => (\n \n);","export default \"data:image/png;base64,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\"","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport T from '../Typography';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport logoBw from '../../assets/image/cto_logo-horizontal_white-2x.png';\n\nconst Footer = (props) => (\n <>\n \n \n);\n\nexport default Footer;","import React from 'react';\nimport {Link} from 'react-router-dom';\nimport logoBw from '../../assets/image/cto_logo-horizontal_white-2x.png';\n\nimport { Container, Row, Col } from 'react-bootstrap';\n\n\nconst Footer = (props) => (\n \n);\n\nexport default Footer;","import Footer from './Footer';\nimport ToolkitFooter from './ToolkitFooter';\n\nexport {\n ToolkitFooter\n};\n\nexport default Footer;","import React from 'react';\nimport ToolkitFooter from './ToolkitFooter';\nimport DefaultFooter from './DefaultFooter';\n\nexport default (props) => {\n\n if (props.variant === \"toolkit\") {\n return \n
(.*?)<\\/h/);\n var h2 = currVal.match(/(.*?)<\\/h/);\n\n if (h1) {\n s.push({ heading: { id: h1[1], title: h1[2] }, subheading: [] });\n } else if (h2) {\n s[s.length - 1].subheading.push({ id: h2[1], title: h2[2] })\n }\n return s;\n }, []\n );\n\n\n return subsections ? subsections : [];\n\n}\n\n\nexport default (props) => {\n const sections = props.content ? getSections(props.content) : [];\n\n const jumpTo = (target) => {\n if (target != null) {\n props.jumpTo(target);\n if (props.onClick && typeof props.onClick === \"function\") {\n props.onClick();\n }\n }\n }\n\n return (\n \n Table of Contents\n jumpTo(_.get(sections, '[0].heading.id', null)) } class=\"sr-only sr-only-focusable\">Skip to main content\n \n {\n sections.map(\n section => (\n \n {\n jumpTo(section.heading.id)\n }} role=\"button\"\n dangerouslySetInnerHTML={{ __html: section.heading.title }}\n />\n {\n section.subheading.length > 0 &&\n \n {\n section.subheading.map(\n subsection => (\n \n jumpTo(subsection.id)}\n role=\"button\"\n dangerouslySetInnerHTML={{ __html: subsection.title }}\n />\n \n )\n )\n }\n
\n }\n \n )\n )\n }\n
\n\n \n );\n}","export default __webpack_public_path__ + \"static/media/chevron-down.56168407.svg\";","export default __webpack_public_path__ + \"static/media/x-circle.ae86ac44.svg\";","import React, { useState } from 'react';\nimport Logo from '../Logo';\nimport { Sticky } from 'react-sticky';\nimport ToolkitSidebar from '../toolkit/ToolkitSidebar';\nimport chevronDown from '../../assets/image/chevron-down.svg';\nimport closeMenu from '../../assets/image/x-circle.svg';\nimport { Container, Row, Col } from 'react-bootstrap';\n\nconst Header = ({page, ...props}) => {\n \n const [isMenuVisible, setMenuVisibility] = useState(false);\n\n return (\n \n {({ style, distanceFromTop }) =>\n (\n \n \n \n \n
\n \n\n \n \n { setMenuVisibility(false); }}\n isMenuVisible={isMenuVisible}\n />\n {\n isMenuVisible &&\n \n \n \n }\n \n {\n !isMenuVisible &&\n ()\n }\n \n \n \n )}\n \n )\n};\nexport default Header;","import React from 'react';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { retrieveBannerNotification } from'../actions/wp';\n\nclass NotificationBanner extends React.Component {\n\n componentDidMount = () => {\n if (!this.props.banner) {\n this.props.retrieveBannerNotification();\n }\n }\n\n render = () => (\n \n )\n}\n\nconst mapStateToProps = (state) => ({\n banner: _.get(state, 'banner.banner'),\n});\n\nexport default connect(mapStateToProps, { \n retrieveBannerNotification\n})(NotificationBanner);","export default __webpack_public_path__ + \"static/media/menu-burger.2df49bd0.svg\";","export default __webpack_public_path__ + \"static/media/close-menu.c5f9b38a.svg\";","import React, { useState } from 'react';\nimport { Sticky } from 'react-sticky';\nimport { Link } from 'react-router-dom';\nimport { Container, Navbar, Nav, Row, Col} from 'react-bootstrap';\nimport Logo from '../Logo';\nimport NotificationBanner from '../NotificationBanner';\nimport menuBurger from '../../assets/image/menu-burger.svg';\nimport closeMenuImage from '../../assets/image/close-menu.svg';\n\n\n\nconst MENU_ITEMS = [\n { link: \"/about\", page: \"about\", label: \"About\"},\n { link: \"/collaboration\", page: \"work-with-us\", label: \"Collaboration\"},\n { link: \"/projects\", page: \"projects\", label: \"Projects\"},\n { link: \"/news\", page: \"news\", label: \"News\"},\n { link: \"/contact\", page: \"contact\", label: \"Contact\"},\n { link: \"/jobs\", page: \"jobs\", label: \"Jobs\"},\n];\nconst Header = ({page, ...props}) => {\n \n const [isExpanded, setExpanded] = useState(false);\n return (\n \n {({ style, distanceFromTop}) => {\n const dist = parseInt(distanceFromTop)\n return (\n \n\n\n \n \n\n {\n setExpanded(expanded);\n }}\n expanded={isExpanded}\n style={{zIndex: 5000}}\n >\n \n \n \n \n \n 
\n \n\n \n \n \n
\n \n\n\n\n \n \n \n \n \n \n \n ) }}\n \n )\n};\n\nexport default Header;\n","import Header from './Header';\nimport ToolkitHeader from './ToolkitHeader';\n\nexport {\n ToolkitHeader\n};\n\nexport default Header;","import React from 'react';\nimport ToolkitHeader from './ToolkitHeader';\nimport DefaultHeader from './DefaultHeader';\n\nexport {\n ToolkitHeader,\n DefaultHeader\n};\n\nexport default (props) => {\n\n if (props.variant === \"toolkit\") {\n return \n {props.children}\n \n)\n\nexport default(props) => (\n \n \n \n \n {_.get(props, 'subtitle')}\n \n \n 
{item.name}
{item.label}{_.get(props, 'releaseDate')} \n \n {\n _.get(props, 'redirectLink', \"\") === \"\" \n ? \n : \n }\n
\n \n \n {/* \n \n \n {\n _.get(props, 'redirectLink', \"\") === \"\" \n ? Press Release\n : Press Release\n }\n \n \n \n \n {\n _.get(props, 'pressKit') \n ? Social Media Downloads\n : null \n }\n \n \n */}\n \n);\n","import React from 'react';\nimport { Link } from 'react-router-dom'; \n\nconst JobDescription = (props) => (\n \n \n Apply Now\n \n)\n\nexport default JobDescription;","import React from 'react';\nimport { Link } from 'react-router-dom'; \n\nconst JobForm = (props) => props.embedFormId ? (\n \n ← Go back to Job Description\n\t\t\t\n \n) : null;\nexport default JobForm","import React from 'react';\n\nexport default (props) => (\n <>\n \n)\n\n/*\n\n */","import React from 'react';\nimport { StickyContainer } from 'react-sticky';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { Page, Footer, ToolkitHeader, Content, Body } from '../components';\nimport Sidebar from '../components/toolkit/ToolkitSidebar';\n\nconst ToolkitTemplate = (props) => (\n \n \n \n \n \n \n
\n \n \n \n \n \n );\n\nexport default ToolkitTemplate;","export default __webpack_public_path__ + \"static/media/bg-staff.6b16d387.jpg\";","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { Page, Footer, Header, \n HTMLContent, Body, Slogan, Attribution,\n T, Hero, CircleImage, Feedback\n} from '../components';\nimport staffBG from '../assets/image/bg-staff.jpg';\nimport { Container, Row, Col } from 'react-bootstrap';\n\nconst TeamBioTemplate = (props) => (\n \n \n \n \n \n {_.get(props.activeTeamMember, 'name')} \n {_.get(props.activeTeamMember, 'position')} \n \n
\n \n \n \n \n \n
\n \n
\n \n \n \n \n);\n\nexport default TeamBioTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { Page, Footer, Header, \n HTMLContent, Body, Slogan, Attribution,\n T, Hero, List, Feedback\n} from '../components';\n\nimport { Container, Row, Col } from 'react-bootstrap';\n\nimport { dateIcon, focusIcon, outputLinkHover,\n formatIcon, locationIcon, tagIcon } from '../assets/image';\n\nconst Tag = (props) => (\n \n {props.children}\n \n)\n\nexport default (props) => (\n \n \n \n \n {_.get(props, 'subtitle')} \n |
\n \n \n\n {/** Meta Area */}\n \n \n \n \n Status \n \n 
{_.unescape(_.get(props, 'projectStatus'))} \n \n \n }\n\n {!_.isEmpty(props.locations) &&\n \n Location \n (\n \n 
\n {_.unescape(item.name)} \n \n )}\n />\n
\n }\n \n {!_.isEmpty(props.focusAreas) &&\n Focus Area \n (\n \n \n {_.unescape(item.name)} \n \n )}\n />\n
\n \n }\n {!_.isEmpty(props.tags) &&\n Tags \n (\n \n \n {_.unescape(item.name)} \n \n )}\n />\n
\n \n }\n {!_.isEmpty(props.formats) &&\n Output Format \n (\n \n 
\n {_.unescape(item.name)} \n \n )}\n />\n
\n \n }\n\n
\n \n \n \n\n\n {/** Outputs */}\n {!_.isEmpty(props.outputs) &&\n \n \n \n (\n \n {_.unescape(item.title)} 
\n\n (Opens in New Tab)\n \n )}\n />\n
\n \n \n }\n\n {/** Content */}\n \n \n \n \n)","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, AnimatedTitle, Body, HTMLContent\n} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\n\n\nconst PageTemplate = (props) => (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n);\n\nexport default PageTemplate;","export default __webpack_public_path__ + \"static/media/pizza-rat.453d8cfc.gif\";","import React from 'react';\nimport { StickyContainer } from 'react-sticky';\nimport {Page, Slogan, Footer, Header, Hero , T, Body} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport pizzaRat from '../assets/image/pizza-rat.gif';\nimport { Link } from 'react-router-dom';\n\nclass PageNotFound extends React.Component {\n \n render = () => (\n \n \n \n \n \n \n Error 404.\n \n \n Something isn't where we left it\n \n \n
\n \n \n \n \n \n 
\n \n
\n \n This is probably on us. We recommend you start on our homepage, learn more about us, or look at some of our work.
\n If you want to get in touch with somebody at the office of the CTO, please contact us.
\n If you wish to file a complaint, submit a service request, or ask a question about a city service, call 311 or visit nyc.gov/311.
\n \n
\n \n \n \n \n );\n\n}\n\nexport default PageNotFound;","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, Body, NewsItem, Content,Feedback\n} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\n\nconst PageTemplate = (props) => {\n const currentYear = new Date().getFullYear();\n return (\n \n \n \n \n \n \n News Archive\n \n \n
\n \n \n \n \n \n \n {\n _.get(props, 'newsArchive', []).map(\n (item) => {\n const newsSource = _.get(props.newsSources.filter(i=>i.id===item.newsSource), '[0]');\n return (\n \n \n
\n \n \n \n \n \n)};\n\nexport default PageTemplate;","export default __webpack_public_path__ + \"static/media/bg-news.e0599551.jpg\";","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, Body, NewsItem, Content,PressKitCard,\n Feedback\n} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { Link } from 'react-router-dom';\n\nimport newsBG from '../assets/image/bg-news.jpg';\n\nconst PageTemplate = (props) => {\n const currentYear = new Date().getFullYear();\n return (\n \n \n \n \n \n \n Press releases\n \n \n
\n \n \n \n \n \n \n {\n _.map(props.pressKits, (pressKit) => (\n \n
\n ))\n }\n {/* \n {\n _.times(currentYear - 2016, item => (\n {currentYear - item}\n ))\n }\n */}\n \n \n \n \n \n \n)};\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, AnimatedTitle, Body, HTMLContent, Feedback\n} from '../components';\nimport { Link } from 'react-router-dom';\nimport { Container, Row, Col } from 'react-bootstrap';\n\nconst PageTemplate = (props) => (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n \n);\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, AnimatedTitle, Body, HTMLContent, Feedback\n} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\n\n\nconst PageTemplate = (props) => (\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n);\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { StickyContainer } from 'react-sticky';\nimport { \n Page, Slogan, Footer, Header, Attribution,\n T, Hero, AnimatedTitle, Body, HTMLContent, ToolkitHeader, Content, Feedback\n} from '../components';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport Sidebar from '../components/toolkit/ToolkitSidebar';\n\n\nconst PageTemplate = (props) => (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n);\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { retrievePage } from '../actions/wp';\nimport { HomeTemplate } from '../templates';\nimport Error404Template from '../templates/Error404Template';\n\n\nclass HomeContainer extends React.Component {\n\n componentDidMount = () => {\n this.props.retrievePage(this.props.slug);\n }\n\n \n componentDidUpdate = (prevProps) => {\n if (prevProps.slug !== this.props.slug) {\n this.props.retrievePage(this.props.slug);\n }\n }\n\n renderTitle = () => {\n if(this.props.title) {\n return this.props.title; \n } else {\n return null;\n }\n \n }\n\n render = () => {\n if (this.props.is404Error) {\n return \n \n \n \n \n \n Press release\n \n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n)};\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { retrievePressRelease } from '../actions/wp';\nimport { connect } from 'react-redux';\n\nimport PressReleaseTemplate from '../templates/PressReleaseTemplate';\n\nclass PressReleaseContainer extends React.Component {\n\n componentDidMount = () => {\n this.props.retrievePressRelease(this.props.slug);\n }\n \n componentDidUpdate = (prevProps, prevState) => {\n\n }\n\n render = () => (\n \n \n {/* bb-5 bb-pop-1 */}\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n Search our projects \n props.categoryFilters.includes(item.value))\n }\n options={ \n [ ... _.get(props, 'categories', []).map(i => ({ value: i.slug, label: i.name })),\n ... _.get(props, 'topics', []).map(i => ({ value: i.name, label: i.name }))\n ]\n }\n styles={\n {\n control: (provided, state) => ({\n ...provided, borderColor: \"#042D36\", borderWidth: 2\n })\n }\n }\n isMulti\n />\n \n
\n \n \n \n \n \n {\n _.get(props, 'caseStudies', [])\n .map(project => (\n {\n return project.categories.map(i => i.id).includes(focus.id)\n }\n )\n }\n />\n \n )\n ) \n }\n \n
\n \n \n \n \n \n)};","import React from 'react';\nimport _ from 'lodash';\nimport { retrieveCaseStudies, retrieveCaseStudyCategories, retrieveCaseStudyTopics } from '../actions/wp';\nimport { connect } from 'react-redux';\n\nimport ProjectArchiveTemplate from '../templates/ProjectArchiveTemplate';\n\nclass ProjectArchiveContainer extends React.Component {\n\n constructor(props) {\n super(props);\n }\n componentDidMount = () => {\n this.props.retrieveCaseStudies();\n this.props.retrieveCaseStudyCategories();\n this.props.retrieveCaseStudyTopics();\n }\n \n componentDidUpdate = (prevProps, prevState) => {\n\n }\n\n handleFilterChange = ( selectedOptions ) => {\n const categoryFilters = selectedOptions ? selectedOptions.map(opt => opt.value) : [];\n this.props.history.push(`/projects-all/${categoryFilters.join('|')}`)\n }\n\n getCaseStudies = () => {\n // Filters the case studies\n let caseStudies = this.props.caseStudies;\n\n if (this.props.query && this.props.query.length > 0) {\n const categoryFilters = this.props.query.split(\"|\")\n caseStudies = caseStudies.filter(caseItem => {\n const categoryMatch = _.intersection(caseItem.categories.map((caseItem) => caseItem.slug), categoryFilters);\n \n const topicMatch = _.intersection(_.get(caseItem, \"topics\", []).map((topic) => topic.name), categoryFilters);\n\n return _.get(categoryMatch, 'length', 0) > 0 \n || _.get(topicMatch, 'length', 0) > 0;\n });\n }\n\n if (_.get(this.state, \"format\", null) !== null) {\n caseStudies = caseStudies.filter(caseItem => {\n const matches = _.filter(caseItem.categories, ['id', _.get(this.state, \"format.value\")]);\n return matches.length > 0;\n });\n }\n\n if (_.get(this.state, \"topic\", null) !== null) {\n caseStudies = caseStudies.filter(caseItem => {\n const matches = _.filter(caseItem.categories, ['id', _.get(this.state, \"topic.value\")]);\n return matches.length > 0;\n });\n }\n\n return caseStudies;\n }\n \n buildCategories = () => {\n \n const categories = this.props.parentCategories.filter(\n parentCategs => _.get(parentCategs,'name') === \"Focus Area\"\n ).map(\n parentCategs => _.filter(this.props.categories, {parent_id: _.get(parentCategs, 'id')}).map(\n category => ({\n id: category.id,\n label: category.name,\n parent: parentCategs.slug,\n })\n )\n )\n\n return _.get(categories, '[0]', []);\n }\n\n \n\n render = () => (\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n);\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport { retrievePage } from '../actions/wp';\nimport GenericPageTemplate from '../templates/GenericPageTemplate';\nimport Error404Template from '../templates/Error404Template';\n\n\nclass GenericPageContainer extends React.Component {\n\n componentDidMount = () => {\n this.props.retrievePage(this.props.slug);\n }\n\n \n componentDidUpdate = (prevProps) => {\n if (prevProps.slug !== this.props.slug) {\n this.props.retrievePage(this.props.slug);\n }\n }\n\n renderTitle = () => {\n if(this.props.title) {\n return this.props.title; \n } else {\n return null;\n }\n \n }\n\n render = () => {\n if (this.props.is404Error) {\n return \n \n \n \n \n \n {_.get(props, 'activeJobPosting.title')}\n \n \n
\n \n \n \n \n \n \n {\n props.showForm === \"true\"\n ? \n \n
\n \n \n \n \n \n)};\n\nexport default PageTemplate;","import React from 'react';\nimport _ from 'lodash';\nimport { connect } from 'react-redux';\nimport JobPostingTemplate from '../templates/JobPostingTemplate';\nimport { retrieveJobPosting } from'../actions/wp';\nimport * as qs from 'query-string';\n\nclass JobPostingContainer extends React.Component {\n\n componentDidMount = () => {\n this.props.retrieveJobPosting(this.props.slug);\n }\n\n getQuery = () => {\n return qs.parse(_.get(this.props, 'location.search', ''), { ignoreQueryPrefix: true })\n }\n\n render = () => (\n \n { GA.init() && \n {\n const {href} = window.location\n \n if (href.indexOf(\"/%23\") >= 0) {\n const redirect = href.replace(\"#/\", \"\").replace(\"/%23\", \"#\");\n window.location = redirect;\n }\n\n return (\n \n\n\n (\n (\n (\n (\n (\n (\n (\n (\n (\n (\n (\n (\n \n \n\n ( {\n return \n \n )\n}\n\nexport default MOCTOWebsite;","import React from 'react';\nimport _ from 'lodash';\nimport { Provider } from 'react-redux';\nimport store from './store';\n\nimport MOCTOWebsite from './pages/MOCTOWebsite';\n\nclass App extends React.Component {\n componentDidMount = () => {\n window.addEventListener('scroll', this.onScroll, false);\n document.body.addEventListener('touchmove', this.onScroll, false);\n document.body.addEventListener(\"gesturechange\", this.onScroll, false);\n document.addEventListener('click', this.checkLink);\n }\n\n checkLink = (event) => {\n const tag = event.target;\n if(tag.tagName === \"A\") {\n\n const location = tag.getAttribute(\"href\");\n if(location && !location.match(/^(#|\\.|\\/)/g) \n && !location.match(/\\/\\/www.*\\.nyc\\.gov/g)\n && !location.match(/\\/\\/www.{0,1}.*\\.nyc\\.gov/g)\n && !location.match(/\\/\\/.*\\.nyc\\.gov/g)\n && !location.match(/\\/\\/nyc\\.gov/g)\n && !location.match(/mailto:.*/g)) {\n \n if(!window.confirm('You are about to leave NYC.gov. Please confirm')) {\n event.preventDefault();\n }\n }\n }\n return false;\n }\n\n onScroll = () => {\n var targetHeaders = document.querySelectorAll('.sticky-header');\n _.each(targetHeaders, item => {\n \n const target = [...item.childNodes].filter(ch => ch.classList !== undefined);\n if (target.length > 0 && target[0].classList !== undefined) {\n if(item.getBoundingClientRect().top - 70 < 0) {\n target[0].classList.add('sticky');\n } else {\n target[0].classList.remove('sticky');\n }\n\n\n const childHeight = target[0].getBoundingClientRect().height;\n if ( item.getBoundingClientRect().top - 70 + item.getBoundingClientRect().height - childHeight < 0) {\n target[0].classList.add('sticky-landing');\n } else {\n target[0].classList.remove('sticky-landing');\n }\n } \n });\n\n var homepageImages = document.querySelectorAll('.anim-group-img');\n _.each(homepageImages, item => {\n \n const bounding = item.getBoundingClientRect();\n if (\n bounding.top >= 0 &&\n // bounding.left >= 0 &&\n // bounding.right <= (window.innerWidth || document.documentElement.clientWidth) &&\n bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n !item.classList.contains(\"activated\")\n ) {\n item.classList.add('activated');\n }\n })\n\n }\n\n render = () => (\n \n \n \n )\n};\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n // console.log(\n // 'This web app is being served cache-first by a service ' +\n // 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n // );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n // console.log(\n // 'New content is available and will be used when all ' +\n // 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n // );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n // console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n // console.log(\n // 'No internet connection found. App is running in offline mode.'\n // );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'babel-polyfill';\nimport { polyfill } from 'es6-promise'; polyfill();\n\nif (typeof Object.assign != 'function') {\n Object.assign = function(target) {\n if (target == null) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n\n target = Object(target);\n for (var index = 1; index < arguments.length; index++) {\n var source = arguments[index];\n if (source != null) {\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n }\n return target;\n };\n}\n\nif (!String.prototype.includes) {\n String.prototype.includes = function(search, start) {\n if (typeof start !== 'number') {\n start = 0;\n }\n \n if (start + search.length > this.length) {\n return false;\n } else {\n return this.indexOf(search, start) !== -1;\n }\n };\n}\n\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, 'includes', {\n value: function (searchElement, fromIndex) {\n\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return x === y || (typeof x === 'number' && typeof y === 'number' && isNaN(x) && isNaN(y));\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n // c. Increase k by 1. \n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport './polyfills';\nimport './assets/style/style.scss';\n\nif (typeof Object.assign != 'function') {\n Object.assign = function(target) {\n if (target == null) {\n throw new TypeError('Cannot convert undefined or null to object');\n }\n\n target = Object(target);\n for (var index = 1; index < arguments.length; index++) {\n var source = arguments[index];\n if (source != null) {\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n }\n return target;\n };\n}\n\nReactDOM.render(
- \n {\n sections.map(\n section => (\n
- \n {\n section.subheading.map(\n subsection => (\n
\n \n \n \n
\n \n\n \n
\n )}\n \n
\n \n \n Toolkit: {props.title}\n {\n isMenuVisible && \n \n }\n
\n \n
\n \n { setMenuVisibility(false); }}\n isMenuVisible={isMenuVisible}\n />\n {\n isMenuVisible &&\n
\n {\n !isMenuVisible &&\n ()\n }\n \n \n
\n }\n \n\n\n \n \n\n {\n setExpanded(expanded);\n }}\n expanded={isExpanded}\n style={{zIndex: 5000}}\n >\n \n \n
\n \n\n\n\n \n
\n ) }}\n \n \n \n \n \n \n\n \n
\n \n \n \n \n \n
\n {props.children}
\n}\n\nexport default Content;\n","export default __webpack_public_path__ + \"static/media/casestudy-date.46f7fe29.svg\";","export default __webpack_public_path__ + \"static/media/casestudy-focus.be4ae4f4.svg\";","export default __webpack_public_path__ + \"static/media/casestudy-format.64ae1e37.svg\";","export default __webpack_public_path__ + \"static/media/casestudy-location.08af3e84.svg\";","export default __webpack_public_path__ + \"static/media/casestudy-tag.5df00b69.svg\";","export default __webpack_public_path__ + \"static/media/output-link-hover.7b2b6f52.svg\";","export default __webpack_public_path__ + \"static/media/output-arrow.c5a3b57f.svg\";","export default __webpack_public_path__ + \"static/media/output-arrow-hover.c6efdc65.svg\";","export default __webpack_public_path__ + \"static/media/output-link.d80182ad.svg\";","import React from 'react';\nimport _ from 'lodash';\nimport { Link } from 'react-router-dom';\nimport T from './Typography';\nimport { tagIcon, focusIcon } from '../assets/image';\nconst Tag = (props) => (\n \n \n {item.name} \n ))\n }\n\n {_.get(props, 'focusAreas', []).map(item=>(\n {item.label} \n ))}\n \n \n
\n);","import React from 'react';\nimport _ from 'lodash';\nimport T from './Typography';\nimport { Link } from 'react-router-dom'; \n\nexport default (props) => (\n\n \n {_.get(props, 'subtitle')}\n \n
\n \n
\n);\n","import React from 'react';\nimport { Link } from 'react-router-dom'; \n\nconst JobDescription = (props) => (\n \n {_.get(props, 'releaseDate')} \n
\n \n {/* \n {\n _.get(props, 'redirectLink', \"\") === \"\" \n ? \n : \n }\n
\n\n
*/}\n \n \n {\n _.get(props, 'redirectLink', \"\") === \"\" \n ? Press Release\n : Press Release\n }\n \n
\n \n \n {\n _.get(props, 'pressKit') \n ? Social Media Downloads\n : null \n }\n \n
\n \n
*/","import React from 'react';\nimport { StickyContainer } from 'react-sticky';\nimport { Container, Row, Col } from 'react-bootstrap';\nimport { Page, Footer, ToolkitHeader, Content, Body } from '../components';\nimport Sidebar from '../components/toolkit/ToolkitSidebar';\n\nconst ToolkitTemplate = (props) => (\n \n \n \n
\n \n
\n \n\n\n {/** Outputs */}\n {!_.isEmpty(props.outputs) &&\n \n \n \n Status \n \n {_.unescape(_.get(props, 'projectStatus'))} \n \n
\n }\n\n {!_.isEmpty(props.locations) &&\n \n Location \n
\n }\n \n {!_.isEmpty(props.focusAreas) &&\n - (\n
\n Focus Area \n
\n \n }\n {!_.isEmpty(props.tags) &&\n - (\n
\n Tags \n
\n \n }\n {!_.isEmpty(props.formats) &&\n - (\n
\n Output Format \n
\n \n }\n\n - (\n
- (\n \n
\n
\n \n This is probably on us. We recommend you start on our homepage, learn more about us, or look at some of our work.
\nIf you want to get in touch with somebody at the office of the CTO, please contact us.
\nIf you wish to file a complaint, submit a service request, or ask a question about a city service, call 311 or visit nyc.gov/311.
\n \n\n {\n _.times(currentYear - 2016, item => (\n {currentYear - item}\n ))\n }\n
\n \n {\n _.times(currentYear - 2016, item => (\n {currentYear - item}\n ))\n }\n
*/}\n \n