{"version":3,"file":"component---src-pages-index-tsx-ddb97680b5156f762262.js","mappings":"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","sources":["webpack://marine-debris-tracker/./src/components/ImageComponents/NatGeoImg.tsx","webpack://marine-debris-tracker/./src/components/Hero/HeroStyledComponents.tsx","webpack://marine-debris-tracker/./src/images/apple-store-badge.svg","webpack://marine-debris-tracker/./src/components/ImageComponents/ApstoreIconComponents.tsx","webpack://marine-debris-tracker/./src/components/ImageComponents/AppstoreIcon.tsx","webpack://marine-debris-tracker/./src/components/Hero/Hero.tsx","webpack://marine-debris-tracker/./src/images/google-play-badge.svg","webpack://marine-debris-tracker/./src/components/ImageComponents/PhoneImg.tsx","webpack://marine-debris-tracker/./src/images/map-example.png","webpack://marine-debris-tracker/./src/components/ImageComponents/NoaaLogo.tsx","webpack://marine-debris-tracker/./src/components/ImageComponents/ItemsImg.tsx","webpack://marine-debris-tracker/./src/components/Home/LiveTotal.tsx","webpack://marine-debris-tracker/./src/mdtApi/getTotalItems.ts","webpack://marine-debris-tracker/./src/components/Home/Home.tsx","webpack://marine-debris-tracker/./src/pages/index.tsx","webpack://marine-debris-tracker/./src/util/numberWithCommas.ts","webpack://marine-debris-tracker/./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js"],"sourcesContent":["import { StaticImage } from \"gatsby-plugin-image\";\nimport React from \"react\";\n\nconst NatGeoImg = () => {\n  return (\n    <StaticImage\n      src=\"../../images/National-Geographic-Logo.png\"\n      quality={100}\n      width={125}\n      formats={[\"auto\", \"webp\", \"avif\"]}\n      alt=\"National Georgaphic\"\n      placeholder=\"none\"\n    />\n  );\n};\n\nexport default NatGeoImg;\n","import { StaticImage } from \"gatsby-plugin-image\";\nimport styled from \"styled-components\";\nimport { TextContent, StyledTitle } from \"../../styles/StyledComponents\";\n\nexport const HeroImageWrapper = styled.div`\n  display: grid;\n  position: relative;\n  z-index: 1;\n  height: 80vh;\n  @media only screen and (max-width: 478px) {\n    min-height: calc(100vh - 61px);\n  }\n`;\n\nexport const HeroWrapper = styled.div`\n  position: absolute;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  z-index: 4;\n  align-items: flex-start;\n  background-position: 0px 0px, 0% 50%;\n  background-size: auto, cover;\n  background-repeat: repeat, no-repeat;\n  background-attachment: scroll, fixed;\n\n  @media only screen and (max-width: 478px) {\n    padding-top: 0px;\n    margin-bottom: 0px;\n    background: none;\n    min-height: calc(100vh - 61px);\n  }\n`;\nexport const HeroTitle = styled(StyledTitle)`\n  margin-bottom: 0px;\n  margin-top: 20px;\n\n  @media only screen and (max-width: 767px) {\n    font-size: 3em;\n  }\n\n  @media only screen and (max-width: 478px) {\n    font-size: 2em;\n    margin-top: 5vh;\n  }\n`;\n\nexport const HeroSubTitle = styled(StyledTitle)`\n  margin-top: 20px;\n  margin-bottom: 20px;\n\n  @media only screen and (max-width: 767px) {\n    font-size: 2em;\n    max-width: 300px;\n  }\n\n  @media only screen and (max-width: 478px) {\n    font-size: 1.5em;\n    margin-top: 10px;\n    max-width: 250px;\n  }\n`;\n\nexport const TitleWrapper = styled.div`\n  @media only screen and (max-width: 478px) {\n  }\n`;\nexport const HeroContent = styled.div`\n  width: 100%;\n  padding: 100px 65px;\n  background-color: transparent;\n  z-index: 3;\n\n  @media only screen and (max-width: 767px) {\n    padding: 20px;\n    padding-top: 0px;\n  }\n\n  @media only screen and (max-width: 478px) {\n    padding-top: 0px;\n    align-items: center;\n  }\n`;\nexport const PoweredBy = styled.div`\n  display: flex;\n  min-width: 600px;\n  flex-direction: row;\n  align-items: center;\n  @media only screen and (max-width: 767px) {\n    display: flex;\n    flex-direction: column;\n    align-items: baseline;\n  }\n`;\n\nexport const PoweredByText = styled(TextContent)`\n  margin-right: 5px;\n  @media only screen and (max-width: 991px) {\n  }\n\n  @media only screen and (max-width: 767px) {\n  }\n\n  @media only screen and (max-width: 478px) {\n  }\n`;\n\nexport const AppIconContainer = styled.div`\n  @media only screen and (max-width: 767px) {\n    display: flex;\n    flex-direction: column;\n  }\n`;\n\nexport const HDImage = styled(StaticImage)`\n  grid-area: 1/1;\n`;\n\nexport const LinGradient = styled.div`\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-position: center;\n  background-size: cover;\n  background-image: linear-gradient(270deg, transparent, #fff 80%);\n\n  @media only screen and (max-width: 767px) {\n    background-image: none;\n    background-color: #ffffff;\n    opacity: 0.95;\n  }\n`;\n","export default __webpack_public_path__ + \"static/apple-store-badge-8c4986ee4828b47d16f5cd694ef065f2.svg\";","import styled from \"styled-components\";\n\nexport const AppstoreLink = styled.a`\n  margin-right: 8px;\n`;\n\nexport const IconImage = styled.img`\n  width: ${({ apple }) => (apple ? \"225px\" : \"238px\")};\n  max-width: 100%;\n  vertical-align: middle;\n  display: inline-block;\n\n  @media only screen and (max-width: 991px) {\n  }\n\n  @media only screen and (max-width: 767px) {\n    width: ${({ apple }) => (apple ? \"190px\" : \"190px\")};\n    margin-top: ${({ apple }) => (apple ? \"20px\" : \"0px\")};\n    margin-bottom: ${({ apple }) => (apple ? \"20px\" : \"0px\")};\n  }\n\n  @media only screen and (max-width: 478px) {\n    width: ${({ apple }) => (apple ? \"190px\" : \"190px\")};\n    margin-top: ${({ apple }) => (apple ? \"20px\" : \"0px\")};\n    margin-bottom: ${({ apple }) => (apple ? \"20px\" : \"0px\")};\n  }\n`;\n","import React from \"react\";\nimport { IconImage, AppstoreLink } from \"./ApstoreIconComponents\";\n\nconst AppstoreIcon = ({\n  src,\n  href,\n  apple,\n}: {\n  src: string;\n  href: string;\n  apple: boolean;\n}) => {\n  return (\n    <AppstoreLink href={href} target=\"__blank\">\n      <IconImage src={src} apple={apple} />\n    </AppstoreLink>\n  );\n};\n\nexport default AppstoreIcon;\n","import React from \"react\";\nimport NatGeoImg from \"../ImageComponents/NatGeoImg\";\nimport {\n  HeroSubTitle,\n  AppIconContainer,\n  HeroContent,\n  HeroTitle,\n  HeroWrapper,\n  LinGradient,\n  PoweredBy,\n  PoweredByText,\n  TitleWrapper,\n  HeroImageWrapper,\n} from \"./HeroStyledComponents\";\nimport appleApp from \"../../images/apple-store-badge.svg\";\nimport googleApp from \"../../images/google-play-badge.svg\";\nimport { useDetectDevice } from \"../../util/hooks\";\nimport AppstoreIcon from \"../ImageComponents/AppstoreIcon\";\nimport { TextContent } from \"../../styles/StyledComponents\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nconst HeroWrapperWithBackground = ({ children }) => {\n  return (\n    <HeroImageWrapper>\n      <HeroWrapper>\n        {children}\n      </HeroWrapper>\n      <LinGradient />\n      <StaticImage \n          src=\"../../images/hero-background-1.jpg\" \n          style={{\n            gridArea: \"1/1\",\n            // You can set a maximum height for the image, if you wish.\n            // maxHeight: 600,\n          }}\n          alt=\"hero background image\"\n          layout=\"fullWidth\"\n          placeholder=\"blurred\"\n          formats={[\"auto\", \"webp\", \"avif\"]}\n        />\n    </HeroImageWrapper>\n  );\n};\n\nconst Hero = () => {\n  const { isTablet, isMobile } = useDetectDevice();\n  return (\n    <HeroWrapperWithBackground>\n      <HeroContent>\n        {!isTablet && (\n          <PoweredBy>\n            <PoweredByText>Powered by Morgan Stanley</PoweredByText>\n            <NatGeoImg />\n          </PoweredBy>\n        )}\n        <TitleWrapper>\n          <HeroTitle\n            size={isMobile || isTablet ? \"20pt\" : \"50pt\"}\n            color=\"#edbd7f\"\n          >\n            Debris Tracker\n          </HeroTitle>\n          <HeroSubTitle color=\"#536275\">\n            An open data citizen scientist movement\n          </HeroSubTitle>\n        </TitleWrapper>\n        {isTablet && (\n          <PoweredBy>\n            <TextContent>Powered by Morgan Stanley</TextContent>\n            <NatGeoImg />\n          </PoweredBy>\n        )}\n        <AppIconContainer>\n          <AppstoreIcon\n            src={appleApp}\n            href={\n              \"https://apps.apple.com/us/app/marine-debris-tracker/id432758761?mt=8&amp;ign-mpt=uo%3D4\"\n            }\n            apple={true}\n          />\n          <AppstoreIcon\n            src={googleApp}\n            href={\n              \"https://play.google.com/store/apps/details?id=edu.uga.engr.geolog.marinedebristrack\"\n            }\n            apple={false}\n          />\n        </AppIconContainer>\n      </HeroContent>\n    </HeroWrapperWithBackground>\n  );\n};\n\nexport default Hero;\n","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTM1IDQwIiB3aWR0aD0iMjUwMCIgaGVpZ2h0PSI3NDEiPjxzdHlsZT4uc3Qwe2ZpbGw6I2E2YTZhNn0uc3Qxe3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDouMjtzdHJva2UtbWl0ZXJsaW1pdDoxMH0uc3QxLC5zdDJ7ZmlsbDojZmZmfS5zdDN7ZmlsbDp1cmwoI1NWR0lEXzFfKX0uc3Q0e2ZpbGw6dXJsKCNTVkdJRF8yXyl9LnN0NXtmaWxsOnVybCgjU1ZHSURfM18pfS5zdDZ7ZmlsbDp1cmwoI1NWR0lEXzRfKX0uc3Q3LC5zdDgsLnN0OXtvcGFjaXR5Oi4yO2VuYWJsZS1iYWNrZ3JvdW5kOm5ld30uc3Q4LC5zdDl7b3BhY2l0eTouMTJ9LnN0OXtvcGFjaXR5Oi4yNTtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBkPSJNMTMwIDQwSDVjLTIuOCAwLTUtMi4yLTUtNVY1YzAtMi44IDIuMi01IDUtNWgxMjVjMi44IDAgNSAyLjIgNSA1djMwYzAgMi44LTIuMiA1LTUgNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMwIC44YzIuMyAwIDQuMiAxLjkgNC4yIDQuMnYzMGMwIDIuMy0xLjkgNC4yLTQuMiA0LjJINUMyLjcgMzkuMi44IDM3LjMuOCAzNVY1Qy44IDIuNyAyLjcuOCA1IC44aDEyNW0wLS44SDVDMi4yIDAgMCAyLjMgMCA1djMwYzAgMi44IDIuMiA1IDUgNWgxMjVjMi44IDAgNS0yLjIgNS01VjVjMC0yLjctMi4yLTUtNS01eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00Ny40IDEwLjJjMCAuOC0uMiAxLjUtLjcgMi0uNi42LTEuMy45LTIuMi45LS45IDAtMS42LS4zLTIuMi0uOS0uNi0uNi0uOS0xLjMtLjktMi4yIDAtLjkuMy0xLjYuOS0yLjIuNi0uNiAxLjMtLjkgMi4yLS45LjQgMCAuOC4xIDEuMi4zLjQuMi43LjQuOS43bC0uNS41Yy0uNC0uNS0uOS0uNy0xLjYtLjctLjYgMC0xLjIuMi0xLjYuNy0uNS40LS43IDEtLjcgMS43cy4yIDEuMy43IDEuN2MuNS40IDEgLjcgMS42LjcuNyAwIDEuMi0uMiAxLjctLjcuMy0uMy41LS43LjUtMS4yaC0yLjJ2LS44aDIuOXYuNHpNNTIgNy43aC0yLjd2MS45aDIuNXYuN2gtMi41djEuOUg1MnYuOGgtMy41VjdINTJ2Ljd6TTU1LjMgMTNoLS44VjcuN2gtMS43VjdINTd2LjdoLTEuN1YxM3pNNTkuOSAxM1Y3aC44djZoLS44ek02NC4xIDEzaC0uOFY3LjdoLTEuN1Y3aDQuMXYuN0g2NFYxM3pNNzMuNiAxMi4yYy0uNi42LTEuMy45LTIuMi45LS45IDAtMS42LS4zLTIuMi0uOS0uNi0uNi0uOS0xLjMtLjktMi4ycy4zLTEuNi45LTIuMmMuNi0uNiAxLjMtLjkgMi4yLS45LjkgMCAxLjYuMyAyLjIuOS42LjYuOSAxLjMuOSAyLjIgMCAuOS0uMyAxLjYtLjkgMi4yem0tMy44LS41Yy40LjQgMSAuNyAxLjYuNy42IDAgMS4yLS4yIDEuNi0uNy40LS40LjctMSAuNy0xLjdzLS4yLTEuMy0uNy0xLjdjLS40LS40LTEtLjctMS42LS43LS42IDAtMS4yLjItMS42LjctLjQuNC0uNyAxLS43IDEuN3MuMiAxLjMuNyAxLjd6TTc1LjYgMTNWN2guOWwyLjkgNC43VjdoLjh2NmgtLjhsLTMuMS00LjlWMTNoLS43eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02OC4xIDIxLjhjLTIuNCAwLTQuMyAxLjgtNC4zIDQuMyAwIDIuNCAxLjkgNC4zIDQuMyA0LjNzNC4zLTEuOCA0LjMtNC4zYzAtMi42LTEuOS00LjMtNC4zLTQuM3ptMCA2LjhjLTEuMyAwLTIuNC0xLjEtMi40LTIuNnMxLjEtMi42IDIuNC0yLjZjMS4zIDAgMi40IDEgMi40IDIuNiAwIDEuNS0xLjEgMi42LTIuNCAyLjZ6bS05LjMtNi44Yy0yLjQgMC00LjMgMS44LTQuMyA0LjMgMCAyLjQgMS45IDQuMyA0LjMgNC4zczQuMy0xLjggNC4zLTQuM2MwLTIuNi0xLjktNC4zLTQuMy00LjN6bTAgNi44Yy0xLjMgMC0yLjQtMS4xLTIuNC0yLjZzMS4xLTIuNiAyLjQtMi42YzEuMyAwIDIuNCAxIDIuNCAyLjYgMCAxLjUtMS4xIDIuNi0yLjQgMi42em0tMTEuMS01LjV2MS44SDUyYy0uMSAxLS41IDEuOC0xIDIuMy0uNi42LTEuNiAxLjMtMy4zIDEuMy0yLjcgMC00LjctMi4xLTQuNy00LjhzMi4xLTQuOCA0LjctNC44YzEuNCAwIDIuNS42IDMuMyAxLjNsMS4zLTEuM2MtMS4xLTEtMi41LTEuOC00LjUtMS44LTMuNiAwLTYuNyAzLTYuNyA2LjYgMCAzLjYgMy4xIDYuNiA2LjcgNi42IDIgMCAzLjQtLjYgNC42LTEuOSAxLjItMS4yIDEuNi0yLjkgMS42LTQuMiAwLS40IDAtLjgtLjEtMS4xaC02LjJ6bTQ1LjQgMS40Yy0uNC0xLTEuNC0yLjctMy42LTIuN3MtNCAxLjctNCA0LjNjMCAyLjQgMS44IDQuMyA0LjIgNC4zIDEuOSAwIDMuMS0xLjIgMy41LTEuOWwtMS40LTFjLS41LjctMS4xIDEuMi0yLjEgMS4ycy0xLjYtLjQtMi4xLTEuM2w1LjctMi40LS4yLS41em0tNS44IDEuNGMwLTEuNiAxLjMtMi41IDIuMi0yLjUuNyAwIDEuNC40IDEuNi45bC0zLjggMS42ek04Mi42IDMwaDEuOVYxNy41aC0xLjlWMzB6bS0zLTcuM2MtLjUtLjUtMS4zLTEtMi4zLTEtMi4xIDAtNC4xIDEuOS00LjEgNC4zczEuOSA0LjIgNC4xIDQuMmMxIDAgMS44LS41IDIuMi0xaC4xdi42YzAgMS42LS45IDIuNS0yLjMgMi41LTEuMSAwLTEuOS0uOC0yLjEtMS41bC0xLjYuN2MuNSAxLjEgMS43IDIuNSAzLjggMi41IDIuMiAwIDQtMS4zIDQtNC40VjIyaC0xLjh2Ljd6bS0yLjIgNS45Yy0xLjMgMC0yLjQtMS4xLTIuNC0yLjZzMS4xLTIuNiAyLjQtMi42YzEuMyAwIDIuMyAxLjEgMi4zIDIuNnMtMSAyLjYtMi4zIDIuNnptMjQuNC0xMS4xaC00LjVWMzBoMS45di00LjdoMi42YzIuMSAwIDQuMS0xLjUgNC4xLTMuOXMtMi0zLjktNC4xLTMuOXptLjEgNmgtMi43di00LjNoMi43YzEuNCAwIDIuMiAxLjIgMi4yIDIuMS0uMSAxLjEtLjkgMi4yLTIuMiAyLjJ6bTExLjUtMS44Yy0xLjQgMC0yLjguNi0zLjMgMS45bDEuNy43Yy40LS43IDEtLjkgMS43LS45IDEgMCAxLjkuNiAyIDEuNnYuMWMtLjMtLjItMS4xLS41LTEuOS0uNS0xLjggMC0zLjYgMS0zLjYgMi44IDAgMS43IDEuNSAyLjggMy4xIDIuOCAxLjMgMCAxLjktLjYgMi40LTEuMmguMXYxaDEuOHYtNC44Yy0uMi0yLjItMS45LTMuNS00LTMuNXptLS4yIDYuOWMtLjYgMC0xLjUtLjMtMS41LTEuMSAwLTEgMS4xLTEuMyAyLTEuMy44IDAgMS4yLjIgMS43LjQtLjIgMS4yLTEuMiAyLTIuMiAyem0xMC41LTYuNmwtMi4xIDUuNGgtLjFsLTIuMi01LjRoLTJsMy4zIDcuNi0xLjkgNC4yaDEuOWw1LjEtMTEuOGgtMnptLTE2LjggOGgxLjlWMTcuNWgtMS45VjMweiIvPjxnPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjEuOCIgeTE9IjMzLjI5IiB4Mj0iNS4wMTciIHkyPSIxNi41MDgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA0MikiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzAwYTBmZiIvPjxzdG9wIG9mZnNldD0iLjAwNyIgc3RvcC1jb2xvcj0iIzAwYTFmZiIvPjxzdG9wIG9mZnNldD0iLjI2IiBzdG9wLWNvbG9yPSIjMDBiZWZmIi8+PHN0b3Agb2Zmc2V0PSIuNTEyIiBzdG9wLWNvbG9yPSIjMDBkMmZmIi8+PHN0b3Agb2Zmc2V0PSIuNzYiIHN0b3AtY29sb3I9IiMwMGRmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMGUzZmYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0xMC40IDcuNWMtLjMuMy0uNC44LS40IDEuNFYzMWMwIC42LjIgMS4xLjUgMS40bC4xLjFMMjMgMjAuMXYtLjJMMTAuNCA3LjV6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzMy44MzQiIHkxPSIyMS45OTkiIHgyPSI5LjYzNyIgeTI9IjIxLjk5OSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDQyKSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZlMDAwIi8+PHN0b3Agb2Zmc2V0PSIuNDA5IiBzdG9wLWNvbG9yPSIjZmZiZDAwIi8+PHN0b3Agb2Zmc2V0PSIuNzc1IiBzdG9wLWNvbG9yPSJvcmFuZ2UiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZjljMDAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yNyAyNC4zbC00LjEtNC4xVjE5LjlsNC4xLTQuMS4xLjEgNC45IDIuOGMxLjQuOCAxLjQgMi4xIDAgMi45bC01IDIuN3oiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI0LjgyNyIgeTE9IjE5LjcwNCIgeDI9IjIuMDY5IiB5Mj0iLTMuMDU0IiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAgNDIpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZjNhNDQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNjMzExNjIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0yNy4xIDI0LjJMMjIuOSAyMCAxMC40IDMyLjVjLjUuNSAxLjIuNSAyLjEuMWwxNC42LTguNCIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNy4yOTciIHkxPSI0MS44MjQiIHgyPSIxNy40NiIgeTI9IjMxLjY2MSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDQyKSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMzJhMDcxIi8+PHN0b3Agb2Zmc2V0PSIuMDY5IiBzdG9wLWNvbG9yPSIjMmRhNzcxIi8+PHN0b3Agb2Zmc2V0PSIuNDc2IiBzdG9wLWNvbG9yPSIjMTVjZjc0Ii8+PHN0b3Agb2Zmc2V0PSIuODAxIiBzdG9wLWNvbG9yPSIjMDZlNzc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDBmMDc2Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjcuMSAxNS44TDEyLjUgNy41Yy0uOS0uNS0xLjYtLjQtMi4xLjFMMjIuOSAyMGw0LjItNC4yeiIvPjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0yNyAyNC4xbC0xNC41IDguMmMtLjguNS0xLjUuNC0yIDBsLS4xLjEuMS4xYy41LjQgMS4yLjUgMiAwTDI3IDI0LjF6Ii8+PHBhdGggY2xhc3M9InN0OCIgZD0iTTEwLjQgMzIuM2MtLjMtLjMtLjQtLjgtLjQtMS40di4xYzAgLjYuMiAxLjEuNSAxLjR2LS4xaC0uMXpNMzIgMjEuM2wtNSAyLjguMS4xIDQuOS0yLjhjLjctLjQgMS0uOSAxLTEuNCAwIC41LS40LjktMSAxLjN6Ii8+PHBhdGggY2xhc3M9InN0OSIgZD0iTTEyLjUgNy42TDMyIDE4LjdjLjYuNCAxIC44IDEgMS4zIDAtLjUtLjMtMS0xLTEuNEwxMi41IDcuNWMtMS40LS44LTIuNS0uMi0yLjUgMS40VjljMC0xLjUgMS4xLTIuMiAyLjUtMS40eiIvPjwvZz48L3N2Zz4=\"","import { StaticImage } from \"gatsby-plugin-image\";\nimport React from \"react\";\n\nconst PhoneImg = () => {\n  return (\n    <StaticImage\n      src=\"../../images/MDT-iphones-screenshots.png\"\n      quality={100}\n      width={700}\n      formats={[\"auto\", \"webp\", \"avif\"]}\n      alt=\"National Georgaphic\"\n      placeholder=\"blurred\"\n    />\n  );\n};\n\nexport default PhoneImg;\n","export default __webpack_public_path__ + \"static/map-example-e5312ef48683610f6a9a0619da05311a.png\";","import React from \"react\";\nimport styled from \"styled-components\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nconst NoaaImgWrapper = styled.div`\n  margin-left: 15px;\n  @media only screen and (max-width: 478px) {\n    margin-left: 0px;\n  }\n`;\n\nconst NoaaLogo = () => {\n  return (\n    <NoaaImgWrapper>\n      <StaticImage\n        src=\"../../images/noa-logo.png\"\n        quality={100}\n        width={150}\n        formats={[\"auto\", \"webp\", \"avif\"]}\n        alt=\"National Georgaphic\"\n        placeholder=\"blurred\"\n      />\n    </NoaaImgWrapper>\n  );\n};\n\nexport default NoaaLogo;\n","import { StaticImage } from \"gatsby-plugin-image\";\nimport React from \"react\";\n\nconst ItemsImg = () => {\n  return (\n    <StaticImage\n      src=\"../../images/items.png\"\n      quality={100}\n      width={550}\n      formats={[\"auto\", \"webp\", \"avif\"]}\n      alt=\"National Georgaphic\"\n      placeholder=\"none\"\n    />\n  );\n};\nexport default ItemsImg;\n","import React, { useEffect } from \"react\";\nimport { useState } from \"react\";\nimport getTotalItems from \"../../mdtApi/getTotalItems\";\nimport { StyledTitle } from \"../../styles/StyledComponents\";\nimport { useIsMounted } from \"../../util/hooks\";\nimport numberWithCommas from \"../../util/numberWithCommas\";\nimport styled from \"styled-components\";\nimport { colors } from \"../../styles/colors\";\n\nconst LiveTotalTitle = styled(StyledTitle)`\n  color: ${colors.white};\n  @media only screen and (max-width: 478px) {\n    font-size: 38px;\n    text-align: center;\n  }\n`;\n\nconst LiveTotalText = styled.span`\n  color: ${colors.orange};\n\n  @media only screen and (max-width: 478px) {\n    font-size: 38px;\n  }\n`;\n\nconst LiveTotalContainer = styled.div`\n  text-align: center;\n`;\n\nconst LiveTotal = () => {\n  const mounted = useIsMounted();\n  const [liveTotal, setLiveTotal] = useState<string>(\"...\");\n\n  useEffect(() => {\n    const fetchTotal = async () => {\n      const response = await getTotalItems();\n\n      if (Number.isInteger(parseInt(response.data))) {\n        mounted.current && setLiveTotal(numberWithCommas(response.data));\n      }\n    };\n\n    try {\n      mounted.current && fetchTotal();\n    } catch {\n      console.error(\"Something went wrong..\");\n    }\n  }, [mounted]);\n  return (\n    <LiveTotalContainer>\n      <LiveTotalTitle>\n        <LiveTotalText>{liveTotal}</LiveTotalText> debris items collected!\n      </LiveTotalTitle>\n    </LiveTotalContainer>\n  );\n};\n\nexport default LiveTotal;\n","import fetch from \"isomorphic-fetch\";\nimport { apiUrl } from \"../util/urls\";\nexport default async () => {\n  try {\n    const res = await fetch(`${apiUrl}/getTotal.php`);\n    let parsed = res.json();\n    return parsed;\n  } catch (err) {\n    return err;\n  }\n};\n","import React from \"react\";\nimport {\n  Callout,\n  CalloutContentWrapper,\n  Emphasis,\n  Title,\n  TextContent,\n  CalloutContentText,\n} from \"../../styles/StyledComponents\";\nimport PhoneImg from \"../ImageComponents/PhoneImg\";\nimport styled from \"styled-components\";\nimport mapImage from \"../../images/map-example.png\";\nimport Video from \"../Video/Video\";\nimport NoaaLogo from \"../ImageComponents/NoaaLogo\";\nimport Button from \"../Button/Button\";\nimport ItemsImg from \"../ImageComponents/ItemsImg\";\nimport FaqContainer from \"../Faq/FaqContainer\";\nimport { useQuery, gql } from \"@apollo/client\";\nimport LiveTotal from \"./LiveTotal\";\nimport { navigate } from \"gatsby\";\n\nconst TextContentLarge = styled.h4`\n  max-width: 800px;\n  font-family: Lato, sans-serif;\n  color: #536275;\n  font-size: 28px;\n  line-height: 38px;\n  font-weight: 400;\n  text-align: center;\n`;\n\nconst MapWrapper = styled.div``;\n\nconst MapImg = styled.img`\n  display: block;\n  width: 100%;\n  object-fit: cover;\n`;\n\nconst FAQ_QUESTIONS = gql`\n  query GetFAQ {\n    faqSection(id: \"6HhJv9CARst8DRcDjDhELC\") {\n      faqQuestionsCollection {\n        items {\n          question\n          answer\n        }\n      }\n    }\n  }\n`;\n\nconst Home = () => {\n  const { loading, data: faqDataGQL } = useQuery(FAQ_QUESTIONS);\n\n  return (\n    <div>\n      <Callout type=\"grey\">\n        <CalloutContentWrapper>\n          <PhoneImg />\n          <CalloutContentText>\n            <Title level={2} color=\"#536275\">\n              8 million metric tons...\n            </Title>\n            <TextContent>\n              That's how much plastic is estimated to enter the ocean every\n              year. What are we doing to change that? <br />‍<br />\n              <Emphasis>Debris Tracker</Emphasis> is designed to help citizen\n              scientists like you make a difference by contributing data on\n              plastic pollution in your community. We've been tracking litter\n              since before smartphones existed, and we're still driven by\n              uniting technology and citizen science to fight plastic pollution.\n              Every day, dedicated educational, non-profit, and scientific\n              organizations and passionate citizen scientists from all around\n              the world record data on inland and marine debris with our\n              easy-to-use app, contributing to our open data platform and\n              scientific research.\n            </TextContent>\n          </CalloutContentText>\n        </CalloutContentWrapper>\n      </Callout>\n      <Callout>\n        <LiveTotal />\n      </Callout>\n      <Callout type=\"grey\">\n        <CalloutContentWrapper vertical>\n          <Video\n            videoTitle=\"What is Debris Tracker?\"\n            videoSrcURL={\"https://www.youtube.com/embed/lhGvFLLp6dA\"}\n            width={516}\n            height={316}\n          />\n          <TextContentLarge>\n            <Emphasis>Together,</Emphasis> we can create a bigger picture of\n            marine debris and plastic pollution through collecting open data,\n            generating scientific findings, informing policy, and inspiring\n            upstream design.\n          </TextContentLarge>\n        </CalloutContentWrapper>\n      </Callout>\n      <MapWrapper>\n        <a\n          onClick={() => {\n            navigate(\"/data\");\n          }}\n        >\n          <MapImg\n            src={mapImage}\n            sizes=\"(max-width: 2000px) 100vw, 2000px\"\n            alt=\"\"\n          />\n        </a>\n      </MapWrapper>\n      <Callout type=\"grey\">\n        <CalloutContentWrapper>\n          <CalloutContentText>\n            <Title level={2} color=\"#536275\" centered>\n              Data at your fingertips\n            </Title>\n            <TextContent>\n              We believe in open data because we believe the key to solving\n              plastic pollution is working together. View all data from around\n              the world, or select a customized list from one of our\n              collaborators. Filter by date and category, and choose what\n              categories to include in your graphs. Inspired solutions begin\n              with quality data.\n            </TextContent>\n            <Button\n              onClick={() => {\n                navigate(\"/data\");\n              }}\n              style={{ marginTop: \"20px\", marginBottom: \"20px\" }}\n              target=\"__blank\"\n            >\n              Our Data Platform\n            </Button>\n          </CalloutContentText>\n          <ItemsImg />\n        </CalloutContentWrapper>\n      </Callout>\n      <Callout type=\"white\" vertical>\n        <CalloutContentWrapper>\n          <Video\n            style={{ marginRight: \"20px\" }}\n            videoTitle=\"Tutorial\"\n            videoSrcURL={\"https://www.youtube.com/embed/LzobdbAckws\"}\n            width={560}\n            height={316}\n          />\n          <CalloutContentText>\n            <Title level={2} color=\"#536275\" centered={true}>\n              Getting started with Debris Tracker\n            </Title>\n            <TextContent>\n              New here? Let us help you get started. Learn the basics of the app\n              and get answers to our most frequently asked questions.\n            </TextContent>\n          </CalloutContentText>\n        </CalloutContentWrapper>\n        <Callout type=\"white\" vertical>\n          <CalloutContentWrapper>\n            <Title centered level={2} color=\"#536275\">\n              Frequently Asked Questions\n            </Title>\n          </CalloutContentWrapper>\n          <CalloutContentWrapper>\n            {!loading && (\n              <FaqContainer\n                data={faqDataGQL.faqSection.faqQuestionsCollection.items.map(\n                  (item) => {\n                    return { question: item.question, answer: item.answer };\n                  }\n                )}\n              />\n            )}\n          </CalloutContentWrapper>\n        </Callout>\n      </Callout>\n      <Callout type=\"grey\" vertical>\n        <CalloutContentWrapper vertical>\n          <Title level={2} color=\"#536275\">\n            Our Partners\n          </Title>\n          <CalloutContentWrapper>\n            <TextContent>\n              Debris Tracker is powered by Morgan Stanley in partnership with\n              National Geographic Society and the University of Georgia. Our app\n              was developed in 2010 by the NOAA Marine Debris Program and the\n              College of Engineering at the University of Georgia. Additional\n              support provided by 11th Hour Racing.\n            </TextContent>\n            <NoaaLogo />\n          </CalloutContentWrapper>\n        </CalloutContentWrapper>\n      </Callout>\n    </div>\n  );\n};\n\nexport default Home;\n","require(\"typeface-lato\");\nimport * as React from \"react\";\n\nimport Layout from \"../components/Layout/Layout\";\nimport Seo from \"../components/seo\";\nimport Hero from \"../components/Hero/Hero\";\nimport Home from \"../components/Home/Home\";\n\nconst IndexPage = () => {\n  return (\n    <Layout vertical={true}>\n      <Seo title=\"Home\" />\n      <Hero />\n      <Home />\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n","export default (number) => {\n  return number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n};\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n  strings.raw = raw;\n  return strings;\n}"],"names":["NatGeoImg","React","StaticImage","src","quality","width","formats","alt","placeholder","__imageData","require","HeroImageWrapper","styled","div","withConfig","displayName","componentId","HeroWrapper","HeroTitle","StyledTitle","HeroSubTitle","TitleWrapper","HeroContent","PoweredBy","PoweredByText","TextContent","AppIconContainer","LinGradient","AppstoreLink","a","IconImage","img","_ref","apple","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","href","target","HeroWrapperWithBackground","children","style","gridArea","layout","Hero","isTablet","isMobile","useDetectDevice","size","color","AppstoreIcon","appleApp","PhoneImg","NoaaImgWrapper","NoaaLogo","ItemsImg","LiveTotalTitle","colors","white","LiveTotalText","span","orange","LiveTotalContainer","LiveTotal","mounted","useIsMounted","liveTotal","setLiveTotal","useState","useEffect","fetchTotal","async","response","fetch","apiUrl","json","err","getTotalItems","Number","isInteger","parseInt","data","current","numberWithCommas","console","error","TextContentLarge","h4","MapWrapper","MapImg","FAQ_QUESTIONS","gql","_templateObject","_taggedTemplateLiteralLoose","Home","loading","faqDataGQL","useQuery","Callout","type","CalloutContentWrapper","CalloutContentText","Title","level","Emphasis","vertical","Video","videoTitle","videoSrcURL","height","onClick","navigate","mapImage","sizes","centered","Button","marginTop","marginBottom","marginRight","FaqContainer","faqSection","faqQuestionsCollection","items","map","item","question","answer","IndexPage","Layout","Seo","title","number","toString","replace","strings","raw","slice"],"sourceRoot":""}