{"version":3,"sources":["webpack:///./src/components/ui/AppBar.js","webpack:///./src/pages/privacy-policy.js","webpack:///./src/components/ui/SkewCard.js","webpack:///./src/components/ui/Wrap.js","webpack:///./src/components/content/labels.js"],"names":["BarWrap","styled","div","Bar","p","color","AppBar","props","foregroundColor","backgroundColor","showCTA","center","mobile","useWindowSize","width","href","onClick","e","preventDefault","navigate","style","marginRight","label","CTA_SMALL","CTA","defaultProps","showBanner","PrivacyPage","heading","offsetX","offsetY","marginTop","SkewCard","skew","Content","SectionHeading","h1","children","Wrap","WrapContainer","poster","usePoster"],"mappings":"8FAAA,iGAQMA,EAAUC,IAAOC,IAAV,kEAAGD,CAAH,kCASPE,EAAMF,IAAOC,IAAV,8DAAGD,CAAH,8WAGE,SAAAG,GAAC,OAAIA,EAAEC,SAQL,SAAAD,GAAC,OAAIA,EAAEC,SAoBdC,EAAS,SAAAC,GAAU,IACfC,EAAsDD,EAAtDC,gBAAiBC,EAAqCF,EAArCE,gBAAiBC,EAAoBH,EAApBG,QAASC,EAAWJ,EAAXI,OAc7CC,EAZ4BC,cAA1BC,MAYwB,IAEhC,OACE,kBAACd,EAAD,KACE,kBAACG,EAAD,CAAKE,MAAOG,EAAiBG,OAAQA,GACnC,uBAAGI,KAAK,IAAIC,QAVC,SAAAC,GACjBA,EAAEC,iBACFC,YAAS,OASH,kBAAC,IAAD,CACEd,MAAOG,EACPM,MAAOF,EAAS,GAAK,GACrBQ,MAAO,CAAEC,YAAa,MAJ1B,YAQCX,EACC,kBAAC,IAAD,CACEM,QAzBS,SAAAC,GACjBA,EAAEC,iBACFC,YAAS,aAwBDV,gBAAiBD,EACjBA,gBAAiBC,EACjBa,MAAOV,EAASW,IAAYC,MAE5B,QAMZlB,EAAOmB,aAAe,CACpBf,SAAS,EACTC,QAAQ,EACRe,YAAY,GAGCpB,O,oCC/Ff,gFAiEeqB,UA3DK,WAClB,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,MACA,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,QAAQ,iBACRC,QAAS,EACTC,QAAS,EACTV,MAAO,CAAEW,UAAW,KAEpB,mLAGsB,IACpB,uBAAGhB,KAAK,4BAAR,4BAJF,yCAOA,qQAMA,oTAOA,oJAIA,8QAMA,gMAKA,oQAMA,oF,iHCvDV,IAAMiB,EAAW/B,IAAOC,IAAV,+DAAGD,CAAH,6UAIH,SAAAG,GAAC,OAAIA,EAAEC,SAcL,SAAAD,GAAC,OAAIA,EAAEC,SACI,SAAAD,GAAC,OAAIA,EAAEK,mBACP,SAAAL,GAAC,OAAIA,EAAEC,SAET,SAAAD,GAAC,OAAIA,EAAE6B,QAEL,SAAA7B,GAAC,OAAIA,EAAE6B,KAAO,KAKtCD,EAASP,aAAe,CACtBI,QAAS,EACTC,QAAS,EACTG,KAAM,GAGR,IAAMC,EAAUjC,IAAOC,IAAV,wEAAGD,CAAH,uGAUPkC,EAAiBlC,IAAOmC,GAAV,+EAAGnC,CAAH,8JAcL,oBAAGoC,EAAH,EAAGA,SAAUT,EAAb,EAAaA,QAAYrB,E,oIAAzB,kCACb,kBAACyB,EAAazB,EACZ,kBAAC4B,EAAD,KAAiBP,GACjB,kBAACM,EAAD,KAAUG,M,qIC7Dd,IAAMC,EAAOrC,IAAOC,IAAV,uDAAGD,CAAH,yPAOC,SAAAG,GAAC,OAAIA,EAAEI,mBACI,SAAAJ,GAAC,OAAIA,EAAEK,mBAOhB,SAAAL,GAAC,OAAIA,EAAEI,mBAwBL+B,IAfO,SAAC,GAA4B,IAA1BF,EAAyB,EAAzBA,SAAa9B,E,oIAAY,iBACzCiC,EAAUC,cAD+B,GAE1ChC,EAAkBF,EAAME,iBAAmB+B,EAAO/B,gBAClDD,EAAkBD,EAAMC,iBAAmBgC,EAAOhC,gBACxD,OACE,kBAAC8B,EAAD,iBACM/B,EADN,CAEEC,gBAAiBA,EACjBC,gBAAiBA,IAEhB4B,K,kCCtCP,oEAAO,IACMb,EAAM,qBACND,EAAY","file":"component---src-pages-privacy-policy-js-7bade9aff17167a49b3b.js","sourcesContent":["import React from \"react\"\nimport { navigate } from \"gatsby\"\nimport styled from \"styled-components\"\nimport Logo from \"./assets/Logo\"\nimport Button from \"./Button\"\nimport { CTA, CTA_SMALL } from \"../content/labels\"\nimport { useWindowSize } from \"../../hooks/useWindowSize\"\n\nconst BarWrap = styled.div`\n  /* position: absolute;\n  top: 0px;\n  left: 0px;\n  width: 100%; */\n  position: relative;\n  z-index: 2;\n`\n\nconst Bar = styled.div`\n  display: flex;\n  justify-content: center;\n  color: ${p => p.color};\n  padding: 10px 20px;\n  /* margin-bottom: 20px; */\n  align-items: center;\n\n  a {\n    display: block;\n    text-decoration: none;\n    color: ${p => p.color};\n    margin: 0px;\n    font-weight: normal;\n    font-size: 2.5em;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: \"Gotham Pro\";\n    font-weight: 900;\n  }\n\n  @media (max-width: 800px) {\n    a {\n      font-size: 2em;\n    }\n  }\n`\n\nconst AppBar = props => {\n  const { foregroundColor, backgroundColor, showCTA, center } = props\n\n  const { width: containerWidth } = useWindowSize()\n\n  const handleEdit = e => {\n    e.preventDefault()\n    navigate(`/editor}`)\n  }\n\n  const handleHome = e => {\n    e.preventDefault()\n    navigate(\"/\")\n  }\n\n  const mobile = containerWidth < 800\n\n  return (\n    <BarWrap>\n      <Bar color={foregroundColor} center={center}>\n        <a href=\"/\" onClick={handleHome}>\n          <Logo\n            color={foregroundColor}\n            width={mobile ? 40 : 50}\n            style={{ marginRight: 10 }}\n          />\n          TiltMaps\n        </a>\n        {showCTA ? (\n          <Button\n            onClick={handleEdit}\n            backgroundColor={foregroundColor}\n            foregroundColor={backgroundColor}\n            label={mobile ? CTA_SMALL : CTA}\n          />\n        ) : null}\n      </Bar>\n    </BarWrap>\n  )\n}\n\nAppBar.defaultProps = {\n  showCTA: false,\n  center: false,\n  showBanner: false\n}\n\nexport default AppBar\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport SkewCard from \"../components/ui/SkewCard\"\nimport Wrap from \"../components/ui/Wrap\"\nimport AppBar from \"../components/ui/AppBar\"\n\nconst PrivacyPage = () => {\n  return (\n    <Wrap>\n      <AppBar />\n      <Layout>\n        <SkewCard\n          heading=\"Privacy Policy\"\n          offsetX={0}\n          offsetY={0}\n          style={{ marginTop: 40 }}\n        >\n          <p>\n            Your privacy is important to us. It is TiltMaps' policy to respect\n            your privacy regarding any information we may collect from you\n            across our website,{\" \"}\n            <a href=\"https://www.tiltmaps.com\">https://www.tiltmaps.com</a>, and\n            other sites we own and operate.\n          </p>\n          <p>\n            We only ask for personal information when we truly need it to\n            provide a service to you. We collect it by fair and lawful means,\n            with your knowledge and consent. We also let you know why we’re\n            collecting it and how it will be used.\n          </p>\n          <p>\n            We only retain collected information for as long as necessary to\n            provide you with your requested service. What data we store, we’ll\n            protect within commercially acceptable means to prevent loss and\n            theft, as well as unauthorised access, disclosure, copying, use or\n            modification.\n          </p>\n          <p>\n            We don’t share any personally identifying information publicly or\n            with third-parties, except when required to by law.\n          </p>\n          <p>\n            Our website may link to external sites that are not operated by us.\n            Please be aware that we have no control over the content and\n            practices of these sites, and cannot accept responsibility or\n            liability for their respective privacy policies.\n          </p>\n          <p>\n            You are free to refuse our request for your personal information,\n            with the understanding that we may be unable to provide you with\n            some of your desired services.\n          </p>\n          <p>\n            Your continued use of our website will be regarded as acceptance of\n            our practices around privacy and personal information. If you have\n            any questions about how we handle user data and personal\n            information, feel free to contact us.\n          </p>\n          <p>This policy is effective as of 29 November 2018.</p>\n        </SkewCard>\n      </Layout>\n    </Wrap>\n  )\n}\n\nexport default PrivacyPage\n","import React from \"react\"\nimport styled from \"styled-components\"\n\nconst SkewCard = styled.div`\n  position: relative;\n  z-index: 2;\n  margin: 0px auto;\n  color: ${p => p.color};\n\n  @media (max-width: 600px) {\n    max-width: 90%;\n  }\n\n  &::after {\n    display: block;\n    position: absolute;\n    left: 0px;\n    top: 0px;\n    content: \"\";\n    width: 98%;\n    height: 98%;\n    color: ${p => p.color};\n    background-color: ${p => p.backgroundColor};\n    border: 3px solid ${p => p.color};\n    border-radius: 6px;\n    transform: skew(${p => p.skew}deg);\n    @media (max-width: 700px) {\n      transform: skew(${p => p.skew / 2}deg);\n    }\n  }\n`\n\nSkewCard.defaultProps = {\n  offsetX: 0,\n  offsetY: 0,\n  skew: 4\n}\n\nconst Content = styled.div`\n  padding: 60px;\n  position: relative;\n  z-index: 2;\n  padding-top: 30px;\n  @media (max-width: 600px) {\n    padding: 30px;\n  }\n`\n\nconst SectionHeading = styled.h1`\n  font-family: \"Gotham Pro\";\n  font-weight: 900;\n  font-size: 2.5em;\n  text-align: center;\n  z-index: 3;\n  position: relative;\n  top: 30px;\n\n  @media (max-width: 600px) {\n    font-size: 2em;\n  }\n`\n\nexport default ({ children, heading, ...props }) => (\n  <SkewCard {...props}>\n    <SectionHeading>{heading}</SectionHeading>\n    <Content>{children}</Content>\n  </SkewCard>\n)\n","import React from \"react\"\nimport styled from \"styled-components\"\nimport usePoster from \"../../hooks/usePoster\"\n\nconst Wrap = styled.div`\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  justify-content: center;\n  color: ${p => p.foregroundColor};\n  background-color: ${p => p.backgroundColor};\n  overflow: hidden;\n  position: relative;\n  overflow: hidden;\n  overflow-x: hidden;\n\n  a {\n    color: ${p => p.foregroundColor};\n  }\n\n  @media (max-width: 600px) {\n    /* padding-left: 10px;\n    padding-right: 10px; */\n  }\n`\n\nconst WrapContainer = ({ children, ...props }) => {\n  const [poster] = usePoster()\n  const backgroundColor = props.backgroundColor || poster.backgroundColor\n  const foregroundColor = props.foregroundColor || poster.foregroundColor\n  return (\n    <Wrap\n      {...props}\n      foregroundColor={foregroundColor}\n      backgroundColor={backgroundColor}\n    >\n      {children}\n    </Wrap>\n  )\n}\n\nexport default WrapContainer\n","export const PRODUCT_TERM = 'Map Print' // Poster\nexport const CTA = 'Create Your Poster' // Create your poster\nexport const CTA_SMALL = 'Create Poster' // Create your poster\n"],"sourceRoot":""}