{"version":3,"file":"component---src-pages-about-js-955b4d2d9e63c1acd5b6.js","mappings":"wMAGWA,EAAiB,sC,wCC4J5B,EAnJkB,SAAC,GAAa,EAAXC,KAAY,IACzBC,EAAaC,EAAAA,WAAiBC,EAAAA,GAMpC,OAJAD,EAAAA,WAAgB,WACdD,EAAWG,OAAO,CAAC,CAAEC,KAAM,QAASC,GAAI,cACvC,IAGD,gCACE,gBAACC,EAAA,EAAD,KACE,0DAEF,uBAAKC,UDvBuB,6CCwB1B,gBAACC,EAAA,MAAD,CACEC,MAAO,CACLC,MAAO,EACPC,QAAS,EACTC,WAAY,aAEdC,SAAU,CACRC,MAAO,CACLH,QAAS,GACTD,MAAO,KAETK,KAAM,CACJL,MAAO,IACPM,WAAY,CAAEC,SAAU,GAAKC,KAAM,YAGvCF,WAAY,CACVC,SAAU,GACVC,KAAM,aAERC,IC7CV,guCDgDM,gBAACX,EAAA,MAAD,CACED,UD/CyB,2CCgDzBa,QAAS,CAAET,QAAS,GACpBE,SAAU,CACRC,MAAO,CAAEH,QAAS,EAAGK,WAAY,CAAEC,SAAU,KAC7CF,KAAM,CAAEJ,QAAS,EAAGK,WAAY,CAAEC,SAAU,OAG9C,2BACE,gBAAC,EAAAI,EAAD,CACEF,IAAI,kCACJG,IAAI,eACJC,gBAAgB,wBAHlB,wBAOJ,gBAACf,EAAA,MAAD,CACED,UAAU,0BACVa,QAAS,CAAET,QAAS,GACpBE,SAAU,CACRC,MAAO,CAAEH,QAAS,EAAGK,WAAY,CAAEC,SAAU,GAAKO,MAAO,KACzDT,KAAM,CAAEJ,QAAS,EAAGK,WAAY,CAAEC,SAAU,OAG9C,sBAAIV,UAAU,YAAd,aACA,qBAAGA,UAAU,UACX,yCADF,+EAE+B,IAC7B,qBAAGkB,KAAK,wDAAR,OAAuE,IAHzE,6CAI6C,IAC3C,qBAAGA,KAAK,+BAAR,aALF,OAK0D,IACxD,qBAAGA,KAAK,kDAAR,yBANF,KAWA,kDACwB,oDADxB,OAC2D,IACzD,2EAFF,0DAKA,0BACE,0BACE,qBAAGA,KAAK,qEACN,qDACG,IAHP,4GAOA,0BACE,gBAAC,EAAAC,KAAD,CAAMrB,GAAG,wBACP,yCACM,IAHV,8FAOA,0BACE,gBAAC,EAAAqB,KAAD,CAAMrB,GAAG,gBACP,iDACM,IAHV,uDAMA,0BACE,gBAAC,EAAAqB,KAAD,CAAMrB,GAAG,wBACP,yCACM,IAHV,8DAMA,0BACE,qBAAGoB,KAAK,kEACN,kCACG,IAHP,yDAOF,+HAIA,6CACoB,IAClB,qBACElB,WAAWoB,EAAAA,EAAAA,GAAQ,SAAUC,GAC7BH,KAAK,+BACLI,IAAI,MAHN,UAMK,IARP,MASM,IACJ,qBACEtB,WAAWoB,EAAAA,EAAAA,GAAQ,SAAUC,GAC7BH,KAAK,oCACLI,IAAI,MAHN,YAVF,+BAiB+B,IAC7B,qBACEtB,WAAWoB,EAAAA,EAAAA,GAAQ,SAAUC,GAC7BH,KAAK,6BAFP,SAKK,IAvBP,qF,mBE5HR,IAHgB,sCAAIK,EAAJ,yBAAIA,EAAJ,uBACdA,EAAWC,QAAO,SAACC,GAAD,MAA0B,iBAATA,KAAmBC,KAAK,O","sources":["webpack://quentin-golsteyn/./src/pages/__styles/about.module.scss","webpack://quentin-golsteyn/./src/pages/about.js","webpack://quentin-golsteyn/./src/images/about.svg","webpack://quentin-golsteyn/./src/utils/classes.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var header__illustration = \"about-module--header__illustration--fNhGQ\";\nexport var portrait__container = \"about-module--portrait__container--1pjaK\";\nexport var social__button = \"about-module--social__button--1ce7W\";","import * as React from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport aboutBg from \"../images/about.svg\";\nimport { NavContext } from \"../components/nav\";\n\nimport * as aboutStyles from \"./__styles/about.module.scss\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport { Helmet } from \"react-helmet\";\nimport { Link } from \"gatsby\";\nimport classes from \"../utils/classes\";\n\nconst AboutPage = ({ data }) => {\n  const navContext = React.useContext(NavContext);\n\n  React.useEffect(() => {\n    navContext.setNav([{ name: \"About\", to: \"/about\" }]);\n  }, []);\n\n  return (\n    <>\n      <Helmet>\n        <title>Quentin Golsteyn | About</title>\n      </Helmet>\n      <div className={aboutStyles.header__illustration}>\n        <motion.img\n          style={{\n            scale: 1,\n            opacity: 0,\n            willChange: \"transform\",\n          }}\n          variants={{\n            enter: {\n              opacity: 0.5,\n              scale: 1.2,\n            },\n            exit: {\n              scale: 1.9,\n              transition: { duration: 0.2, ease: \"easeIn\" },\n            },\n          }}\n          transition={{\n            duration: 0.4,\n            ease: \"easeInOut\",\n          }}\n          src={aboutBg}\n        />\n      </div>\n      <motion.div\n        className={aboutStyles.portrait__container}\n        initial={{ opacity: 0 }}\n        variants={{\n          enter: { opacity: 1, transition: { duration: 0.4 } },\n          exit: { opacity: 0, transition: { duration: 0.2 } },\n        }}\n      >\n        <div>\n          <StaticImage\n            src=\"../../content/image/quentin.jpg\"\n            alt=\"Hi! It's me!\"\n            backgroundColor=\"rgb(34, 61, 125, 0.2)\"\n          />\n        </div>\n      </motion.div>\n      <motion.div\n        className=\"section--narrow content\"\n        initial={{ opacity: 0 }}\n        variants={{\n          enter: { opacity: 1, transition: { duration: 0.3, delay: 0.2 } },\n          exit: { opacity: 0, transition: { duration: 0.2 } },\n        }}\n      >\n        <h1 className=\"centered\">Hello! 👋</h1>\n        <p className=\"larger\">\n          <b>I'm Quentin!</b> I am a front-end developer based in Vancouver,\n          Canada. Currently working at{\" \"}\n          <a href=\"https://www.linkedin.com/company/amazon-web-services\">AWS</a>{\" \"}\n          on the Route 53 team. Previously worked at{\" \"}\n          <a href=\"https://www.park-depot.com/\">Parkdepot</a> and{\" \"}\n          <a href=\"https://www.pathmate-technologies.com/en/index\">\n            Pathmate Technologies\n          </a>\n          .\n        </p>\n        <p>\n          I am passionate about <b>modern web technologies</b> and{\" \"}\n          <b>building accessible user interfaces on the web</b>. I am proud to\n          have worked on the following projects:\n        </p>\n        <ul>\n          <li>\n            <a href=\"https://ojs.library.queensu.ca/index.php/PCEEA/article/view/14199\">\n              <b>Wellness in Engineering</b>\n            </a>{\" \"}\n            - understanding how students perceive their wellbeing in their first\n            year of engineering studies at UBC.\n          </li>\n          <li>\n            <Link to=\"/writing/corner-kick\">\n              <b>Corner Kick</b>\n            </Link>{\" \"}\n            - Building a web application to test and debug a team of autonomous\n            soccer playing robots.\n          </li>\n          <li>\n            <Link to=\"/writing/cds\">\n              <b>Corona Data Scraper</b>\n            </Link>{\" \"}\n            - Tracking the spread of COVID 19 around the world.\n          </li>\n          <li>\n            <Link to=\"/writing/pharm-drone\">\n              <b>Pharm Drone</b>\n            </Link>{\" \"}\n            - Locating flowers in drone imagery using computer vision.\n          </li>\n          <li>\n            <a href=\"https://www.epfl.ch/labs/chili/index-html/research/chili-frog/\">\n              <b>FROG</b>\n            </a>{\" \"}\n            - Fabricating Real-time Orchestration Graphs @ EPFL.\n          </li>\n        </ul>\n        <p>\n          When I'm not working, you will find me hiking or kayaking in a remote\n          part of British Columbia ⛰️.\n        </p>\n        <p>\n          I can be found on{\" \"}\n          <a\n            className={classes(\"button\", aboutStyles.social__button)}\n            href=\"https://github.com/qgolsteyn\"\n            rel=\"me\"\n          >\n            Github\n          </a>{\" \"}\n          and{\" \"}\n          <a\n            className={classes(\"button\", aboutStyles.social__button)}\n            href=\"https://linkedin.com/in/qgolsteyn\"\n            rel=\"me\"\n          >\n            LinkedIn\n          </a>\n          . You can also contact me by{\" \"}\n          <a\n            className={classes(\"button\", aboutStyles.social__button)}\n            href=\"mailto:hello@golsteyn.com\"\n          >\n            email\n          </a>{\" \"}\n          if you want to say hi or ask a front-end related question! Feel to\n          reach out!\n        </p>\n      </motion.div>\n    </>\n  );\n};\n\nexport default AboutPage;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ0MCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiBmaWxsPSJub25lIgogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0zNDUgNTczLjVDMzQ1IDQzMi45NDQgMjMxLjA1NiAzMTkgOTAuNSAzMTlDLTUwLjA1NjUgMzE5IC0xNjQgNDMyLjk0NCAtMTY0IDU3My41Qy0xNjQgNzE0LjA1NiAtNTAuMDU2NSA4MjggOTAuNSA4MjhDMjMxLjA1NiA4MjggMzQ1IDcxNC4wNTYgMzQ1IDU3My41WiIgZmlsbD0iIzdEREFBNCIvPgogICAgICAgIDxwYXRoIGQ9Ik03MDQuMTA5IC0xODYuNDU1TDI4Ny4yOSAtNTEwLjczM0wtMTA1LjkgLTUuMzM1OTVMMzEwLjkxOCAzMTguOTQyTDcwNC4xMDkgLTE4Ni40NTVaIiBmaWxsPSIjRUY4NkIwIi8+CiAgICAgICAgPHBhdGggZD0iTTE0NTEuOTggMjQ5TDEwMzIgNDY2LjkyMkwxMjM4LjY2IDg2NS4xODhMMTY1OC42MyA2NDcuMjY2TDE0NTEuOTggMjQ5WiIgc3Ryb2tlPSIjRjhCNTA4IiBzdHJva2Utd2lkdGg9IjMyIi8+CiAgICAgICAgPHBhdGggZD0iTTE2MjcgMjEyLjVDMTYyNyA1Ni40Nzk2IDE1MDAuNTIgLTcwIDEzNDQuNSAtNzBDMTE4OC40OCAtNzAgMTA2MiA1Ni40Nzk2IDEwNjIgMjEyLjVDMTA2MiAzNjguNTIgMTE4OC40OCA0OTUgMTM0NC41IDQ5NUMxNTAwLjUyIDQ5NSAxNjI3IDM2OC41MiAxNjI3IDIxMi41WiIgZmlsbD0iI0MyNUM1QyIvPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMCI+CiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjEwMjQiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==\"","const classes = (...classNames) =>\n  classNames.filter((item) => typeof item === \"string\").join(\" \");\n\nexport default classes;\n"],"names":["social__button","data","navContext","React","NavContext","setNav","name","to","Helmet","className","motion","style","scale","opacity","willChange","variants","enter","exit","transition","duration","ease","src","initial","S","alt","backgroundColor","delay","href","Link","classes","aboutStyles","rel","classNames","filter","item","join"],"sourceRoot":""}