{"version":3,"sources":["webpack:///./src/components/about/Details/styles.js","webpack:///./src/components/about/Details/index.jsx","webpack:///./src/components/about/Socials/styles.js","webpack:///./src/components/about/Socials/SocialIcon/styles.js","webpack:///./src/components/about/Socials/SocialIcon/index.jsx","webpack:///./src/components/about/Socials/Social.jsx","webpack:///./src/components/about/Socials/Creative.jsx","webpack:///./src/components/about/Socials/index.jsx","webpack:///./src/components/about/About/index.jsx","webpack:///./src/pages/about.js"],"names":["Wrapper","styled","Text","theme","useContext","ThemeContext","AboutImage","useStaticQuery","as","Container","href","fluid","src","rel","target","Title","Grid","Social","name","link","darkIcon","lightIcon","publicURL","alt","social","edges","map","node","SocialIcon","key","id","Creative","Details","Socials","title","type","location"],"mappings":"4LAGaA,EAAUC,IAAH,sEAAGA,CAAH,qEAAb,KAuBMC,GAdMD,IAAH,kEAAGA,CAAH,CAAT,yBAIyBA,IAAH,+EAAGA,CAAH,CAAtB,yBAIUA,IAAH,8DAAGA,CAAH,wCAAP,KAMaA,IAAH,iEAAGA,CAAH,0BAIb,kBACAE,SADA,sC,YCvBW,aAAO,IACZA,EAAUC,qBAAWC,KAArBF,MACAG,EAAeC,yBAAe,cAA9BD,WAOR,OACE,YAACN,EAAD,CAASQ,GAAIC,aACX,iBAAGC,KAAMJ,EAAWK,MAAMC,MAC1B,uBACA,YAACV,EAAD,CAAMC,MAAOA,GAAb,sVAQA,YAACD,EAAD,CAAMC,MAAOA,GAAb,2BAEE,iBACEO,KAAK,6BACLG,IAAI,sBACJC,OAAO,UAEN,IALH,sBAUF,YAACZ,EAAD,CAAMC,MAAOA,GACX,oFACA,oFAEF,YAACD,EAAD,CAAMC,MAAOA,GAAb,uE,YC1COH,EAAUC,IAAH,sEAAGA,CAAH,CAAb,gEAQMc,EAAQd,IAAH,mEAAGA,CAAH,4BAGd,kBACAE,SADA,qCAOSa,EAAOf,IAAH,mEAAGA,CAAH,CAAV,mVClBMgB,EAAShB,IAAH,qEAAGA,CAAH,sQAMb,kBACAE,SADA,yCCLS,kBAAGe,EAAH,EAAGA,KAAMC,EAAT,EAASA,KAAMC,EAAf,EAAeA,SAAUC,EAAzB,EAAyBA,UAAWlB,EAApC,EAAoCA,MAApC,OACb,YAACc,EAAD,CAAQd,MAAOA,GACb,iBAAGO,KAAMS,EAAMN,IAAI,sBAAsBC,OAAO,UAC9C,mBACEF,IAAe,SAAVT,EAAmBiB,EAASE,UAAYD,EAAUC,UACvDC,IAAKL,IAENA,KCLQ,cAAgB,IAAbf,EAAY,EAAZA,MACRqB,EAAWjB,yBAAe,aAA1BiB,OAmBR,OACE,YAACR,EAAD,KACGQ,EAAOC,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,KAAH,OAChB,YAACC,EAAD,aAAYzB,MAAOA,EAAO0B,IAAKF,EAAKG,IAAQH,SCvBrC,cAAgB,IAAbxB,EAAY,EAAZA,MACRqB,EAAWjB,yBAAe,cAA1BiB,OAmBR,OACE,YAACR,EAAD,KACGQ,EAAOC,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,KAAH,OAChB,YAACC,EAAD,aAAYzB,MAAOA,EAAO0B,IAAKF,EAAKG,IAAQH,SCtBrC,aAAO,IACZxB,EAAUC,qBAAWC,KAArBF,MAER,OACE,YAAC,EAAD,KACE,YAACY,EAAD,CAAOZ,MAAOA,GAAd,cACA,YAAC,EAAD,CAAQA,MAAOA,IACf,YAAC4B,EAAD,CAAU5B,MAAOA,MCRR,aAEb,OACE,YAAC,YAAD,KACE,YAAC,YAAD,iBACA,YAAC6B,EAAD,MACA,YAACC,EAAD,QCPS,4BACb,0BACE,mBAAKC,MAAL,QAAmBC,KAAnB,eAAuCC,SAAS,WAChD,cAHW","file":"component---src-pages-about-js-a64d823fda9f86eabccd.js","sourcesContent":["import styled from 'styled-components'\nimport { color, layout, lineHeight } from 'styled-system'\n\nexport const Wrapper = styled.div`\n  ${layout}\n\n  @media (max-width: 960px) {\n    max-width: 100%;\n    margin-bottom: 1rem;\n  }\n`\n\nexport const Img = styled.img`\n  margin-right: 0.6rem;\n`\n\nexport const DetailsContainer = styled.div`\n  padding-left: 1.5rem;\n`\n\nexport const P = styled.p`\n  display: flex;\n  align-items: center;\n  ${color}\n`\n\nexport const Text = styled.p`\n  ${color}\n  ${lineHeight}\n\n  ${({ theme }) =>\n    theme === 'dark' &&\n    `\n\t\tcolor: #fff;\n\t`};\n`\n","import { Container } from 'components/common'\nimport { graphql, useStaticQuery } from 'gatsby'\nimport Img from 'gatsby-image'\nimport { ThemeContext } from 'providers/ThemeProvider'\nimport React, { useContext } from 'react'\nimport { Text, Wrapper } from './styles'\n\nexport default () => {\n  const { theme } = useContext(ThemeContext)\n  const { AboutImage } = useStaticQuery(graphql`\n    query AboutImageQuery {\n      AboutImage: imageSharp(fluid: { originalName: { eq: \"us1.jpg\" } }) {\n        ...imageFields\n      }\n    }\n  `)\n  return (\n    <Wrapper as={Container}>\n      <a href={AboutImage.fluid.src}></a>\n      <br />\n      <Text theme={theme}>\n        Hi,I am Ravikumar Pasupuleti. I am a Senior Technical Consultant,\n        currently working in Sydney, Australia. I love to be called the tech guy\n        who solves problems. Understanding client needs and providing right\n        solution gives a great satisfaction. Have rich experience in pre-sales,\n        proposals, project scoping and technical solution delivery.\n      </Text>\n\n      <Text theme={theme}>\n        Currently I'm working at\n        <a\n          href=\"https://www.dxc.technology\"\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          {' '}\n          DXC Technolnology\n        </a>\n      </Text>\n\n      <Text theme={theme}>\n        <strong>This blog and its contents are all opinions of my own.</strong>\n        <strong>Also, digital dairy for me to track about technology.</strong>\n      </Text>\n      <Text theme={theme}>\n        Connect with me in Linkedin or Twitter if you have any questions.\n      </Text>\n    </Wrapper>\n  )\n}\n","import styled from 'styled-components'\n\nexport const Wrapper = styled.div`\n  padding: 2rem 0;\n\n  @media (max-width: 960px) {\n    text-align: center;\n  }\n`\n\nexport const Title = styled.h2`\n  margin-bottom: 3rem;\n\n  ${({ theme }) =>\n    theme === 'dark' &&\n    `\n\t\tcolor: #fff;\n\t`}\n`\n\nexport const Grid = styled.div`\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  grid-template-rows: repeat(1, 4fr);\n  grid-gap: 1.2rem;\n  align-items: center;\n  margin-bottom: 1rem;\n\n  img {\n    width: 32px;\n    height: 32px;\n  }\n\n  @media (max-width: 960px) {\n    grid-template-columns: repeat(4, 1fr);\n    text-align: center;\n\n    img {\n      width: 48px;\n      height: 48px;\n    }\n  }\n\n  @media (max-width: 680px) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n`\n","import styled from 'styled-components'\n\nexport const Social = styled.div`\n  a {\n    display: flex;\n    align-items: center;\n    color: #212121;\n\n    ${({ theme }) =>\n      theme === 'dark' &&\n      `\n\t\t\tcolor: #fff;\n\t\t`}\n\n    @media (max-width: 960px) {\n      justify-content: center;\n    }\n  }\n\n  img {\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    margin-bottom: unset;\n    margin-right: 0.5rem;\n\n    &:hover {\n      transform: scale(1.1);\n      transition: all 0.2s ease-in-out;\n    }\n  }\n`\n","import React from 'react'\nimport { Social } from './styles'\n\nexport default ({ name, link, darkIcon, lightIcon, theme }) => (\n  <Social theme={theme}>\n    <a href={link} rel=\"noopener noreferrer\" target=\"_blank\">\n      <img\n        src={theme === 'dark' ? darkIcon.publicURL : lightIcon.publicURL}\n        alt={name}\n      />\n      {name}\n    </a>\n  </Social>\n)\n","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { Grid } from './styles'\nimport SocialIcon from './SocialIcon'\n\nexport default ({ theme }) => {\n  const { social } = useStaticQuery(graphql`\n    query {\n      social: allSocialYaml(filter: { creative: { eq: false } }) {\n        edges {\n          node {\n            id\n            name\n            darkIcon {\n              publicURL\n            }\n            lightIcon {\n              publicURL\n            }\n            link\n          }\n        }\n      }\n    }\n  `)\n  return (\n    <Grid>\n      {social.edges.map(({ node }) => (\n        <SocialIcon theme={theme} key={node.id} {...node} />\n      ))}\n    </Grid>\n  )\n}\n","import React from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\nimport { Grid } from './styles'\nimport SocialIcon from './SocialIcon'\n\nexport default ({ theme }) => {\n  const { social } = useStaticQuery(graphql`\n    query {\n      social: allSocialYaml(filter: { creative: { eq: true } }) {\n        edges {\n          node {\n            id\n            name\n            darkIcon {\n              publicURL\n            }\n            lightIcon {\n              publicURL\n            }\n            link\n          }\n        }\n      }\n    }\n  `)\n  return (\n    <Grid>\n      {social.edges.map(({ node }) => (\n        <SocialIcon theme={theme} key={node.id} {...node} />\n      ))}\n    </Grid>\n  )\n}\n","import React, { useContext } from 'react'\nimport { ThemeContext } from 'providers/ThemeProvider'\nimport Social from './Social'\nimport Creative from './Creative'\nimport { Wrapper, Title } from './styles'\n\nexport default () => {\n  const { theme } = useContext(ThemeContext)\n\n  return (\n    <Wrapper>\n      <Title theme={theme}>Follow me!</Title>\n      <Social theme={theme} />\n      <Creative theme={theme} />\n    </Wrapper>\n  )\n}\n","import Details from 'components/about/Details'\nimport Socials from 'components/about/Socials'\nimport { Container, PageTitle } from 'components/common'\nimport React from 'react'\n\nexport default () => {\n\n  return (\n    <Container>\n      <PageTitle>About Me</PageTitle>\n      <Details />\n      <Socials />\n    </Container>\n  )\n}\n","import React from 'react'\nimport { Layout, SEO } from 'components/common'\nimport About from 'components/about/About'\n\nexport default () => (\n  <Layout>\n    <SEO title=\"About\" type=\"Organization\" location=\"/about\" />\n    <About />\n  </Layout>\n)\n"],"sourceRoot":""}