{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack:///./src/components/Header.js","webpack:///./src/components/Main.js","webpack:///./src/components/Footer.js","webpack:///./src/pages/index.js"],"names":["_assertThisInitialized","self","ReferenceError","Header","props","id","style","timeout","display","className","onClick","onOpenArticle","href","Main","render","close","onCloseArticle","ref","this","setWrapperRef","article","articleTimeout","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-13720068c793d2e3b2c6.js","sourcesContent":["export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","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=\"content\">\n      <div className=\"inner\">\n        <h1>848 Industries</h1>\n        <p>\n          A software engineering collective\n        </p>\n      </div>\n    </div>\n    <nav>\n      <ul>\n       <li>\n          <button\n            onClick={() => {\n              props.onOpenArticle('about')\n            }}\n          >\n            About\n          </button>\n        </li>\n        <li>\n            <a href=\"https://richardhart.io/\">Blog</a>\n        </li>\n        <li>\n            <a href=\"mailto:richard.hart@848industries.com\">Contact</a>  \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\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=\"about\"\n          className={`${this.props.article === 'about' ? 'active' : ''} ${\n            this.props.articleTimeout ? 'timeout' : ''\n          }`}\n          style={{ display: 'none' }}\n        >\n          <h2 className=\"major\">About</h2>\n          <p>\n            We are a small group of elite engineers and award winning digital marketers that started this organization to work on interesting projects and\n            build beautiful high performing websites. We are highly interested and involved in blockchain tech and look to develop next generation applications\n            on top of these new platforms.\n          </p>\n          {close}\n        </article>\n\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\">&copy; 848 Industries. Design: <a href=\"https://html5up.net\">HTML5 UP</a>. Built with: <a href=\"https://www.gatsbyjs.org/\">Gatsby.js</a></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":""}