{"version":3,"file":"component---src-templates-home-tsx-c7717eea38d906c443f0.js","mappings":"sLAiEA,UA3C8B,SAACA,GAA+B,IAAD,UACrDC,EAAuBD,EAAME,KAAKC,eACxC,OACEC,EAAAA,cAACC,EAAAA,EAAD,CAAQC,MAAOL,EAAKK,MAAiBC,YAAW,UAAEN,EAAKM,mBAAP,aAAEC,EAAkBD,YAAuBE,MAAK,UAAER,EAAKS,mBAAP,aAAEC,EAAkBC,WAClHR,EAAAA,cAAAA,MAAAA,CAAKS,UAAU,YACbT,EAAAA,cAAAA,MAAAA,CAAKS,UAAU,OACbT,EAAAA,cAACU,EAAAA,EAAD,KACEV,EAAAA,cAACW,EAAAA,EAAD,CAAaF,UAAU,wBAAwBJ,MAAK,UAAER,EAAKS,mBAAP,aAAEM,EAAkBC,gBAAiBC,IAAG,cAAKjB,EAAKS,mBAAV,aAAKS,EAAkBZ,iBAGvHH,EAAAA,cAAAA,MAAAA,CAAKS,UAAU,kBACbT,EAAAA,cAACU,EAAAA,EAAD,KACEV,EAAAA,cAAAA,KAAAA,KAAKH,EAAKK,OACVF,EAAAA,cAAAA,MAAAA,CAAKgB,wBAAyB,CAAEC,OAAM,UAAEpB,EAAKqB,YAAP,aAAEC,EAAWC,oBAAoBC,QACvErB,EAAAA,cAACsB,EAAAA,EAAD","sources":["webpack://sophia-portfolio/./src/templates/home.tsx"],"sourcesContent":["import { graphql } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport React from 'react';\nimport FadeInWrapper from '../components/animated/fade-wrapper';\nimport Layout from \"../components/layout/page-layout\";\nimport SocialLinks from '../components/social-links';\nimport { ContentfulPage } from '../types/graphql-types';\n\n/**\n * data from graphql query\n */\ninterface Props {\n  data: {\n    contentfulPage: ContentfulPage;\n  };\n}\n\n/**\n * Creates a page from a ContentfulPage object.\n * @param {Props} props  props from graphql query\n * @returns {TSX.Element} page\n */\nconst Home: React.FC<Props> = (props: Props): JSX.Element => {\n  const page: ContentfulPage = props.data.contentfulPage;\n  return (\n    <Layout title={page.title as string} description={page.description?.description as string} image={page.headerImage?.publicUrl as string}>\n      <div className=\"page row\">\n        <div className=\"col\">\n          <FadeInWrapper>\n            <GatsbyImage className=\"img-fluid img-rounded\" image={page.headerImage?.gatsbyImageData} alt={`${page.headerImage?.description}`} />\n          </FadeInWrapper>\n        </div>\n        <div className=\"col col-4 pl-5\">\n          <FadeInWrapper>\n            <h2>{page.title}</h2>\n            <div dangerouslySetInnerHTML={{ __html: page.body?.childMarkdownRemark.html }} />\n            <SocialLinks />\n          </FadeInWrapper>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\nquery ($contentful_id: String!) {\n  contentfulPage(contentful_id: { eq: $contentful_id }) {\n    contentful_id\n    title\n    headerImage {\n      gatsbyImageData\n      publicUrl\n    }\n    description {\n      description\n    }\n    body {\n      childMarkdownRemark {\n        html\n      }\n    }\n  }\n}\n`;\n\nexport default Home;\n"],"names":["props","page","data","contentfulPage","React","Layout","title","description","_page$description","image","headerImage","_page$headerImage","publicUrl","className","FadeInWrapper","GatsbyImage","_page$headerImage2","gatsbyImageData","alt","_page$headerImage3","dangerouslySetInnerHTML","__html","body","_page$body","childMarkdownRemark","html","SocialLinks"],"sourceRoot":""}