component---src-pages-about-js-f20c63c0b28e0f0d40a0.js.map

{"version":3,"sources":["webpack:///./src/pages/about.js"],"names":["ImageCropper","styled","div","Photo","Img","Text","Emphasis","p","query","About","props","fluid","data","file","childImageSharp","href","target","rel","to"],"mappings":"6FAAA,+HAOMA,EAAeC,IAAOC,IAAV,sEAAGD,CAAH,2HAUZE,EAAQF,YAAOG,KAAV,+DAAGH,CAAH,gCAKLI,EAAOJ,IAAOC,IAAV,8DAAGD,CAAH,mBAIJK,EAAWL,IAAOM,EAAV,kEAAGN,CAAH,6IAYDO,EAAK,aA2EHC,UA/DD,SAAAC,GACZ,OACE,kBAAC,IAAD,KACE,wCACA,kBAACV,EAAD,KACE,kBAACG,EAAD,CAAOQ,MAAOD,EAAME,KAAKC,KAAKC,gBAAgBH,SAEhD,kBAACN,EAAD,KACE,kBAACC,EAAD,2CACA,6bASA,kBAACA,EAAD,uDACA,2BACE,uBACES,KAAK,8EACLC,OAAO,SACPC,IAAI,uBAHN,mCADF,uRAcA,kBAACX,EAAD,mDACA,wgBAUA,kBAACA,EAAD,sDACA,0NAMF,2CACA,kPAMA,kBAAC,IAAD,CAAMY,GAAG,YAAT","file":"component---src-pages-about-js-f20c63c0b28e0f0d40a0.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../components/Layout\"\nimport { Link } from \"gatsby\"\nimport styled from \"styled-components\"\nimport { graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\n\nconst ImageCropper = styled.div`\n  width: 300px;\n  height: 300px;\n  overflow: hidden;\n  border-radius: 50%;\n  shape-outside: circle(50%);\n  float: left;\n  margin: 0 30px 30px 0;\n`\n\nconst Photo = styled(Img)`\n  width: 300px;\n  margin: 0 auto;\n`\n\nconst Text = styled.div`\n  padding: 20px;\n`\n\nconst Emphasis = styled.p`\n  font-weight: 700;\n  font-size: 1rem;\n  letter-spacing: 0.1rem;\n  text-align: right;\n  padding-right: 150px;\n\n  @media (max-width: 1280px) {\n    padding-right: 0px;\n  }\n`\n\nexport const query = graphql`\n  query {\n    file(relativePath: { eq: \"filipe.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 400, maxHeight: 400) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n  }\n`\n\nconst About = props => {\n  return (\n    <Layout>\n      <h1>About me</h1>\n      <ImageCropper>\n        <Photo fluid={props.data.file.childImageSharp.fluid} />\n      </ImageCropper>\n      <Text>\n        <Emphasis>I started out as a Civil Engineer.</Emphasis>\n        <p>\n          From very early on I have used code to solve problems, both during my\n          studies and my early professional life. Civil Engineers design, build\n          and maintain the foundations for our modern society. Usually this\n          means our roads and bridges, drinking water, energy systems and\n          infrastructure for a cleaner environment. We are responsible for\n          understanding the needs of the civilian community and engineer answers\n          to them.\n        </p>\n        <Emphasis>But what if this also meant our digital world?</Emphasis>\n        <p>\n          <a\n            href=\"https://www.wsj.com/articles/every-company-is-now-a-tech-company-1543901207\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Every company is a tech company\n          </a>\n          . More than ever the web is how we interact with the world. And beyond\n          our favourite device is an overwhelming amount of digital\n          infrastructure to hold it all together. Our interfaces are getting\n          slicker. But are our applications providing the best solutions to our\n          problems?\n        </p>\n        <Emphasis>Are we sure we know what our problems are?</Emphasis>\n        <p>\n          Slicker. Faster. More flexible. It needs to do everything. Synergy.\n          Whichever last buzzword you've heard at a meeting. These are all\n          things we think or have thought we wanted in an application when we\n          are conceptualising it. And it usually falls short. This happens\n          because the designer or software developer didn't fully understand the\n          problem you are trying to solve or the client hasn't been able to\n          articulate it properly. Most of the time it's a bit of column A and a\n          bit of column B.\n        </p>\n        <Emphasis>I am a problem solver at heart. I fix things.</Emphasis>\n        <p>\n          No real world problem is too big to be tackled. If it seems that way,\n          we just haven't broken it down to solvable pieces just yet. I've been\n          doing this for years. I want to keep doing it.\n        </p>\n      </Text>\n      <h3>Looking for</h3>\n      <p>\n        I'm looking for contract work or a full-time opportunity as a junior\n        software developer. I'm also always on the lookout for good ideas and\n        would love to join a startup working in something I strongly believe in.\n      </p>\n\n      <Link to=\"/contact\">Get in touch! Let's grab a cup of coffee.</Link>\n    </Layout>\n  )\n}\n\nexport default About\n"],"sourceRoot":""}