-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-about-me-js-574332ff5d7a9bc05ce8.js.map
1 lines (1 loc) · 4.91 KB
/
component---src-pages-about-me-js-574332ff5d7a9bc05ce8.js.map
1
{"version":3,"sources":["webpack:///./src/pages/about-me.js"],"names":["AboveFold","styled","div","Mixins","t","media","tablet","AboutMeWrapper","phone","AboutMe","state","openHireMePopup","handleRequestDemoClose","setState","openContactPopup","render","this","data","props","theme","green","align","max70","href","target","rel","fluid","avatarAbout","childImageSharp","alt","className","open","handleClose","React","Component","pageQuery"],"mappings":"qsBAWA,IAAMA,EAAYC,IAAOC,IAAV,0EAAGD,CAAH,gFACXE,IAGAC,IAGAA,IAGAC,IAAMC,OAVK,MAaTC,EAAiBN,IAAOC,IAAV,+EAAGD,CAAH,kUAChBE,IAIAC,IAUEC,IAAMG,MAfQ,KAkBdH,IAAMC,OAlBQ,KAyBZD,IAAMC,OAzBM,KAkCdD,IAAMC,OAlCQ,MAsCdG,E,4JACJC,MAAQ,CACNC,iBAAiB,G,EAGnBC,uBAAyB,WACvB,EAAKC,SAAS,CACZF,iBAAiB,K,EAIrBG,iBAAmB,WACjB,EAAKD,SAAS,CACZF,iBAAiB,K,4GAIrBI,OAAA,WAAU,IACAJ,EAAoBK,KAAKN,MAAzBC,gBACAM,EAASD,KAAKE,MAAdD,KACR,OACE,kBAACV,EAAD,KACE,kBAAC,IAAD,CAAQY,MAAM,QAAQL,iBAAkBE,KAAKF,kBAC3C,kBAACd,EAAD,KACE,kBAAC,IAAD,CAAMoB,OAAK,EAACC,MAAM,UAAlB,uCAGA,kBAAC,IAAD,CAAUA,MAAM,SAASC,OAAK,GAA9B,uKAIA,kBAAC,IAAD,iBACA,kBAAC,IAAD,yEACA,kBAAC,IAAD,8CACA,kBAAC,IAAD,CAAKD,MAAM,UAAX,uDAEE,6BAFF,kCAGkC,IAChC,uBAAGE,KAAK,kBAAkBC,OAAO,SAASC,IAAI,uBAA9C,UAEK,IANP,UAOU,IACR,uBAAGF,KAAK,wCAAwCC,OAAO,SAASC,IAAI,uBAApE,8BAKJ,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKC,MAAOT,EAAKU,YAAYC,gBAAgBF,MAAOG,IAAI,eAAeC,UAAU,aAGrF,kBAAC,IAAD,CAAaC,KAAMpB,EAAiBqB,YAAahB,KAAKJ,2B,GAnDxCqB,IAAMC,WAyDbzB,YAER,IAAM0B,EAAS","file":"component---src-pages-about-me-js-574332ff5d7a9bc05ce8.js","sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport styled from 'styled-components';\nimport * as Mixins from '../Mixins';\nimport * as t from '../Typography';\nimport Layout, { Content } from '../components/Layout';\nimport HireMePopup from '../components/HireMePopup.js';\nimport { media } from '../MediaQueries';\nimport Img from 'gatsby-image';\nimport { graphql } from 'gatsby';\n\nconst AboveFold = styled.div`\n ${Mixins.aboveFoldMixin}\n padding-bottom: 100px;\n\n ${t.H1} {\n margin-bottom: 25px;\n }\n ${t.H4} {\n line-height: 1.14;\n }\n ${media.tablet`background-position: center top 0px;`};\n`;\n\nconst AboutMeWrapper = styled.div`\n ${Mixins.wrapper}\n .m-b-60 {\n margin-bottom: 60px;\n }\n ${t.LargeP} {\n margin-bottom: 28px;\n }\n .background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n z-index: -1;\n min-height: 540px;\n ${media.phone`min-height: 620px;`};\n }\n .gatsby-image {\n ${media.tablet`text-align: center;`}\n div {\n padding: 0;\n }\n picture img {\n max-width: 85%;\n position: relative;\n ${media.tablet`max-width: 80%;`}\n }\n }\n .avatar {\n max-width: 400px;\n width: 80%;\n margin: 0 auto 100px auto;\n border-radius: 50%;\n display: block;\n ${media.tablet`max-width: 70%;`}\n }\n`;\n\nclass AboutMe 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 <AboutMeWrapper>\n <Layout theme=\"white\" openContactPopup={this.openContactPopup}>\n <AboveFold>\n <t.H1 green align=\"center\">\n Hugo Georget - Full-stack developer\n </t.H1>\n <t.LargeP align=\"center\" max70>\n Having graduated from ISEP engineering school with a degree in software engineering, I have since\n accumulated various experiences in the field of computer science.\n </t.LargeP>\n <t.H2>Location</t.H2>\n <t.P>I currently live in Issy-les-Moulineaux, in the Parisian region.</t.P>\n <t.H2>Monitoring technological developments</t.H2>\n <t.P align=\"center\">\n I intend to follow the latest trends in development.\n <br />\n My information channels include{' '}\n <a href=\"https://dev.to/\" target=\"_blank\" rel=\"noopener noreferrer\">\n dev.to\n </a>{' '}\n and the{' '}\n <a href=\"https://www.reddit.com/r/programming/\" target=\"_blank\" rel=\"noopener noreferrer\">\n /r/Programming subreddit\n </a>\n </t.P>\n </AboveFold>\n <Content>\n <Img fluid={data.avatarAbout.childImageSharp.fluid} alt=\"Hugo Georget\" className=\"avatar\" />\n </Content>\n </Layout>\n <HireMePopup open={openHireMePopup} handleClose={this.handleRequestDemoClose} />\n </AboutMeWrapper>\n );\n }\n}\n\nexport default AboutMe;\n\nexport const pageQuery = graphql`\n query {\n avatarAbout: file(relativePath: { eq: \"avatar.jpg\" }) {\n ...fluidImage\n }\n }\n`;\n"],"sourceRoot":""}