{"version":3,"sources":["App.js","serviceWorker.js","index.js"],"names":["Wrapper","styled","div","_templateObject","_taggedTemplateLiteral","WrapperInner","_templateObject2","Brand","h1","_templateObject3","Description","p","_templateObject4","SmallDescription","_templateObject5","News","_templateObject6","SayHiButton","a","_templateObject7","App","React","createElement","href","target","Boolean","window","location","hostname","match","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"iOAGMA,EAAUC,IAAOC,IAAGC,MAAAC,YAAA,mIAQpBC,EAAeJ,IAAOC,IAAGI,MAAAF,YAAA,2GAQzBG,EAAQN,IAAOO,GAAEC,MAAAL,YAAA,gIAQjBM,EAAcT,IAAOU,EAACC,MAAAR,YAAA,6KAUtBS,EAAmBZ,IAAOU,EAACG,MAAAV,YAAA,gIAQ3BW,EAAOd,IAAOU,EAACK,MAAAZ,YAAA,iVAoBfa,EAAchB,IAAOiB,EAACC,MAAAf,YAAA,ojBAyDbgB,EA1BH,WAAH,OACPC,IAAAC,cAACtB,EAAO,KACNqB,IAAAC,cAACjB,EAAY,KACXgB,IAAAC,cAACf,EAAK,KAAC,wBACPc,IAAAC,cAACZ,EAAW,KACVW,IAAAC,cAAA,cAAQ,+BACRD,IAAAC,cAAA,WAAM,kEAGRD,IAAAC,cAACT,EAAgB,KAAC,UACR,SAAS,YAAU,SAAS,YAEtCQ,IAAAC,cAACP,EAAI,KAAC,gBACU,IACdM,IAAAC,cAAA,KAAGC,KAAK,iCAAiCC,OAAO,UAAS,cAEpD,IAAI,gEAGXH,IAAAC,cAACL,EAAW,CAACM,KAAK,2BAA0B,cCvG9BE,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2DCZNC,IAASC,OAAOV,IAAAC,cAACF,EAAG,MAAKY,SAASC,eAAe,SD2H3C,kBAAmBC,WACrBA,UAAUC,cAAcC,MAAMC,KAAK,SAAAC,GACjCA,EAAaC","file":"static/js/main.9862af7d.chunk.js","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nconst Wrapper = styled.div`\n  height: calc(100vh - 40px);\n  display: grid;\n  align-items: center;\n  background-color: #dfeff9;\n  padding: 20px;\n`;\n\nconst WrapperInner = styled.div`\n  width: 100%;\n  height: 100%;\n  max-height: 800px;\n  display: grid;\n  align-items: normal;\n`;\n\nconst Brand = styled.h1`\n  color: #4a4a4a;\n  font-family: 'Roboto Slab', sans-serif;\n  font-size: 1.7em;\n  font-weight: 400;\n  margin: 0;\n`;\n\nconst Description = styled.p`\n  align-self: center;\n  max-width: 737px;\n  color: #4a4a4a;\n  font-family: 'Roboto Slab', sans-serif;\n  font-size: 2.25em;\n  font-weight: 400;\n  margin: 0;\n`;\n\nconst SmallDescription = styled.p`\n  font-family: 'Roboto Slab', sans-serif;\n  font-size: 1em;\n  align-self: center;\n  color: #4a4a4a;\n  margin: 0;\n`;\n\nconst News = styled.p`\n  font-family: 'Roboto Slab', sans-serif;\n  font-size: 1em;\n  align-self: center;\n  color: #4a4a4a;\n  margin: 0;\n  span {\n    font-weight: 800;\n    font-size: 0.75em;\n  }\n  a {\n    font-weight: 800;\n    color: #4a4a4a;\n    text-decoration: none;\n    &:hover {\n      border-bottom: 1px solid #4a4a4a;\n    }\n  }\n`;\n\nconst SayHiButton = styled.a`\n  align-self: end;\n  min-width: 200px;\n  display: grid;\n  background-color: none;\n  border: 2px solid #4a4a4a;\n  color: #4a4a4a;\n  font-family: 'Roboto Slab', sans-serif;\n  font-size: 1em;\n  font-weight: 800;\n  padding: 15px;\n  border-radius: 3px;\n  text-align: center;\n  text-decoration: none;\n  &:hover {\n    background-color: #4a4a4a;\n    color: white;\n  }\n  &:active,\n  &:focus {\n    outline: none;\n  }\n  a:hover {\n    background-color: #4a4a4a;\n    color: white;\n  }\n  @media (min-width: 737px) {\n    max-width: 15%;\n  }\n`;\n\nconst App = () => (\n  <Wrapper>\n    <WrapperInner>\n      <Brand>The Platypus Company</Brand>\n      <Description>\n        <strong>Digital development studio.</strong>\n        <br />\n        We build uniquely functional tools that empower your business.\n      </Description>\n      <SmallDescription>\n        Design {'\\u2192'} Develop {'\\u2192'} Deliver\n      </SmallDescription>\n      <News>\n        Check out our{' '}\n        <a href=\"https://medium.com/@_platypus_\" target=\"_blank\">\n          Platyposts\n        </a>{' '}\n        where we dive into web/mobile development, design, and more!\n      </News>\n      <SayHiButton href=\"mailto: hi@platypus.dev\">\n        Say Hi!\n      </SayHiButton>\n    </WrapperInner>\n  </Wrapper>\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 http://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.1/8 is 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 http://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 http://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    .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 React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<App />, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}