{"version":3,"sources":["webpack:///./src/components/layoutMobile.js","webpack:///./src/components/layoutSmall.js","webpack:///./src/pages/index.js"],"names":["LayoutMobile","children","useStaticQuery","style","position","top","left","height","right","overflow","StrPart1","StrPart2","margin","maxWidth","padding","paddingTop","bottom","color","backgroundImage","imageF","fontSize","to","fontWeight","textDecoration","borderBottom","activeStyle","Date","getFullYear","LayoutSmall","class","width","IndexPage","state","componentDidMount","this","setState","innerWidth","render","console","log","title","React","Component"],"mappings":"6PA8EeA,EA1DM,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SACTC,yBAAe,cAU1B,OACE,oCACE,yBAAKC,MAAO,CAACC,SAAU,SACrBC,IAAK,MACLC,KAAM,MACNC,OAAQ,QACRC,MAAO,MACPC,SAAU,WACV,kBAAC,IAAD,CAAcC,SAAS,QAAQC,SAAS,WAE1C,yBACER,MAAO,CACLS,OAAO,YACPC,SAAU,OACVC,QAAQ,aACRC,WAAY,EACZV,IAAK,QACLW,OAAQ,MACRV,KAAM,MACNE,MAAO,MACPC,SAAU,SAEZ,yBAAKN,MAAO,CAACS,OAAO,gBAAkBE,QAAQ,gBAC5C,8BAAOb,IAGT,gCACE,yBAAKE,MAAO,CAACc,MAAM,QAAQC,gBAAgB,OAAOC,IAAO,IAAIC,SAAS,GAAGb,OAAO,KAC9E,kBAAC,OAAD,CAAMc,GAAG,aACHlB,MAAO,CAAEc,MAAM,QAAUK,WAAY,IAAKC,eAAgB,OAAQC,aAAc,mBAChFC,YAAa,CACXR,MAAM,QACNK,WAAY,IACZE,aAAc,oBALtB,aADF,SAOiC,IAAIE,MAAOC,cAP5C,yC,YCgBGC,EAtDK,SAAC,GAAkB,IAAhB3B,EAAe,EAAfA,SACRC,yBAAe,aAU5B,OACE,oCACE,yBAAKC,MAAO,CAACC,SAAU,SACrBC,IAAK,MACLC,KAAM,MACNC,OAAQ,QACRC,MAAO,MACPC,SAAU,WACV,kBAAC,IAAD,CAAaC,SAAS,QAAQC,SAAS,WAEzC,yBACER,MAAO,CACLS,OAAO,YACPC,SAAU,OACVC,QAAQ,aACRC,WAAY,EACZV,IAAK,QACLW,OAAQ,MACRV,KAAM,MACNE,MAAO,MACPC,SAAU,SAEZ,yBAAKN,MAAO,CAACS,OAAO,YAAcE,QAAQ,kBACxC,8BAAOb,IAGT,gCACE,yBAAK4B,MAAM,aACT,kBAAC,IAAD,CAAa1B,MAAO,CAAC2B,MAAO,UAC5B,yBAAKD,MAAM,cACT,kBAAC,OAAD,CAAMR,GAAG,aAAalB,MAAO,CAACc,MAAM,QAAUK,WAAY,IAAKC,eAAgB,OAAQC,aAAc,mBAAoBC,YAAa,CAACR,MAAM,QAAUK,WAAY,IAAKE,aAAc,oBAAtL,aADF,SACkO,IAAIE,MAAOC,cAD7O,0CCnDNI,E,oJAGJC,MAAQ,CAACF,MAAM,M,8CAEfG,kBAAA,WACEC,KAAKC,SAAS,CAACL,MAAQM,c,EAIzBC,OAAA,WACE,OAAIH,KAAKF,MAAMF,MAAQ,KACrBQ,QAAQC,IAAI,gBAIV,kBAAC,EAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,eACX,2BACE,kBAAC,IAAD,SAMJN,KAAKF,MAAMF,MAAQ,MACrBQ,QAAQC,IAAI,eAIV,kBAAC,EAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,eACX,2BACE,kBAAC,IAAD,UAQRF,QAAQC,IAAI,iBAGV,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAM,eACX,2BACE,kBAAC,IAAD,U,GA/CcC,IAAMC,WAsDfX","file":"component---src-pages-index-js-c6c35c72fa1aa85108cd.js","sourcesContent":["/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n * <Header siteTitle={data.site.siteMetadata.title} />\n */\n\nimport React from \"react\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Header from \"./header\"\nimport ImageFooter from \"../components/img_footer\"\nimport imageF from \"../images/footer.png\"\nimport HeaderMobile from \"./headerMobile\"\n\n// Check if claus layout fits\n// else get layout for smaller screens\n\nconst LayoutMobile = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQueryMobile {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n    return (\n      <>\n        <div style={{position: 'sticky',\n          top: '0px',\n          left: '0px',\n          height: '200px',\n          right: '0px',\n          overflow: 'hidden'}}>\n          <HeaderMobile StrPart1='Klima' StrPart2='Leaks'/>\n        </div>\n        <div\n          style={{\n            margin: `0 0% 0 0%`,\n            maxWidth: '100%',\n            padding: `0 0% 0% 0%`,\n            paddingTop: 0,\n            top: '100px',\n            bottom: '0px',\n            left: '0px',\n            right: '0px',\n            overflow: 'auto'}}>\n\n          <div style={{margin: `0 15px 0 30px`, padding: `0% 0% 0% 0%`}}>\n            <main>{children}</main>\n          </div>\n\n          <footer >\n            <div style={{color:\"white\",backgroundImage:\"url(\"+imageF+\")\",fontSize:14,height:40}}>\n              <Link to=\"/impressum\"\n                    style={{ color: `white`, fontWeight: 400, textDecoration: 'none', borderBottom: '0px solid white' }}\n                    activeStyle={{\n                      color: `white`,\n                      fontWeight: 400,\n                      borderBottom: '2px solid white'\n                    }}>Impressum</Link> - © {new Date().getFullYear()} KlimaLeaks. All rights reserved.\n            </div>\n          </footer>\n        </div>\n      </>\n\n    )\n}\n\nLayoutMobile.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default LayoutMobile\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n * <Header siteTitle={data.site.siteMetadata.title} />\n */\n\nimport React from \"react\"\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Header from \"./header\"\nimport ImageFooter from \"../components/img_footer\"\nimport imageF from \"../images/footer.png\"\nimport HeaderSmall from \"./headerSmall\"\n\n// Check if claus layout fits\n// else get layout for smaller screens\n\nconst LayoutSmall = ({ children }) => {\n  const data = useStaticQuery(graphql`\n    query SiteTitleQuerySmall {\n      site {\n        siteMetadata {\n          title\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <div style={{position: 'sticky',\n        top: '0px',\n        left: '0px',\n        height: '200px',\n        right: '0px',\n        overflow: 'hidden'}}>\n        <HeaderSmall StrPart1='Klima' StrPart2='Leaks'/>\n      </div>\n      <div\n        style={{\n          margin: `0 0% 0 0%`,\n          maxWidth: '100%',\n          padding: `0 0% 0% 0%`,\n          paddingTop: 0,\n          top: '200px',\n          bottom: '0px',\n          left: '0px',\n          right: '0px',\n          overflow: 'auto'}}>\n\n        <div style={{margin: `0 0 0 25%`, padding: `1rem 0% 0% 0%`}}>\n          <main>{children}</main>\n        </div>\n\n        <footer>\n          <div class=\"container\">\n            <ImageFooter style={{width: '100%'}}/>\n            <div class=\"text-block\">\n              <Link to=\"/impressum\" style={{color: `white`, fontWeight: 400, textDecoration: 'none', borderBottom: '0px solid white'}} activeStyle={{color: `white`, fontWeight: 400, borderBottom: '2px solid white'}}>Impressum</Link> - © {new Date().getFullYear()} KlimaLeaks. All rights reserved.\n            </div>\n          </div>\n        </footer>\n      </div>\n    </>\n  )\n}\n\nLayoutSmall.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default LayoutSmall\n","import React from \"react\"\n\nimport Layout from \"../components/layout\"\nimport \"../components/index.css\"\nimport SEO from \"../components/seo\"\nimport MainPage from \"../components/mainpage\"\nimport LayoutMobile from \"../components/layoutMobile\"\nimport LayoutSmall from \"../components/layoutSmall\"\n\nclass IndexPage extends React.Component {\n\n\n  state = {width:1600}\n\n  componentDidMount() {\n    this.setState({width : innerWidth})\n  }\n\n\n  render(){\n    if (this.state.width < 950) {\n      console.log(\"Mobile Index\")\n\n\n      return(\n        <LayoutMobile>\n          <SEO title=\"KlimaLeaks\" />\n          <p>\n            <MainPage/>\n          </p>\n        </LayoutMobile>\n      )\n    }\n\n    if (this.state.width < 1200){\n      console.log(\"Small Index\")\n\n\n      return(\n        <LayoutSmall>\n          <SEO title=\"KlimaLeaks\" />\n          <p>\n            <MainPage/>\n          </p>\n        </LayoutSmall>\n      )\n    }\n\n\n\n    console.log(\"Desktop Index\")\n\n    return(\n      <Layout>\n        <SEO title=\"KlimaLeaks\" />\n        <p>\n          <MainPage/>\n        </p>\n      </Layout>\n    )\n  }\n}\n\nexport default IndexPage\n"],"sourceRoot":""}