{"version":3,"sources":["webpack:///./src/components/Header.js","webpack:///./src/components/Main.js","webpack:///./src/components/Footer.js","webpack:///./src/pages/index.js"],"names":["Header","props","id","style","timeout","display","className","onClick","onOpenArticle","Main","render","close","onCloseArticle","ref","this","setWrapperRef","article","articleTimeout","href","React","Component","Footer","IndexPage","state","isArticleVisible","loading","handleOpenArticle","bind","handleCloseArticle","handleClickOutside","componentDidMount","timeoutId","setTimeout","setState","document","addEventListener","componentWillUnmount","clearTimeout","removeEventListener","node","wrapperRef","event","contains","target","location"],"mappings":"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","file":"component---src-pages-index-js-baa89ef47566b2fc592d.js","sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\n\nconst Header = props => (\n  <header id=\"header\" style={props.timeout ? { display: 'none' } : {}}>\n    <div className=\"logo\">\n      <span className=\"icon fa-caret-up\"></span>\n    </div>\n    <div className=\"content\">\n      <div className=\"inner\">\n        <h1>Ellissen Consulting Gmbh</h1>\n        <p>\n        <b>Risks</b> and <b>Opportunities</b> go digital.\n        </p>\n        <p>\n        develop - implement - Enjoy\n        </p>\n      </div>\n    </div>\n    <nav>\n      <ul>\n        <li>\n          <button\n            onClick={() => {\n              props.onOpenArticle('service')\n            }}\n          >\n            Service\n          </button>\n        </li>\n        <li>\n          <button\n            onClick={() => {\n              props.onOpenArticle('contact')\n            }}\n          >\n            Contact\n          </button>\n        </li>\n        <li>\n          <button\n            onClick={() => {\n              props.onOpenArticle('privacy')\n            }}\n          >\n            privacy\n          </button>\n        </li>\n        <li>\n          <button\n            onClick={() => {\n              props.onOpenArticle('notice')\n            }}\n          >\n            Legal Notice\n          </button>\n        </li>\n      </ul>\n    </nav>\n  </header>\n)\n\nHeader.propTypes = {\n  onOpenArticle: PropTypes.func,\n  timeout: PropTypes.bool,\n}\n\nexport default Header\n","import PropTypes from 'prop-types'\nimport React from 'react'\n// import pic01 from '../images/pic01.jpg'\n// import pic02 from '../images/pic02.jpg'\n// import pic03 from '../images/pic03.jpg'\n\nclass Main extends React.Component {\n  render() {\n    let close = (\n      <div\n        className=\"close\"\n        onClick={() => {\n          this.props.onCloseArticle()\n        }}\n      ></div>\n    )\n\n    return (\n      <div\n        ref={this.props.setWrapperRef}\n        id=\"main\"\n        style={this.props.timeout ? { display: 'flex' } : { display: 'none' }}\n      >\n        <article\n          id=\"How we help you?\"\n          className={`${this.props.article === 'service' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n            }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">Challenge</h2>\n         {/*  <span className=\"image main\">\n            <img src={pic01} alt=\"\" />\n          </span> */}\n          <p>\n            Digital ist easy?\n          </p>\n          <p>\n            What often sounds <b>great</b> in theory, is <b>hard</b> in execution.\n          </p>\n          <p>\n            <h3 className=\"major\">How we can help? </h3>\n            Providing experienced digital mindsets and implementation power for closely vetted partnerships. You could call us: \"CTO as a Service\". What we stand for:\n            <br/>\n            <br/>\n            <ul>\n              <li><b>excellence</b> - We strive for excellence. Expect proven systems.</li>\n              <li><b>transparency</b> - We love transparency. Expect data focus.</li> \n              <li><b>truth</b> - We value truth. Expect straight talk.</li> \n            </ul>\n          </p>\n          <p>\n            Get in touch <a href=\"mailto:info@ellissen.com\">info@ellissen.com</a>.\n          </p>\n          {close}\n        </article>\n\n        <article\n          id=\"notice\"\n          className={`${this.props.article === 'notice' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n            }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">notice</h2>\n          {/* <span className=\"image main\">\n            <img src={pic02} alt=\"\" />\n          </span> */}\n          <p>\n            <h3>Responsible</h3>\n            <b>Ellissen Consulting GmbH</b><br />\n            Email: <a href=\"mailto:info@ellisen.com\">info@ellissen.com</a>\n          </p>\n          <h3>Images</h3>\n          <p>\n            All images are either property of Ellissen Consulting GmbH or royalty free.\n          </p>\n          <h3>Disclaimer</h3>\n          <p>\n            Ellissen Consulting GmbH does not guarantee the correctness nor completeness of any information presented on the website, nor can Ellissen Consulting GmbH be made liable for any damages resulting from using information provided on this website. \n          </p>\n          <h3>External Links</h3>\n          <p>\n          Ellissen Consulting GmbH is not liable for any external link that might be provided on this website.\n          </p>\n          <h3>Copyright</h3>\n          <p>\n            Written approval from Ellissen Consulting GmbH is required, if you want to use any of the content from this website.\n          </p>\n          {close}\n        </article>\n\n        <article\n          id=\"privacy\"\n          className={`${this.props.article === 'privacy' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n            }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">Privacy</h2>\n          {/* <span className=\"image main\">\n            <img src={pic03} alt=\"\" />\n          </span> */}\n          <p>\n            <h3>Responsible</h3>\n            <b>Ellissen Consulting GmbH</b><br />\n            E-Mail: <a href=\"mailto:info@ellisen.com\">info@ellissen.com</a>\n          </p>\n          <h3>Rights of data subject</h3>\n          <ul>\n            <li><b>Right of access:</b> You can get information on your data (Art. 15 GDPR).</li>\n            <li><b>Right to rectification:</b> You can rectify your data (Art. 16 GDPR.)</li>\n            <li><b>Right to erasure:</b> You can request deletion of your data (Art. 17 GDPR).</li>\n            <li><b>Right to restriction:</b> You can restrict processing of your data (Art. 18 GDPR).</li>\n            <li><b>Right to data portability:</b> You can get your data in digital form (Art. 20 GDPR).</li>\n            <li><b>Right to object:</b> You can object to the processing of your data (Art. 21 GDPR)</li>\n          </ul>\n          <h3>Authorities</h3>\n          <p>\n            You can file a complaint with the authorities - find a list here: <a href=\"https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html\">Data Privacy Officer of Germany</a>\n          </p>\n          <h3>Transfer of Data</h3>\n          <p>\n            We use SSL / TLS to encrypt data between the client e.g. your browser and our server.\n          </p>\n          <h3>Tracking</h3>\n          <p>\n            To improve and secure our website we use different technologies e.g. cookies.\n          </p>\n          <h3>Legal Ground</h3>\n          <p>\n            We value your data. We use as little data as possible. The data processing that we perform, is based on legitimate interest (Art. 6 f GDPR).\n          </p>\n          <h3>Purpose</h3>\n          <p>\n            We process data to improve and secure our service. \n          </p>\n          <h3>Changes</h3>\n          <p>\n            We might change this policy at any time.\n          </p>\n          {close}\n        </article>\n\n        <article\n          id=\"contact\"\n          className={`${this.props.article === 'contact' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n            }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">contact</h2>\n          {/* <span className=\"image main\">\n            <img src={pic02} alt=\"\" />\n          </span> */}\n          <p>\n        <br />\n            Get in touch: <a href=\"mailto:info@ellissen.com\">info@ellissen.com</a>.\n          </p>\n          {close}\n        </article>\n\n        {/* <article\n          id=\"contact\"\n          className={`${this.props.article === 'contact' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n            }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">contact</h2>\n          <form method=\"post\" action=\"#\">\n            <div className=\"field half first\">\n              <label htmlFor=\"name\">Name</label>\n              <input type=\"text\" name=\"name\" id=\"name\" />\n            </div>\n            <div className=\"field half\">\n              <label htmlFor=\"email\">E-Mail</label>\n              <input type=\"text\" name=\"email\" id=\"email\" />\n            </div>\n            <div className=\"field\">\n              <label htmlFor=\"message\">Nachricht</label>\n              <textarea name=\"message\" id=\"message\" rows=\"4\"></textarea>\n            </div>\n            <ul className=\"actions\">\n              <li>\n                <input type=\"submit\" value=\"Abschicken\" className=\"special\" />\n              </li>\n              <li>\n                <input type=\"reset\" value=\"Zurücksetzen\" />\n              </li>\n            </ul>\n          </form>\n          {close}\n        </article> */}\n      </div>\n    )\n  }\n}\n\nMain.propTypes = {\n  route: PropTypes.object,\n  article: PropTypes.string,\n  articleTimeout: PropTypes.bool,\n  onCloseArticle: PropTypes.func,\n  timeout: PropTypes.bool,\n  setWrapperRef: PropTypes.func.isRequired,\n}\n\nexport default Main\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Footer = (props) => (\n    <footer id=\"footer\" style={props.timeout ? {display: 'none'} : {}}>\n        <p className=\"copyright\"></p>\n    </footer>\n)\n\nFooter.propTypes = {\n    timeout: PropTypes.bool\n}\n\nexport default Footer\n","import React from 'react'\nimport Layout from '../components/layout'\n\nimport Header from '../components/Header'\nimport Main from '../components/Main'\nimport Footer from '../components/Footer'\n\nclass IndexPage extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      isArticleVisible: false,\n      timeout: false,\n      articleTimeout: false,\n      article: '',\n      loading: 'is-loading'\n    }\n    this.handleOpenArticle = this.handleOpenArticle.bind(this)\n    this.handleCloseArticle = this.handleCloseArticle.bind(this)\n    this.setWrapperRef = this.setWrapperRef.bind(this);\n    this.handleClickOutside = this.handleClickOutside.bind(this);\n  }\n\n  componentDidMount () {\n    this.timeoutId = setTimeout(() => {\n        this.setState({loading: ''});\n    }, 100);\n    document.addEventListener('mousedown', this.handleClickOutside);\n  }\n\n  componentWillUnmount () {\n    if (this.timeoutId) {\n        clearTimeout(this.timeoutId);\n    }\n    document.removeEventListener('mousedown', this.handleClickOutside);\n  }\n\n  setWrapperRef(node) {\n    this.wrapperRef = node;\n  }\n\n  handleOpenArticle(article) {\n\n    this.setState({\n      isArticleVisible: !this.state.isArticleVisible,\n      article\n    })\n\n    setTimeout(() => {\n      this.setState({\n        timeout: !this.state.timeout\n      })\n    }, 325)\n\n    setTimeout(() => {\n      this.setState({\n        articleTimeout: !this.state.articleTimeout\n      })\n    }, 350)\n\n  }\n\n  handleCloseArticle() {\n\n    this.setState({\n      articleTimeout: !this.state.articleTimeout\n    })\n\n    setTimeout(() => {\n      this.setState({\n        timeout: !this.state.timeout\n      })\n    }, 325)\n\n    setTimeout(() => {\n      this.setState({\n        isArticleVisible: !this.state.isArticleVisible,\n        article: ''\n      })\n    }, 350)\n\n  }\n\n  handleClickOutside(event) {\n    if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n      if (this.state.isArticleVisible) {\n        this.handleCloseArticle();\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Layout location={this.props.location}>\n        <div className={`body ${this.state.loading} ${this.state.isArticleVisible ? 'is-article-visible' : ''}`}>\n          <div id=\"wrapper\">\n            <Header onOpenArticle={this.handleOpenArticle} timeout={this.state.timeout} />\n            <Main\n              isArticleVisible={this.state.isArticleVisible}\n              timeout={this.state.timeout}\n              articleTimeout={this.state.articleTimeout}\n              article={this.state.article}\n              onCloseArticle={this.handleCloseArticle}\n              setWrapperRef={this.setWrapperRef}\n            />\n            <Footer timeout={this.state.timeout} />\n          </div>\n          <div id=\"bg\"></div>\n        </div>\n      </Layout>\n    )\n  }\n}\n\nexport default IndexPage\n"],"sourceRoot":""}