-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-index-js-8d90ce1d3933f5ff3a92.js.map
1 lines (1 loc) · 12.2 KB
/
component---src-pages-index-js-8d90ce1d3933f5ff3a92.js.map
1
{"version":3,"sources":["webpack:///./src/images/portfolio.png","webpack:///./src/images/SG_Careers.png","webpack:///./src/images/Hager.png","webpack:///./src/pages/index.js"],"names":["module","exports","AboveFold","styled","div","Mixins","t","Colors","darkest","Block","darken","light","BlockContent","Content","media","tablet","phone","DivWrapper","ItemImage","img","HomepageWrapper","WorkWithMe","Homepage","state","openHireMePopup","handleRequestDemoClose","setState","openContactPopup","render","this","data","props","theme","bigFooter","fluid","avatarHomepage","childImageSharp","alt","className","primary","align","max45","large","onClick","book","bold","max70","jsLogo","fadeIn","reactLogo","nodeLogo","src","SGCareersScreenshot","as","target","href","HagerScreenshot","PortfolioScreenshot","green","open","handleClose","React","Component","pageQuery"],"mappings":"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","file":"component---src-pages-index-js-8d90ce1d3933f5ff3a92.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/portfolio-91217379786a167b4c8d5a3abeef2181.png\";","module.exports = __webpack_public_path__ + \"static/SG_Careers-0201148bf85481410187d7ac4f6b3f8b.png\";","module.exports = __webpack_public_path__ + \"static/Hager-43f83f7285957bb82db9bd9c8589e301.png\";","/* eslint-disable react/prop-types */\nimport { graphql } from 'gatsby';\nimport Img from 'gatsby-image';\nimport { darken } from 'polished';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Colors from '../Colors';\nimport { HireMe, LinkButton } from '../components/Button.js';\nimport HireMePopup from '../components/HireMePopup.js';\nimport Layout, { Content } from '../components/Layout';\nimport HagerScreenshot from '../images/Hager.png';\nimport SGCareersScreenshot from '../images/SG_Careers.png';\nimport PortfolioScreenshot from '../images/portfolio.png';\nimport { media } from '../MediaQueries';\nimport * as Mixins from '../Mixins';\nimport * as t from '../Typography';\n\nconst AboveFold = styled.div`\n ${Mixins.aboveFoldMixin}\n padding: 140px 0 60px 0;\n ${t.H1} {\n color: ${Colors.darkest};\n }\n`;\n\nconst Block = styled.div`\n &:nth-child(odd) {\n border: solid 1px ${darken(0.1, Colors.light)};\n background-color: ${Colors.light};\n }\n`;\n\nconst BlockContent = styled(Content)`\n ${Mixins.block}\n padding: 100px 40px;\n ${media.tablet`\n flex-direction: column;\n align-items: baseline;\n `};\n ${media.phone`\n padding: 40px 10px;\n `};\n ${t.P} {\n margin-top: 10px;\n }\n ${t.H2} {\n margin-top: 0;\n }\n img {\n width: 100%;\n height: auto;\n }\n`;\n\nconst DivWrapper = styled.div`\n padding: 80px 30px;\n ${media.tablet`padding: 50px 0;`}\n &:first-child {\n ${media.tablet`\n margin-bottom: 40px;\n `};\n }\n`;\n\nconst ItemImage = styled.img`\n max-width: 85%;\n position: relative;\n ${media.tablet`max-width: none;`}\n`;\n\nconst HomepageWrapper = styled.div`\n ${Mixins.wrapper}\n .who-desc {\n display: block;\n margin: 0 auto 60px auto;\n max-width: 90%;\n }\n ${t.LargeP} {\n margin-bottom: 28px;\n }\n ${t.H1} {\n margin: 0 0 20px 0;\n }\n .avatar {\n max-width: 200px;\n width: 80%;\n margin: 0 auto 50px auto;\n border-radius: 50%;\n display: block;\n ${media.tablet`max-width: 70%;`}\n }\n .link {\n padding: 0;\n color: ${Colors.darkest};\n text-decoration: underlined;\n svg {\n margin-left: 7px;\n }\n }\n .portfolio {\n margin: 100px 0 50px 0;\n font-size: 42px;\n }\n`;\n\nconst WorkWithMe = styled.div`\n padding: 80px;\n width: 73%;\n border-radius: 6px;\n box-shadow: 0 2px 26px 0 rgba(57, 55, 55, 0.08);\n background-color: #ffffff;\n text-align: center;\n position: relative;\n margin: 100px auto -150px auto;\n ${t.LargeP} {\n max-width: 80%;\n margin: 0 auto 28px auto;\n }\n ${media.tablet`\n width: auto;\n padding: 40px;\n margin: 50px 30px -100px 30px;\n `};\n`;\n\nclass Homepage extends React.Component {\n state = {\n openHireMePopup: false\n };\n\n handleRequestDemoClose = () => {\n this.setState({\n openHireMePopup: false\n });\n };\n\n openContactPopup = () => {\n this.setState({\n openHireMePopup: true\n });\n };\n\n render() {\n const { openHireMePopup } = this.state;\n const { data } = this.props;\n return (\n <HomepageWrapper>\n <Layout theme=\"white\" bigFooter openContactPopup={this.openContactPopup}>\n <AboveFold>\n <Img fluid={data.avatarHomepage.childImageSharp.fluid} alt=\"Hugo Georget\" className=\"avatar\" />\n <t.H1 primary align=\"center\">\n Hugo Georget\n </t.H1>\n <t.LargeP align=\"center\" max45>\n French front-end developer with an experience in back-end.\n </t.LargeP>\n <HireMe large onClick={this.openContactPopup} book>\n Hire me\n </HireMe>\n </AboveFold>\n <Content>\n <t.H2 primary align=\"center\" bold>\n Why hire me?\n </t.H2>\n <t.P align=\"center\" max70 className=\"who-desc\">\n I have years of experience in web development (ReactJS, HTML, CSS), with some knowledge in back-end (Java,\n Python, NodeJS) as well.\n </t.P>\n <BlockContent>\n <Img fluid={data.jsLogo.childImageSharp.fluid} alt=\"JavaScript logo\" fadeIn />\n <Img fluid={data.reactLogo.childImageSharp.fluid} alt=\"React logo\" fadeIn />\n <Img fluid={data.nodeLogo.childImageSharp.fluid} alt=\"Node logo\" fadeIn />\n </BlockContent>\n <t.H2 primary align=\"center\" bold className=\"portfolio\">\n Portfolio\n </t.H2>\n </Content>\n <Block>\n <BlockContent>\n <DivWrapper>\n <ItemImage src={SGCareersScreenshot} alt=\"Société Générale Careers screenshot\" />\n </DivWrapper>\n <DivWrapper>\n <t.H2 bold>Société Générale Careers</t.H2>\n <t.P>Implementation of the Algolia search engine using the Instantsearch.js library</t.P>\n <t.P>Autocomplete with Selectize.js, infinite hits loading, multi index search</t.P>\n <LinkButton\n primary\n bold\n className=\"link\"\n as=\"a\"\n target=\"_blank\"\n href=\"https://careers.societegenerale.com/rechercher\"\n >\n Link\n </LinkButton>\n </DivWrapper>\n </BlockContent>\n </Block>\n <Block>\n <BlockContent>\n <DivWrapper>\n <t.H2 bold>Hager inspiration engine</t.H2>\n <t.P>Implementation of Algolia search engine using the React Instantsearch library</t.P>\n <t.P>Responsive design, PDF export</t.P>\n <LinkButton\n primary\n bold\n className=\"link\"\n as=\"a\"\n target=\"_blank\"\n href=\"https://particuliers.hager.fr/interrupteurs-prises/recherche/\"\n >\n Link\n </LinkButton>\n </DivWrapper>\n <DivWrapper>\n <ItemImage src={HagerScreenshot} alt=\"Hager screenshot\" />\n </DivWrapper>\n </BlockContent>\n </Block>\n <Block>\n <BlockContent>\n <DivWrapper>\n <ItemImage src={PortfolioScreenshot} alt=\"Portfolio screenshot\" />\n </DivWrapper>\n <DivWrapper>\n <t.H2 bold>This website !</t.H2>\n <t.P>Created using the portfolio-website-gatsby Gatsby template</t.P>\n <t.P>Gatsby, Responsive design</t.P>\n <LinkButton primary bold className=\"link\" as=\"a\" href=\"https://hugogeorget.github.io/\">\n Link\n </LinkButton>\n </DivWrapper>\n </BlockContent>\n </Block>\n <Block>\n <BlockContent>\n <DivWrapper>\n <t.H2 bold>And more !</t.H2>\n <t.P>Check out my GitHub profile page to see more project I built !</t.P>\n <LinkButton primary bold className=\"link\" as=\"a\" href=\"https://github.com/HugoGEORGET?tab=repositories\">\n Link\n </LinkButton>\n </DivWrapper>\n </BlockContent>\n </Block>\n <WorkWithMe>\n <t.H1 green>Get in touch with me</t.H1>\n <t.LargeP>Fancy working with me? Contact me for more info! </t.LargeP>\n <HireMe onClick={this.openContactPopup} book>\n Contact me\n </HireMe>\n </WorkWithMe>\n </Layout>\n <HireMePopup open={openHireMePopup} handleClose={this.handleRequestDemoClose} />\n </HomepageWrapper>\n );\n }\n}\n\nexport default Homepage;\n\nexport const pageQuery = graphql`\n query {\n avatarHomepage: file(relativePath: { eq: \"avatar.jpg\" }) {\n ...fluidImage\n }\n jsLogo: file(relativePath: { eq: \"js_logo.png\" }) {\n ...logoImage\n }\n reactLogo: file(relativePath: { eq: \"react_logo.png\" }) {\n ...logoImage\n }\n javaLogo: file(relativePath: { eq: \"java_logo.png\" }) {\n ...logoImage\n }\n nodeLogo: file(relativePath: { eq: \"node-logo.webp\" }) {\n ...logoImage\n }\n }\n`;\n"],"sourceRoot":""}