{"version":3,"sources":["assets/bg.jpg","assets/logo.svg","assets/menu.svg","BurgerMenu.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","__webpack_require__","p","Wrapper","styled","div","_templateObject","BurgerMenu","elm","classList","toggle","this","props","toggleOverlay","_this","react_default","a","createElement","viewBox","class","onClick","e","toggleMenu","target","d","Component","backgroundImage","require","logo","Background","App_templateObject","Overlay","_templateObject2","_templateObject3","Header","_templateObject4","Logo","_templateObject5","Body","_templateObject6","Title","_templateObject7","Domain","_templateObject8","Info","_templateObject9","Link","_templateObject10","index","App","Object","classCallCheck","possibleConstructorReturn","getPrototypeOf","call","overlay","React","createRef","bind","assertThisInitialized","current","ref","href","App_Wrapper","src","alt","src_BurgerMenu","className","window","location","hostname","Boolean","match","ReactDOM","render","src_App","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.04f8d557.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/bg.4b1b844b.jpg\";","module.exports = __webpack_public_path__ + \"static/media/logo.d10df6c6.svg\";","module.exports = __webpack_public_path__ + \"static/media/menu.93cb244f.svg\";","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst Wrapper = styled.div`\r\n  position: absolute;\r\n  z-index: 2;\r\n  right: 5%;\r\n  top: 23px;\r\n\r\n  svg{\r\n    width: 60px;\r\n    height: 48px;\r\n    cursor: pointer;\r\n    outline-style: none; \r\n    -webkit-touch-callout: none;\r\n    -webkit-tap-highlight-color: rgba(0,0,0,0);\r\n  }\r\n\r\n  svg path{\r\n    stroke-width: 25;\r\n    stroke-linecap: square;\r\n    stroke: #fff;\r\n    fill: none;\r\n    transition: all .5s ease-in-out;\r\n    pointer-events: none;\r\n  }\r\n\r\n  /* In menu form */\r\n\r\n  .top_bar,\r\n  .bottom_bar{\r\n    stroke-dasharray: 280px 910px;\r\n  }\r\n\r\n  .middle_bar{\r\n    stroke-dasharray: 280px 240px;\r\n  }\r\n\r\n  /* In cross form */\r\n\r\n  .open .top_bar,\r\n  .open .bottom_bar{\r\n    stroke-dashoffset: -674px;\r\n  }\r\n\r\n  .open .middle_bar{\r\n    stroke-dasharray: 0px 220px;\r\n    stroke-dashoffset: -150px;\r\n  }\r\n`;\r\n\r\nclass BurgerMenu extends Component {\r\n  toggleMenu(elm) {\r\n    elm.classList.toggle('open');\r\n    this.props.toggleOverlay();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Wrapper>\r\n        <svg viewBox=\"0 0 800 600\" class=\"\" onClick={(e) => { this.toggleMenu(e.target); }}>\r\n          <path d=\"M280,220c0,0,260,0,280,0c200,0,80,320-40,200c-80-80-220-220-220-220\" class=\"top_bar\" />\r\n          <path d=\"M280,320h280\" class=\"middle_bar\" />\r\n          <path d=\"M280,428c0,0,260,0,280,0c200,0,80-320-40-200c-80,80-220,220-220,220\" class=\"bottom_bar\" />\r\n        </svg>\r\n      </Wrapper>\r\n    );\r\n  }\r\n}\r\nexport default BurgerMenu;","import React, { Component } from 'react';\nimport './index.css';\nimport styled from 'styled-components';\nimport BurgerMenu from './BurgerMenu';\n\nconst backgroundImage = require('./assets/bg.jpg');\nconst logo = require('./assets/logo.svg');\nconst menu = require('./assets/menu.svg');\n\nconst Background = styled.div`\n  position: absolute;\n  background-image: url(${backgroundImage});\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position-x: center;\n  width: 100%;\n  height: 100vh;\n  min-height: 500px;\n  background-color: #000;\n`;\n\nconst Overlay = styled.div`\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -1;\n  overflow: hidden;\n  opacity: 0;\n  transition: 0.5s ease;\n  background-color: rgb(7, 33, 55);\n`;\n\nconst Wrapper = styled.div`\n  display: inline-block;\n  padding-left: 0;\n  padding-right: 0;\n  margin: 0 auto;\n  width: 100%;\n  height: 100vh;\n`;\n\nconst Header = styled.div`\n  /* height: 75px; */\n`;\n\nconst Logo = styled.div`\n  position: absolute;\n  z-index: 2;\n  margin: 30px 5%;\n  float: left;\n`;\n\nconst Body = styled.div`\n  color: #ffffff;\n  text-align: center;\n  margin-top: 28vh;\n`;\n\nconst Title = styled.p`\n  font-family: 'IBM Plex Serif', serif;\n  font-weight: 200;\n  font-size: 40px;\n  margin: 0 5% 0 5%;\n  line-height: 1.1em;\n`;\n\nconst Domain = styled.p`\n  font-family: 'Roboto', sans-serif;\n  font-weight: 500;\n  font-size: 30px;\n  display: inline-block;\n  margin: 10px 0 5vh 0;\n`;\n\nconst Info = styled.p`\n  font-family: 'Roboto', sans-serif;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 1.4em;\n  /* padding-bottom: 4vh; */\n`;\n\nconst Link = styled.p`\n  position: absolute;\n  z-index: 2;\n  font-family: 'IBM Plex Serif', serif;\n  font-size: 30px;\n  color: #fff;\n  top: calc(15vh + ${props => props.index}*10vh);\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  -ms-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  text-align: center;\n`;\n\nclass App extends Component {\n  constructor() {\n    super();\n    this.overlay = React.createRef();\n    this.toggleOverlay = this.toggleOverlay.bind(this);\n  }\n\n  toggleOverlay() {\n    this.overlay.current.classList.toggle('open');\n  }\n\n  render() {\n    return (\n      <Background>\n        <Overlay ref={this.overlay}>\n          <Link index={1}><a href=\"http://cphcloud.com\">Home</a></Link>\n          <Link index={2}><a href=\"http://cphcloud.com/om-os\">About</a></Link>\n          <Link index={3}><a href=\"http://cphcloud.com/cases\">Cases</a></Link>\n          <Link index={4}><a href=\"http://cphcloud.com/kontakt\">Contact</a></Link>\n        </Overlay>\n        <Wrapper>\n          <Header>\n            <Logo><a href=\"http://www.cphcloud.com\"><img src={logo} alt=\"cphcloud\" /></a></Logo>\n            <BurgerMenu toggleOverlay={this.toggleOverlay} />\n          </Header>\n          <Body>\n            <Title className=\"title\">This domain is hosted by CPH Cloud</Title>\n            <Domain>{window.location.hostname}</Domain>\n            <Title className=\"title\">Contact</Title>\n            <Info>\n              CPH Cloud Company<br />\n              Dampfærgevej 8<br />\n              2100 Copenhagen Ø, Denmark<br />\n              <br />\n              Tlf: 70 25 68 39<br />\n              mail@cphcloud.com<br />\n              <a href=\"http://www.cphcloud.com\">www.cphcloud.com</a>\n            </Info>\n          </Body>\n        </Wrapper>\n      </Background>\n    );\n  }\n}\nexport default App;","// 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":""}