{"version":3,"sources":["webpack://redriverdesigns.ca/./src/components/Head/Head.jsx","webpack://redriverdesigns.ca/./src/components/Heading/Heading.jsx","webpack://redriverdesigns.ca/./src/page-components/featured-work.js","webpack://redriverdesigns.ca/./src/pages/featured-work.js"],"names":["Head","props","pageContent","sitewideContent","pageTitle","title","name","href","canonicalURL","rel","content","description","property","logo","file","url","StaticQuery","query","render","data","contentfulSitewideMetadataSeo","Heading1","styled","margin","fontSize","textAlign","textTransform","StyledFeaturedWorkPageDescription","StyledFeaturedWorksSection","ul","padding","listStyleType","display","flexWrap","justifyContent","maxWidth","li","width","StyledFeaturedWork","figure","height","backgroundImage","backgroundImageURL","backgroundPosition","backgroundRepeat","backgroundSize","position","figcaption","backgroundColor","colors","color","right","bottom","left","h2","FeaturedWork","Page","metadataSEO","Heading","featuredWorks","map","featuredWork","key","photo","contentfulPageFeaturedWork"],"mappings":"+JAMaA,G,OAAO,SAACC,GACnB,IAAOC,EAAgCD,EAAhCC,YAAaC,EAAmBF,EAAnBE,gBAGdC,EAAkC,SAAtBF,EAAYG,MAC1BF,EAAgBG,KACbJ,EAAYG,MAFD,MAEYF,EAAgBG,KAE9C,OACE,gBAAC,IAAD,KACE,wBAAMC,KAAML,EAAYM,aAAcC,IAAI,cAC1C,wBAAMC,QAASR,EAAYS,YAAaL,KAAK,gBAC7C,6BAAQF,GAGR,wBAAMM,QAASN,EAAWQ,SAAS,aACnC,wBAAMF,QAASR,EAAYS,YAAaC,SAAS,mBACjD,wBAAMF,QAAO,SAAWP,EAAgBU,KAAKC,KAAKC,IAAOH,SAAS,aAClE,wBAAMF,QAASR,EAAYM,aAAcI,SAAS,WAClD,wBAAMF,QAAO,SAAWP,EAAgBU,KAAKC,KAAKC,IAAOT,KAAK,iBAE9D,wBAAMI,QAASP,EAAgBG,KAAMM,SAAS,iBAC9C,wBAAMF,QAAO,SAAWP,EAAgBU,KAAKF,YAAeL,KAAK,yBAsCvE,IAzBwB,SAACL,GAAD,OACtB,gBAAC,EAAAe,YAAD,CAEEC,MAAK,aAaLC,OAAQ,SAAAC,GAAI,OACV,gBAACnB,EAAD,CACEE,YAAaD,EAAMC,YACnBC,gBAAiBgB,EAAKC,qC,sEC1DjBC,E,KAAWC,iBAAH,4DAAGA,CAAU,CAChCC,OAAQ,gBACRC,SAAU,SACVC,UAAW,SACXC,cAAe,e,qJCHJC,EAAoCL,kBAAH,2FAAGA,CAAS,CACxDG,UAAW,WAGAG,EAA6BN,wBAAH,oFAAGA,CAAe,CACvDO,GAAI,CACFC,QAAS,SACTP,OAAQ,SACRQ,cAAe,QAGjB,uCAAwC,CACpCF,GAAI,CACFG,QAAS,OACTC,SAAU,OACVC,eAAgB,eAChBC,SAAU,UAGZC,GAAI,CACFC,MAAO,UAKFC,EAAqBhB,oBAAH,4EAAGA,EAAW,SAAArB,GAAK,MAAK,CACrDsC,OAAQ,CACNC,OAAQ,QACRL,SAAU,QACVZ,OAAQ,YACRkB,gBAAgB,aAAcxC,EAAMyC,mBAArB,IACfC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,QAChBC,SAAU,YAGZC,WAAY,CACVjB,QAAS,SACTkB,gBAAiBC,8BACjBC,MAAOD,kBACPH,SAAU,WACVK,MAAO,EACPC,OAAQ,EACRC,KAAM,EACN5B,UAAW,UAGb6B,GAAI,CACF9B,SAAU,OACVE,cAAe,iBC5Cb6B,G,OAAe,SAACtD,GACpB,IAAOS,EAAWT,EAAXS,QAEP,OACE,gBAAC8C,EAAA,EAAD,KACE,gBAACxD,EAAA,EAAD,CAAME,YAAaQ,EAAQ+C,cAC3B,gBAACC,EAAA,EAAD,KAAWhD,EAAQ+C,YAAYpD,OAC/B,gBAACsB,EAAD,KACGjB,EAAQ+C,YAAY9C,aAEvB,gBAACiB,EAAD,KACE,0BACGlB,EAAQiD,cAAcC,KAAI,SAACC,GAAD,OACzB,sBAAIC,IAAKD,EAAaxD,OACpB,gBAACiC,EAAD,CAAoBI,mBAAoBmB,EAAaE,MAAMjD,KAAKC,KAC9D,8BACE,kCACE,0BAAK8C,EAAaxD,OAClB,4BAAOwD,EAAalD,yBAoDxC,EA3BgC,kBAC9B,gBAAC,EAAAK,YAAD,CAEEC,MAAK,aAoBLC,OAAQ,SAAAC,GAAI,OAAI,gBAACoC,EAAD,CAAc7C,QAASS,EAAK6C","file":"component---src-pages-featured-work-js-4bc6923c81302dd10f39.js","sourcesContent":["import {graphql, StaticQuery} from 'gatsby'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport {Helmet as ReactHelmet} from 'react-helmet'\nimport {contentfulImagePropTypes, contentfulMetadataSeoPropTypes} from '../../shared-prop-types.js'\n\nexport const Head = (props) => {\n  const {pageContent, sitewideContent} = props\n\n  // if it's the homepage, simplify the page title to just the business/website name\n  const pageTitle = pageContent.title === 'Home'\n    ? sitewideContent.name\n    : `${pageContent.title} | ${sitewideContent.name}`\n\n  return (\n    <ReactHelmet>\n      <link href={pageContent.canonicalURL} rel=\"canonical\"/>\n      <meta content={pageContent.description} name=\"description\"/>\n      <title>{pageTitle}</title>\n      {/* https://css-tricks.com/essential-meta-tags-social-media/ */}\n      {/* essential meta tags */}\n      <meta content={pageTitle} property=\"og:title\"/>\n      <meta content={pageContent.description} property=\"og:description\"/>\n      <meta content={`https:${sitewideContent.logo.file.url}`} property=\"og:image\"/>\n      <meta content={pageContent.canonicalURL} property=\"og:url\"/>\n      <meta content={`https:${sitewideContent.logo.file.url}`} name=\"twitter:card\"/>\n      {/* non-essential (but still recommended) meta tags */}\n      <meta content={sitewideContent.name} property=\"og:site_name\"/>\n      <meta content={`https:${sitewideContent.logo.description}`} name=\"twitter:image:alt\"/>\n    </ReactHelmet>\n  )\n}\n\nHead.propTypes = {\n  pageContent: PropTypes.shape(contentfulMetadataSeoPropTypes).isRequired,\n  sitewideContent: PropTypes.shape({\n    logo: PropTypes.shape(contentfulImagePropTypes).isRequired,\n    name: PropTypes.string.isRequired,\n  }).isRequired,\n}\n\nconst HeadWithContent = (props) => (\n  <StaticQuery\n    // to test queries, refer to the dev server terminal output for the GraphQL URL\n    query={graphql`\n      query ContentfulComponentHeadQuery {\n        contentfulSitewideMetadataSeo {\n          logo {\n            description\n            file {\n              url\n            }\n          }\n          name\n        }\n      }\n    `}\n    render={data => (\n      <Head\n        pageContent={props.pageContent}\n        sitewideContent={data.contentfulSitewideMetadataSeo}\n      />\n    )}\n  />\n)\n\nexport default HeadWithContent\n","import styled from 'styled-components'\n\nexport const Heading1 = styled.h1({\n  margin: '4rem 0 2rem 0',\n  fontSize: '2.4rem',\n  textAlign: 'center',\n  textTransform: 'uppercase',\n})\n","import styled from 'styled-components'\nimport {colors} from '../config/colors.js'\n\nexport const StyledFeaturedWorkPageDescription = styled.p({\n  textAlign: 'center',\n})\n\nexport const StyledFeaturedWorksSection = styled.section({\n  ul: {\n    padding: '0 2rem',\n    margin: '0 auto',\n    listStyleType: 'none',\n  },\n\n  '@media screen and (min-width: 768px)': {\n      ul: {\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'space-around',\n        maxWidth: '100rem',\n      },\n\n      li: {\n        width: '48%',\n      },\n  },\n})\n\nexport const StyledFeaturedWork = styled.div(props => ({\n  figure: {\n    height: '40rem',\n    maxWidth: '40rem',\n    margin: '4rem auto',\n    backgroundImage: `url(https:${props.backgroundImageURL})`,\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    position: 'relative',\n  },\n\n  figcaption: {\n    padding: '0.5rem',\n    backgroundColor: colors['black-#000-with-shadow'],\n    color: colors['white-#ddd'],\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n    left: 0,\n    textAlign: 'center',\n  },\n\n  h2: {\n    fontSize: '2rem',\n    textTransform: 'uppercase',\n  },\n}))\n","import {graphql, StaticQuery} from 'gatsby'\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport Head from '../components/Head/Head.jsx'\nimport {Heading1} from '../components/Heading/Heading.jsx'\nimport Page from '../components/Page/Page.jsx'\nimport {StyledFeaturedWork, StyledFeaturedWorkPageDescription, StyledFeaturedWorksSection} from '../page-components/featured-work.js'\nimport {contentfulImagePropTypes, contentfulMetadataSeoPropTypes} from '../shared-prop-types.js'\n\nconst FeaturedWork = (props) => {\n  const {content} = props\n\n  return (\n    <Page>\n      <Head pageContent={content.metadataSEO}/>\n      <Heading1>{content.metadataSEO.title}</Heading1>\n      <StyledFeaturedWorkPageDescription>\n        {content.metadataSEO.description}\n      </StyledFeaturedWorkPageDescription>\n      <StyledFeaturedWorksSection>\n        <ul>\n          {content.featuredWorks.map((featuredWork) => (\n            <li key={featuredWork.title}>\n              <StyledFeaturedWork backgroundImageURL={featuredWork.photo.file.url}>\n                <figure>\n                  <figcaption>\n                    <h2>{featuredWork.title}</h2>\n                    <span>{featuredWork.description}</span>\n                  </figcaption>\n                </figure>\n              </StyledFeaturedWork>\n            </li>\n          ))}\n        </ul>\n      </StyledFeaturedWorksSection>\n    </Page>\n  )\n}\n\nFeaturedWork.propTypes = {\n  content: PropTypes.shape({\n    metadataSEO: PropTypes.shape(contentfulMetadataSeoPropTypes).isRequired,\n    featuredWorks: PropTypes.arrayOf(\n      PropTypes.shape({\n        description: PropTypes.string.isRequired,\n        photo: PropTypes.shape(contentfulImagePropTypes).isRequired,\n        title: PropTypes.string.isRequired,\n      }).isRequired,\n    ).isRequired,\n  }).isRequired,\n}\n\nconst FeaturedWorkWithContent = () => (\n  <StaticQuery\n    // to test queries, refer to the dev server terminal output for the GraphQL URL\n    query={graphql`\n      query contentfulPageFeaturedWorkQuery {\n        contentfulPageFeaturedWork {\n          featuredWorks {\n            description\n            photo {\n              file {\n                url\n              }\n            }\n            title\n          }\n          metadataSEO {\n            canonicalURL\n            description\n            title\n          }\n        }\n      }\n    `}\n    render={data => <FeaturedWork content={data.contentfulPageFeaturedWork}/>}\n  />\n)\n\nexport default FeaturedWorkWithContent\n"],"sourceRoot":""}