component---src-pages-skills-js-b28e5e0418c02c43542e.js.map

{"version":3,"sources":["webpack:///./src/pages/skills.js","webpack:///./src/components/Layout/Layout.styled.js","webpack:///./src/components/Layout/Main/Main.styled.js","webpack:///./src/components/Layout/Main/Main.js","webpack:///./src/components/Logo/Logo.styled.js","webpack:///./src/components/Logo/Logo.js","webpack:///./src/components/Layout/Header/Header.styled.js","webpack:///./src/components/Layout/Header/Header.js","webpack:///./src/components/Layout/Footer/Footer.styled.js","webpack:///./src/components/Layout/Footer/Footer.js","webpack:///./src/components/Layout/Layout.js"],"names":["Skills","to","Grid","styled","div","props","theme","colors","secondary","primary","StyledMain","animated","main","Main","children","fade","useSpring","from","opacity","style","StyledLogo","TitleText","fonts","title","SubTitleText","Logo","StyledHeader","header","Header","StyledFooter","footer","SocialMediaList","SocialMediaLink","a","Footer","href","target","rel","Layout","query","render","data","site","siteMetadata","lang","charSet","Navbar","direction"],"mappings":"2FAAA,wDAkCeA,UA9BA,WACb,OACE,kBAAC,IAAD,KACE,yCACA,qCACA,wQAMA,qCACA,mNAKA,kCACA,4OAKA,2BACE,kBAAC,IAAD,CAAMC,GAAG,YAAT,oD,sJC1BFC,EAAOC,IAAOC,IAAV,yEAAGD,CAAH,4PAEM,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,aACjC,SAAAH,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,W,YCFjCC,EAAaP,YAAOQ,IAASC,MAAnB,6EAAGT,CAAH,wFCWDU,EAVF,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAERC,EAAOC,YAAU,CACrBC,KAAM,CAAEC,QAAS,GACjBjB,GAAI,CAAEiB,QAAS,KAGjB,OAAO,kBAACR,EAAD,CAAYS,MAAOJ,GAAOD,ICT7BM,EAAajB,IAAOC,IAAV,6EAAGD,CAAH,MAEVkB,EAAYlB,IAAOC,IAAV,4EAAGD,CAAH,yDACE,SAAAE,GAAK,OAAIA,EAAMC,MAAMgB,MAAMC,SAKtCC,EAAerB,IAAOC,IAAV,+EAAGD,CAAH,2CCAHsB,EAPF,kBACX,kBAACL,EAAD,KACE,kBAACC,EAAD,uBACA,kBAACG,EAAD,wCCJEE,EAAevB,IAAOwB,OAAV,gFAAGxB,CAAH,oCCQHyB,EANA,kBACb,kBAACF,EAAD,KACE,kBAAC,EAAD,Q,YCJEG,EAAe1B,IAAO2B,OAAV,6EAAG3B,CAAH,6FAQZ4B,EAAkB5B,IAAOC,IAAV,gFAAGD,CAAH,oEAMf6B,EAAkB7B,IAAO8B,EAAV,gFAAG9B,CAAH,iMAMV,SAAAE,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,WAEjB,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,WAIhC,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,WACjC,SAAAJ,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,aCE1B0B,EA5BA,kBACb,kBAACL,EAAD,KACE,kBAACE,EAAD,KACE,kBAACC,EAAD,CACEG,KAAK,mCACLC,OAAO,SACPC,IAAI,uBAHN,UAOA,kBAACL,EAAD,CACEG,KAAK,oCACLC,OAAO,SACPC,IAAI,uBAHN,WAOA,kBAACL,EAAD,CACEG,KAAK,4DACLC,OAAO,SACPC,IAAI,uBAHN,eC8BSC,EAnCA,SAAC,GAAkB,IAAhBxB,EAAe,EAAfA,SAEhB,OACE,kBAAC,IAAD,CACEyB,MAAK,aASLC,OAAQ,SAAAC,GAAI,OACV,oCACE,kBAAC,IAAD,CAAQlB,MAAOkB,EAAKC,KAAKC,aAAapB,OACpC,0BAAMqB,KAAK,OACX,0BAAMC,QAAQ,UACd,+BAAQJ,EAAKC,KAAKC,aAAapB,OAC/B,0BAAMc,IAAI,YAAYF,KAAK,sCAE7B,kBAAC,IAAD,CAAe7B,MAAOA,KACpB,kBAACJ,EAAD,KACE,kBAAC,EAAD,KAASuC,EAAKC,KAAKC,aAAapB,OAChC,kBAACuB,EAAA,EAAD,CAAQC,UAAU,UAAlB,UACA,kBAAC,EAAD,KAAOjC,GACP,kBAAC,EAAD","file":"component---src-pages-skills-js-b28e5e0418c02c43542e.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../components/Layout\"\nimport { Link } from \"gatsby\"\n\nconst Skills = () => {\n  return (\n    <Layout>\n      <h1>What I do</h1>\n      <h2>Think</h2>\n      <p>\n        I use the principles of Enterprise Architecture to develop a set of\n        documents about your business, its strategy and the underlying IT\n        architecture. I then make suggestions on what digital solutions could\n        lead to achieving your goals.\n      </p>\n      <h2>Check</h2>\n      <p>\n        I plan and make low cost experiments and prototypes to validate\n        assumptions and solutions. That way you can have the confidence you need\n        to invest in a larger scale implementation.\n      </p>\n      <h2>Do</h2>\n      <p>\n        I am certified as an AWS Cloud Practitioner and have experience as a\n        product owner and project manager. I will find the right professionals\n        and coordinate them to see through the delivery of your strategy.\n      </p>\n      <p>\n        <Link to=\"/contact\">If you'd like to work with me, get in touch!</Link>\n      </p>\n    </Layout>\n  )\n}\n\nexport default Skills\n","import styled from \"styled-components\"\n\nconst Grid = styled.div`\n  min-height: 100vh;\n  background: ${props => props.theme.colors.secondary};\n  color: ${props => props.theme.colors.primary};\n  display: grid;\n\n  grid-template-columns: auto 1fr;\n  grid-template-rows: auto 1fr auto;\n  grid-template-areas:\n    \"header header\"\n    \"navbar main\"\n    \"footer footer\";\n\n  @media (max-width: 700px) {\n    display: flex;\n    flex-direction: column;\n  }\n`\n\nexport { Grid }\n","import styled from \"styled-components\"\nimport { animated } from \"react-spring\"\n\nconst StyledMain = styled(animated.main)`\n  grid-area: main;\n  /* height: 100%;*/\n  padding: 20px 50px 20px 50px;\n\n  @media (max-width: 700px) {\n    padding: 20px;\n  }\n`\n\nexport { StyledMain }\n","import React from \"react\"\nimport { useSpring } from \"react-spring\"\nimport { StyledMain } from \"./Main.styled\"\n\nconst Main = ({ children }) => {\n  // declare react-spring hook\n  const fade = useSpring({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n  })\n\n  return <StyledMain style={fade}>{children}</StyledMain>\n}\n\nexport default Main\n","import styled from \"styled-components\"\n\nconst StyledLogo = styled.div``\n\nconst TitleText = styled.div`\n  font-family: ${props => props.theme.fonts.title};\n  font-size: 2.5rem;\n  text-align: center;\n`\n\nconst SubTitleText = styled.div`\n  font-size: 0.875rem;\n  text-align: center;\n`\n\nexport { StyledLogo, TitleText, SubTitleText }\n","import React from \"react\"\nimport { StyledLogo, TitleText, SubTitleText } from \"./Logo.styled\"\n\nconst Logo = () => (\n  <StyledLogo>\n    <TitleText>Filipe Estácio</TitleText>\n    <SubTitleText>A Civil Engineer gone Digital</SubTitleText>\n  </StyledLogo>\n)\n\nexport default Logo\n","import styled from \"styled-components\"\n\nconst StyledHeader = styled.header`\n  grid-area: header;\n  padding: 20px;\n`\n\nexport { StyledHeader }\n","import React from \"react\"\nimport Logo from \"../../Logo\"\nimport { StyledHeader } from \"./Header.styled\"\n\nconst Header = () => (\n  <StyledHeader>\n    <Logo />\n  </StyledHeader>\n)\n\nexport default Header\n","import styled from \"styled-components\"\n\nconst StyledFooter = styled.footer`\n  grid-area: footer;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  padding: 20px;\n`\n\nconst SocialMediaList = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n`\n\nconst SocialMediaLink = styled.a`\n  display: flex;\n  align-items: center;\n  margin-left: 5px;\n  margin-right: 5px;\n  text-decoration: none;\n  color: ${props => props.theme.colors.primary};\n  padding: 5px 10px;\n  border: 1px solid ${props => props.theme.colors.primary};\n  border-radius: 10px;\n\n  &:hover {\n    background: ${props => props.theme.colors.primary};\n    color: ${props => props.theme.colors.secondary};\n  }\n`\n\nexport { StyledFooter, SocialMediaList, SocialMediaLink }\n","import React from \"react\"\nimport { StyledFooter, SocialMediaList, SocialMediaLink } from \"./Footer.styled\"\n\nconst Footer = () => (\n  <StyledFooter>\n    <SocialMediaList>\n      <SocialMediaLink\n        href=\"https://github.com/filipeestacio\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        Github\n      </SocialMediaLink>\n      <SocialMediaLink\n        href=\"https://twitter.com/FilipeEstacio\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        Twitter\n      </SocialMediaLink>\n      <SocialMediaLink\n        href=\"https://www.linkedin.com/in/filipe-est%C3%A1cio-1b7bbb20/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        LinkedIn\n      </SocialMediaLink>\n    </SocialMediaList>\n  </StyledFooter>\n)\n\nexport default Footer\n","import React from \"react\"\nimport Helmet from \"react-helmet\"\nimport { graphql, StaticQuery } from \"gatsby\"\n\n// import styled-components dependencies\nimport { ThemeProvider } from \"styled-components\"\nimport { theme } from \"../../theme/theme\"\n\n// Import components\nimport { Grid } from \"./Layout.styled\"\nimport Main from \"./Main\"\nimport Header from \"./Header\"\nimport Navbar from \"./Navbar\"\nimport Footer from \"./Footer\"\n\nconst Layout = ({ children }) => {\n  // return JSX\n  return (\n    <StaticQuery\n      query={graphql`\n        query {\n          site {\n            siteMetadata {\n              title\n            }\n          }\n        }\n      `}\n      render={data => (\n        <>\n          <Helmet title={data.site.siteMetadata.title}>\n            <html lang=\"en\" />\n            <meta charSet=\"utf-8\" />\n            <title>{data.site.siteMetadata.title}</title>\n            <link rel=\"canonical\" href=\"https://filipeestacio.github.io/\" />\n          </Helmet>\n          <ThemeProvider theme={theme}>\n            <Grid>\n              <Header>{data.site.siteMetadata.title}</Header>\n              <Navbar direction=\"column\">Navbar</Navbar>\n              <Main>{children}</Main>\n              <Footer>Footer</Footer>\n            </Grid>\n          </ThemeProvider>\n        </>\n      )}\n    />\n  )\n}\n\nexport default Layout\n"],"sourceRoot":""}