{"version":3,"file":"component---src-pages-index-js-1d17f9b06be16f35e68d.js","mappings":"6NASMA,EAAAA,SAAAA,GACJ,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,MAAQ,CACXC,MAAM,EACNC,kBAAmB,KACnBC,aAAa,GAEf,EAAKC,UAAY,EAAKA,UAAUC,MAAf,WACjB,EAAKC,SAAW,EAAKA,SAASD,MAAd,WAChB,EAAKE,cAAgB,EAAKA,cAAcF,MAAnB,WACrB,EAAKG,YAAc,EAAKA,YAAYH,MAAjB,WAVF,GADfP,EAAAA,EAAAA,GAAAA,EAAAA,GAYH,kBA6EA,OA7EA,EAEDS,cAAA,WACEE,KAAKC,SAAS,CAACP,aAAa,KAC7B,EAEDK,YAAA,WACEC,KAAKC,SAAS,CAACP,aAAa,KAC7B,EAEDC,UAAA,SAAUO,GAAY,IAAD,OACnBF,KAAKC,SAAS,CAACT,MAAM,IACrBQ,KAAKC,SAAS,CAACR,kBAAmBS,IAClCC,YAAW,WACP,EAAKF,SAAS,CAAET,MAAM,MACvB,MACJ,EAEDK,SAAA,SAASK,GAAW,IAAD,OACjBF,KAAKC,SAAS,CAACR,kBAAmB,OAClCU,YAAW,WACP,EAAKF,SAAS,CAAET,MAAM,MACvB,MACJ,EAEDY,OAAA,WAAS,IAAD,OACN,OACE,gBAAC,IAAD,CAAQC,SAAUL,KAAKV,MAAMgB,KAAKC,gBAAgBD,KAAME,KAAMR,KAAKV,MAAMgB,KAAKG,eAAeC,OAC3F,gBAAC,IAAD,CAAKC,MAAM,cACX,gBAAC,IAAD,CAAKC,WAAS,EAACC,UAAU,gFACvB,gBAAC,IAAD,CAAKC,GAAI,GAAID,UAAU,WACrB,sBAAIA,UAAU,kCAAkCb,KAAKV,MAAMgB,KAAKC,gBAAgBD,KAAKS,eAAeC,QAIxG,gBAAC,IAAD,CAAKJ,WAAS,EAACC,UAAU,sBACvB,gBAAC,IAAD,CAAKC,GAAI,GACP,sBAAID,UAAU,kCAAd,aAEF,gBAAC,IAAD,CAAKC,GAAI,GACP,qBAAGD,UAAU,0BAA0Bb,KAAKV,MAAMgB,KAAKC,gBAAgBD,KAAKW,SAASD,OAEvF,gBAAC,IAAD,CAAKF,GAAI,KAGX,gBAAC,IAAD,CAAKF,WAAS,EAACC,UAAU,sBACvB,gBAAC,IAAD,CAAKC,GAAI,IACP,sBAAID,UAAU,8CAAd,sBAEF,gBAAC,IAAD,CAAKC,GAAI,IACP,qBAAGD,UAAU,wCAAb,iBAEF,gBAAC,IAAD,CAAKC,GAAI,EAAGD,UAAWb,KAAKT,MAAMC,KAAO,wCAA0C,sCAE9C,OAAjCQ,KAAKT,MAAME,mBACX,gBAAC,EAAAyB,EAAD,CAAaC,MAAOnB,KAAKT,MAAME,qBAGnC,gBAAC,IAAD,CAAKqB,GAAI,GACNd,KAAKV,MAAMgB,KAAKc,eAAeV,MAAMW,KAAI,SAACC,GAAD,OACxC,gBAAC,IAAD,CAAKV,WAAS,EAACC,UAAU,0BAA0BU,YAAa,kBAAM,EAAK5B,UAAU2B,EAAKhB,KAAKkB,eAAeC,kBAAkBC,WAAY,kBAAM,EAAK/B,UAAU,QAC/J,gBAAC,IAAD,CAAKmB,GAAI,IACP,sBAAID,UAAU,kBAAkBS,EAAKhB,KAAKqB,WAAWX,MACrD,qBAAGH,UAAU,8BAA8BS,EAAKhB,KAAKsB,aAO/D,gBAAC,IAAD,CAAKhB,WAAS,EAACC,UAAU,qBACvB,gBAAC,IAAD,CAAKC,GAAI,IACP,sBAAID,UAAU,gCAAgCU,YAAavB,KAAKF,cAAe4B,WAAY1B,KAAKD,aAAcC,KAAKT,MAAMG,YAAcM,KAAKV,MAAMgB,KAAKC,gBAAgBD,KAAKuB,QAAU,gBAAtL,SAKT,EAzFGxC,CAAkByC,EAAAA,WA4FxB","sources":["webpack://gatsby-bootstrap/./src/pages/index.js"],"sourcesContent":["import React from \"react\"\nimport { graphql } from 'gatsby'\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport { Row, Col, Container } from \"react-bootstrap\"\nimport Axios from \"axios\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport { Navbar, Nav } from \"react-bootstrap\"\n\nclass IndexPage extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      test: false,\n      selectedPostImage: null,\n      showContact: false,\n    }\n    this.MouseOver = this.MouseOver.bind(this);\n    this.MouseOut = this.MouseOut.bind(this);\n    this.contactReveal = this.contactReveal.bind(this);\n    this.contactHide = this.contactHide.bind(this);\n  }\n\n  contactReveal() {\n    this.setState({showContact: true})\n  }\n\n  contactHide() {\n    this.setState({showContact: false})\n  }\n\n  MouseOver(featImage) {\n    this.setState({test: false})\n    this.setState({selectedPostImage: featImage})\n    setTimeout(() => {\n        this.setState({ test: true });\n    }, 1000);\n  }\n\n  MouseOut(featImage){\n    this.setState({selectedPostImage: null})\n    setTimeout(() => {\n        this.setState({ test: false });\n    }, 1000);\n  }\n\n  render(){\n    return(\n      <Layout siteInfo={this.props.data.prismicSiteinfo.data} menu={this.props.data.allPrismicMenu.nodes}>\n        <SEO title=\"IndexPage\" />\n        <Row noGutters className=\"min-vh-100 index-banner_message-row justify-content-center align-self-center\">\n          <Col md={12} className=\"my-auto\">\n            <h1 className=\"index-banner_message display-1\">{this.props.data.prismicSiteinfo.data.banner_message.text}</h1>\n          </Col>\n        </Row>\n\n        <Row noGutters className=\"index-about_me-row\">\n          <Col md={4}>\n            <h1 className=\"index-about_me-title display-1\">About Me</h1>\n          </Col>\n          <Col md={4}>\n            <p className=\"index-about_me-content\">{this.props.data.prismicSiteinfo.data.about_me.text}</p>\n          </Col>\n          <Col md={4}></Col>\n        </Row>\n\n        <Row noGutters className=\"index-blogpost-row\">\n          <Col md={12}>\n            <h1 className=\"index-blogpost-title display-1 float-right\">Latest Blog Posts</h1>\n          </Col>\n          <Col md={12}>\n            <p className=\"float-right index-blogpost-read-more\">read more...</p>\n          </Col>\n          <Col md={6} className={this.state.test ? \"index-blogpost-item-featured_image-op\" : \"index-blogpost-item-featured_image\"} >\n            {\n              this.state.selectedPostImage !== null &&\n              <GatsbyImage image={this.state.selectedPostImage}/>\n            }\n          </Col>\n          <Col md={6}>\n            {this.props.data.allPrismicPost.nodes.map((post) =>\n              <Row noGutters className=\"index-blogpost-item-row\" onMouseOver={() => this.MouseOver(post.data.featured_image.gatsbyImageData)} onMouseOut={() => this.MouseOver(null)}>\n                <Col md={12}>\n                  <h4 className=\"d-inline-block\">{post.data.post_title.text}</h4>\n                  <p className=\"d-inline-block float-right\">{post.data.date}</p>\n                </Col>\n              </Row>\n            )}\n          </Col>\n        </Row>\n\n        <Row noGutters className=\"index-contact-row\">\n          <Col md={12}>\n            <h1 className=\"index-contact-title display-1\" onMouseOver={this.contactReveal} onMouseOut={this.contactHide}>{this.state.showContact ? this.props.data.prismicSiteinfo.data.contact : \"Let's Talk...\"} </h1>\n          </Col>\n        </Row>\n      </Layout>\n    )\n  }\n}\n\nexport default IndexPage\n\nexport const indexQuery = graphql`\nquery MyQuery {\n  prismicSiteinfo {\n    data {\n      contact\n      website_name {\n        text\n      }\n      banner_message {\n        text\n      }\n      about_me {\n        text\n      }\n    }\n  }\n  allPrismicMenu {\n    nodes {\n      data {\n        menu_link\n        menu_title\n      }\n    }\n  }\n  allPrismicPost(limit: 5) {\n    nodes {\n      data {\n        post_title {\n          text\n        }\n        featured_image {\n          gatsbyImageData(placeholder: DOMINANT_COLOR, imgixParams: {sepia: 10}, height: 500)\n        }\n        date(formatString: \"DD-MM-YYYY\")\n      }\n    }\n  }\n}\n`\n"],"names":["IndexPage","props","state","test","selectedPostImage","showContact","MouseOver","bind","MouseOut","contactReveal","contactHide","this","setState","featImage","setTimeout","render","siteInfo","data","prismicSiteinfo","menu","allPrismicMenu","nodes","title","noGutters","className","md","banner_message","text","about_me","G","image","allPrismicPost","map","post","onMouseOver","featured_image","gatsbyImageData","onMouseOut","post_title","date","contact","React"],"sourceRoot":""}