{"version":3,"sources":["webpack:///./src/components/layout.js","webpack:///./src/components/header.js","webpack:///./src/components/hero.js","webpack:///./src/components/index_header_es.js","webpack:///./src/components/hero_ES.js","webpack:///./src/components/footer_ES.js","webpack:///./src/pages/index_es.js"],"names":["Layout","children","data","siteTitle","site","siteMetadata","title","style","margin","maxWidth","padding","AboutHeader","className","href","class","alt","src","require","type","id","for","Hero","Header","HeroES","Footer","target","query","IndexPage","keywords","image","description","allRestApi6046887E0770Da7B870275652C7D60F0CircuitCmsHome","nodes","home","map","imageSrcSp","linkSp","titleSp","authorSp","date","dangerouslySetInnerHTML","__html","subheadSp"],"mappings":"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","file":"component---src-pages-index-es-js-fc506c3076d1584da957.js","sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\n\nimport Header from \"./header\"\nimport Hero from \"./hero\"\nimport Footer from \"./footer\"\n\nimport \"./styles.css\"\n\nconst Layout = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuery {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <Header siteTitle={data.site.siteMetadata.title} />\n      <div\n        style={{\n          margin: `0 auto`,\n          maxWidth: 1100,\n          padding: `0`,\n        }}\n      >\n        <main>{children}</main>\n      </div>\n      <Footer />\n    </>\n  )\n}\n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n","import { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport React from \"react\"\n\nimport \"./styles.css\"\n\n\nconst AboutHeader = ({ siteTitle }) => (\n  <header className=\"header\">\n    <a href=\"/\" class=\"nav-icon\">\n      <img alt=\"The Circuit logo\" src={require('../images/circuit_block.png')} />\n    </a>\n  <input type=\"checkbox\" className=\"menu-btn\" id=\"menu-btn\"/>\n  <label className=\"menu-icon\" for=\"menu-btn\">    \n  <span className=\"navicon\"></span>\n  </label>\n  <ul className=\"menu\">\n    <li><a href=\"https://charges.thecircuit.cc/\">Explore the data</a></li>\n    <li><a href=\"/about_en\">About</a></li>\n    <li><a href='/connect_en'>Connect</a></li>\n    <li><a href=\"/about_en\">English</a> / <a href=\"/about_es\">Español</a></li>\n  </ul>\n  {/* <img className=\"\" src={require('../images/circuit_block.png')} /> */}\n</header>\n)\n\nexport default AboutHeader\n","import React from \"react\"\n\nimport \"./styles.css\"\n\n\nconst Hero = ({ siteTitle }) => (\n    <section className=\"hero\">\n        <div className=\"hero-wrap\">\n            <div className=\"hero-text\">\n                <h1 className=\"hero-headline\"><span className=\"lightWeight\">The</span>Circuit</h1>\n                <h2>Decoding <br/>the Cook County <br/>Court System</h2>\n                <h3>A data-driven collaboration to investigate and reveal how Cook County’s courts work.</h3>\n            </div>\n            <div className=\"hero-img\">\n            </div>\n        </div>\n    </section>\n)\n\nexport default Hero\n","import { Link } from \"gatsby\"\nimport React from \"react\"\n\nimport \"./styles.css\"\n\n\nconst Header = ({ siteTitle }) => (\n  <header className=\"header\">\n    <a href=\"/\" class=\"nav-icon\">\n      <img alt=\"The Circuit logo\" src={require('../images/circuit_block.png')} />\n    </a>\n  <input type=\"checkbox\" className=\"menu-btn\" id=\"menu-btn\"/>\n  <label className=\"menu-icon\" for=\"menu-btn\">    \n  <span className=\"navicon\"></span>\n  </label>\n  <ul className=\"menu\">\n    <li><a href=\"https://charges.thecircuit.cc/es/\">Explorar los datos</a></li>\n    <li><a href=\"/about_es\">Quienes Somos</a></li>\n    <li><a href=\"/\">English</a> / <a href=\"/index_es\">Español</a></li>\n  </ul>\n  {/* <img className=\"\" src={require('../images/circuit_block.png')} /> */}\n</header>\n)\n\n\nexport default Header\n","import React from \"react\"\n\nimport \"./styles.css\"\n\n\nconst HeroES = ({ siteTitle }) => (\n    <section className=\"hero\">\n        <div className=\"hero-wrap\">\n            <div className=\"hero-text\">\n                <h1 className=\"hero-headline\"><span className=\"lightWeight\">The</span>Circuit</h1>\n                <h2>Descodificando el Circuito de Cortes del Condado de Cook. </h2>\n                <h3>Una colaboración basada en datos para investigar y revelar cómo funciona el Circuito de Cortes del Condado de Cook.</h3>\n            </div>\n            <div className=\"hero-img\">\n            </div>\n        </div>\n    </section>\n)\n\nexport default HeroES","import React from \"react\"\n\nimport \"./footer.css\"\n\n\nconst Footer = () => (\n\n    <footer>\n        <div className=\"footer-contain\">\n            <div className=\"footer-left\">\n                <h5 className=\"label\">UNA COLABORACIÓN DE PERIODISMO DE INVESTIGACIÓN</h5>\n                <div className=\"footerOutlets\">\n                    <a href=\"https://www.bettergov.org/\" target=\"_blank\"> \n                        <img title=\"Better Government Association\" alt=\"Better Government Association\" src={require('../images/BGA.png')}/>\n                    </a>\n                    <a href=\"https://www.injusticewatch.org/\" target=\"_blank\"> \n                        <img title=\"Injustice Watch\" alt=\"Injustice Watch\" src={require('../images/IW.png')}/>\n                    </a>\n                    <a href=\"https://datamade.us/\" target=\"_blank\"> \n                        <img title=\"Datamade\" alt=\"Datamade\" src={require('../images/DM.png')}/>\n                    </a>\n                </div>\n                <p>Copyright 2021</p>\n            </div>\n            <div className=\"footer-right\">\n                <img alt=\"The Circuit logo\" src={require('../images/circuit_block.png')} />\n            </div>\n        </div>\n    </footer>\n)\n\nexport default Footer\n","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport HeaderES from \"../components/index_header_es\"\nimport HeroES from \"../components/hero_ES\"\nimport Footer from \"../components/footer_ES\"\nimport SEO from \"../components/seo\"\n\nimport \"../components/styles.css\"\n\n\nconst IndexPage = ({ data }) => (\n  <div>\n    <SEO title=\"The Circuit\" \n      keywords={[`Condado de Cook`, `Circuito de Cortes`, `datos para investigar`]} \n      image=\"https://circuitchicago.s3.us-east-2.amazonaws.com/OG-Datacard3.jpg\"\n      description=\"Una colaboración basada en datos para investigar y revelar cómo funciona el Circuito de Cortes del Condado de Cook.\"\n    />\n    <HeaderES />\n    <HeroES />\n        {data.allRestApi6046887E0770Da7B870275652C7D60F0CircuitCmsHome.nodes[0].home.map((home) => {\n          return (\n            <section className=\"feature-story\">\n              <img src={home.imageSrcSp}></img>\n              <div>\n                <a class=\"feature-link\" href={home.linkSp}>\n                  <h2>{home.titleSp}</h2>\n                  <p className=\"feature-byline\">{home.authorSp} // {home.date}</p>\n                  <p className=\"feature-intro\" dangerouslySetInnerHTML={{__html: (home.subheadSp)}} />\n                </a>\n              </div>\n            </section>\n          )\n        })}\n    <Footer />\n  </div>\n)\n\nexport const query = graphql`\n  {\n    allRestApi6046887E0770Da7B870275652C7D60F0CircuitCmsHome {\n      nodes {\n        home {\n          author\n          authorSp\n          date\n          id\n          imageSrc\n          imageSrcSp\n          link\n          linkSp\n          subhead\n          subheadSp\n          title\n          titleSp\n        }\n      }\n    }\n  }\n`\n\nexport default IndexPage\n"],"sourceRoot":""}