{"version":3,"sources":["webpack:///./src/components/Header.js","webpack:///./src/components/Menu.js","webpack:///./src/components/Contact.js","webpack:///./src/components/Footer.js","webpack:///./src/components/layout.js","webpack:///./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack:///./src/pages/contact.js","webpack:///./src/components/Logo.js","webpack:///./src/assets/images/block-and-tackle-logo.svg"],"names":["Header","props","id","className","to","Logo","onClick","onToggleMenu","Menu","href","Contact","method","netlify-honeypot","data-netlify","action","type","name","Footer","Layout","state","isMenuVisible","loading","handleToggleMenu","bind","self","ReferenceError","componentDidMount","this","timeoutId","setTimeout","setState","componentWillUnmount","clearTimeout","render","children","React","Component","ContactPage","console","log","logo","src","alt","module","exports"],"mappings":"oKAkBeA,EAbA,SAACC,GAAD,OACX,4BAAQC,GAAG,SAASC,UAAU,OAC1B,kBAAC,OAAD,CAAMC,GAAG,IAAID,UAAU,QAAO,kBAACE,EAAA,EAAD,OAC9B,6BACI,4BAAQF,UAAU,YAAYG,QAASL,EAAMM,cAA7C,WCeGC,EApBF,SAACP,GAAD,OACT,yBAAKC,GAAG,QACJ,yBAAKC,UAAU,SACX,wBAAIA,UAAU,SACV,4BAAI,kBAAC,OAAD,CAAMG,QAASL,EAAMM,aAAcH,GAAG,KAAtC,SACJ,4BAAI,kBAAC,OAAD,CAAME,QAASL,EAAMM,aAAcH,GAAG,UAAtC,WAER,wBAAID,UAAU,oBACV,4BAAI,uBAAGM,KAAK,WAAWN,UAAU,sBAA7B,iBAIZ,4BAAQA,UAAU,QAAQG,QAASL,EAAMM,cAAzC,WCkCOG,EAhDC,SAACT,GAAD,OACZ,6BAASC,GAAG,WACR,yBAAKC,UAAU,SACX,6BAASD,GAAG,aACZ,4DACA,0BAAMS,OAAO,OAAOC,mBAAiB,YAAYC,eAAa,OAAOC,OAAO,yBACxE,2BAAOC,KAAK,SAASC,KAAK,cAC1B,2BACI,6CAAkB,2BAAOD,KAAK,OAAOC,KAAK,WAE9C,2BACI,8CAAmB,2BAAOD,KAAK,QAAQC,KAAK,YAEhD,2BACI,2CAAgB,8BAAUA,KAAK,cAEnC,2BACI,4BAAQD,KAAK,UAAb,WAIR,6BAASZ,UAAU,SACf,iCACI,yBAAKA,UAAU,kBACX,0BAAMA,UAAU,yBAChB,qCACA,uBAAGM,KAAK,kCAAR,6BAGR,iCACI,yBAAKN,UAAU,kBACX,0BAAMA,UAAU,sBAChB,qCACA,uBAAGM,KAAK,qBAAR,mBAGR,iCACI,yBAAKN,UAAU,kBACX,0BAAMA,UAAU,yBAChB,wCACA,6GCvBTc,EAjBA,SAAChB,GAAD,OACX,4BAAQC,GAAG,UACP,yBAAKC,UAAU,SAQX,wBAAIA,UAAU,aACV,gDAA8B,uCAAY,uBAAGM,KAAK,6BAAR,yBCHpDS,E,YACF,WAAYjB,GAAQ,IAAD,SACf,cAAMA,IAAN,MACKkB,MAAQ,CACTC,eAAe,EACfC,QAAS,cAEb,EAAKC,iBAAmB,EAAKA,iBAAiBC,KCjBvC,SAAgCC,GAC7C,QAAa,IAATA,EACF,MAAM,IAAIC,eAAe,6DAG3B,OAAOD,EDYuB,KANT,E,4CASnBE,kBAAA,WAAsB,IAAD,OACjBC,KAAKC,UAAYC,YAAW,WACxB,EAAKC,SAAS,CAACT,QAAS,OACzB,M,EAGPU,qBAAA,WACQJ,KAAKC,WACLI,aAAaL,KAAKC,Y,EAI1BN,iBAAA,WACIK,KAAKG,SAAS,CACVV,eAAgBO,KAAKR,MAAMC,iB,EAInCa,OAAA,WAAU,IACEC,EAAaP,KAAK1B,MAAlBiC,SAER,OACI,yBAAK/B,UAAS,QAAUwB,KAAKR,MAAME,QAArB,KAAgCM,KAAKR,MAAMC,cAAgB,kBAAoB,KACzF,yBAAKlB,GAAG,WACJ,kBAAC,EAAD,CAAQK,aAAcoB,KAAKL,mBAC1BY,EAED,kBAAC,EAAD,MACA,kBAAC,EAAD,OAGJ,kBAAC,EAAD,CAAM3B,aAAcoB,KAAKL,qB,GAzCpBa,IAAMC,WAgDZlB,O,oCE1Df,4CAgBemB,UAbK,kBAClB,kBAAC,IAAD,KACE,yBAAKnC,GAAG,OAAOC,UAAU,OACrB,6BAASD,GAAG,WACR,yBAAKC,UAAU,SACX,0CACA,sK,kCCThB,8CAEAmC,QAAQC,IAAIC,KAKGnC,IAJf,WAEE,OAAO,yBAAKoC,IAAKD,IAAME,IAAI,OAAOvC,UAAU,W,qBCL9CwC,EAAOC,QAAU,IAA0B,qE","file":"component---src-pages-contact-js-a95ca94b0166e6084ef1.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\nimport Logo from './Logo'\n\nconst Header = (props) => (\n    <header id=\"header\" className=\"alt\">\n        <Link to=\"/\" className=\"logo\"><Logo /></Link>\n        <nav>\n            <button className=\"menu-link\" onClick={props.onToggleMenu}>Menu</button>\n        </nav>\n    </header>\n)\n\nHeader.propTypes = {\n    onToggleMenu: PropTypes.func\n}\n\nexport default Header\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Link } from 'gatsby'\n\nconst Menu = (props) => (\n    <nav id=\"menu\">\n        <div className=\"inner\">\n            <ul className=\"links\">\n                <li><Link onClick={props.onToggleMenu} to=\"/\">Home</Link></li>\n                <li><Link onClick={props.onToggleMenu} to=\"/about\">About</Link></li>\n            </ul>\n            <ul className=\"actions vertical\">\n                <li><a href=\"/contact\" className=\"button special fit\">Contact us</a></li>\n                {/* <li><a href=\"#\" className=\"button fit\">Log In</a></li> */}\n            </ul>\n        </div>\n        <button className=\"close\" onClick={props.onToggleMenu}>Close</button>\n    </nav>\n)\n\nMenu.propTypes = {\n    onToggleMenu: PropTypes.func\n}\n\nexport default Menu\n","import React from 'react'\n\nconst Contact = (props) => (\n    <section id=\"contact\">\n        <div className=\"inner\">\n            <section id=\"contact-2\">\n            <h2>Say hello, we'd love to chat</h2>\n            <form method=\"post\" netlify-honeypot=\"bot-field\" data-netlify=\"true\" action=\"/src/pages/success.js\">\n                <input type=\"hidden\" name=\"bot-field\" />\n                <p>\n                    <label>Your Name: <input type=\"text\" name=\"name\" /></label>\n                </p>\n                <p>\n                    <label>Your Email: <input type=\"email\" name=\"email\" /></label>\n                </p>\n                <p>\n                    <label>Message: <textarea name=\"message\"></textarea></label>\n                </p>\n                <p>\n                    <button type=\"submit\">Send</button>\n                </p>\n            </form>\n            </section>\n            <section className=\"split\">\n                <section>\n                    <div className=\"contact-method\">\n                        <span className=\"icon alt fa-envelope\"></span>\n                        <h3>Email</h3>\n                        <a href=\"mailto:hello@blockandtackle.it\">hello@blockandtackle.it</a>\n                    </div>\n                </section>\n                <section>\n                    <div className=\"contact-method\">\n                        <span className=\"icon alt fa-phone\"></span>\n                        <h3>Phone</h3>\n                        <a href=\"tel:+447789003199\">+447789003199</a>\n                    </div>\n                </section>\n                <section>\n                    <div className=\"contact-method\">\n                        <span className=\"icon alt fa-bullseye\"></span>\n                        <h3>Location</h3>\n                        <span>Our home is Brighton, UK, but we've got team members around the globe</span>\n                    </div>\n                </section>\n            </section>\n        </div>\n    </section>\n)\n\nexport default Contact\n","import React from 'react'\n\nconst Footer = (props) => (\n    <footer id=\"footer\">\n        <div className=\"inner\">\n            {/* <ul className=\"icons\">\n                <li><a href=\"/#\" className=\"icon alt fa-twitter\"><span className=\"label\">Twitter</span></a></li>\n                <li><a href=\"/#\" className=\"icon alt fa-facebook\"><span className=\"label\">Facebook</span></a></li>\n                <li><a href=\"/#\" className=\"icon alt fa-instagram\"><span className=\"label\">Instagram</span></a></li>\n                <li><a href=\"/#\" className=\"icon alt fa-github\"><span className=\"label\">GitHub</span></a></li>\n                <li><a href=\"/#\" className=\"icon alt fa-linkedin\"><span className=\"label\">LinkedIn</span></a></li>\n            </ul> */}\n            <ul className=\"copyright\">\n                <li>&copy; Block & Tackle</li><li>Design: <a href=\"https://blockandtackle.it\">Block and Tackle</a></li>\n            </ul>\n        </div>\n    </footer>\n)\n\nexport default Footer\n","import React from 'react'\n//import PropTypes from 'prop-types'\n\nimport '../assets/scss/main.scss'\nimport Header from './Header'\nimport Menu from './Menu'\nimport Contact from './Contact'\nimport Footer from './Footer'\n//import Parallax from 'react-rellax'\n\nclass Layout extends React.Component {\n    constructor(props) {\n        super(props)\n        this.state = {\n            isMenuVisible: false,\n            loading: 'is-loading'\n        }\n        this.handleToggleMenu = this.handleToggleMenu.bind(this)\n    }\n\n    componentDidMount () {\n        this.timeoutId = setTimeout(() => {\n            this.setState({loading: ''});\n        }, 100);\n    }\n\n    componentWillUnmount () {\n        if (this.timeoutId) {\n            clearTimeout(this.timeoutId);\n        }\n    }\n\n    handleToggleMenu() {\n        this.setState({\n            isMenuVisible: !this.state.isMenuVisible\n        })\n    }\n\n    render() {\n        const { children } = this.props\n\n        return (\n            <div className={`body ${this.state.loading} ${this.state.isMenuVisible ? 'is-menu-visible' : ''}`}>\n                <div id=\"wrapper\">\n                    <Header onToggleMenu={this.handleToggleMenu} />\n                    {children}\n                    {/* <Parallax speed={5}> */}\n                    <Contact />\n                    <Footer />\n                    {/* </Parallax> */}\n                </div>\n                <Menu onToggleMenu={this.handleToggleMenu} />\n            </div>\n\n        )\n    }\n}\n\nexport default Layout\n","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 React from 'react'\nimport Layout from '../components/layout'\n\nconst ContactPage = () => (\n  <Layout>\n    <div id=\"main\" className=\"alt\">\n        <section id=\"Contact\">\n            <div className=\"inner\">\n                <h1>Contact us</h1>\n                <p>We'd love to have a chat about your people projects, whether that be working with your existing team, or building a team for you.</p>\n            </div>\n        </section>\n    </div>\n  </Layout>\n)\n\nexport default ContactPage","import React from \"react\"\nimport logo from \"../assets/images/block-and-tackle-logo.svg\" // Tell Webpack this JS file uses this image\nconsole.log(logo) // /logo.84287d09.png\nfunction Logo() {\n  // Import result is the URL of your image\n  return <img src={logo} alt=\"Logo\" className=\"logo\"/>\n}\nexport default Logo","module.exports = __webpack_public_path__ + \"static/block-and-tackle-logo-4bb6accdf71d2a0662006c8a03f5eaa4.svg\";"],"sourceRoot":""}