{"version":3,"sources":["webpack:///./src/components/CaseStudyFragment.js","webpack:///./src/templates/case-study.js","webpack:///./src/components/SocialShare.js"],"names":["CaseStudyFragment","bgImg","slug","title","logo","isStandalone","meta","className","join","style","backgroundImage","href","src","alt","defaultProps","CaseStudyTemplate","content","contentComponent","image","helmet","testimonial","prev","next","PageContent","Content","bgImage","strength","html","frontmatter","citation","url","publicURL","fields","CaseStudy","data","location","page","footerData","headerData","useSiteMetadata","HTMLContent","testimonials","titleTemplate","name","description","SocialShare","titleEncoded","encodeURIComponent","urlEncoded"],"mappings":"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","file":"component---src-templates-case-study-js-7078261abc20e0709fcd.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst CaseStudyFragment = ({ bgImg, slug, title, logo, isStandalone, meta}) => {\n    return (\n        <article className={['case-study', isStandalone ? 'case-study--standalone' : null ].join(' ')} style={{ backgroundImage: `url(${bgImg})` }}>\n            <a href={slug}>\n                <header>\n                    <strong className=\"case-study__meta\">{meta}</strong>\n                    <h4 className=\"case-study__title\">{title}</h4>\n                </header>\n                <img className=\"case-study__brand\" src={logo} alt=\"\"/>\n            </a>\n        </article>\n    )\n};\n\nCaseStudyFragment.defaultProps = {\n    meta: 'Case study'\n}\n\nCaseStudyFragment.propTypes = {\n    \n};\n\nexport default CaseStudyFragment;","import React from 'react'\nimport { Parallax } from 'react-parallax';\nimport PropTypes from 'prop-types'\nimport Helmet from 'react-helmet'\nimport { graphql } from 'gatsby'\nimport Layout from '../components/Layout'\nimport Content, { HTMLContent } from '../components/Content'\nimport Hero from '../components/Hero';\nimport SocialShare from '../components/SocialShare';\nimport CaseStudyFragment from '../components/CaseStudyFragment';\nimport useSiteMetadata from '../components/SiteMetadata';\n\nexport const CaseStudyTemplate = ({\n  content,\n  contentComponent,\n  image,\n  logo,\n  title,\n  helmet,\n  testimonial,\n  href,\n  prev,\n  next\n}) => {\n  const PageContent = contentComponent || Content\n  \n  return (\n    <>\n      {helmet || ''}\n\n      <Parallax bgImage={image} strength={500}>\n        <div className=\"cover-container\">\n            <Hero className=\"cover\">\n                  <strong className=\"cover__content-type\">Case study</strong>\n                  <h1 className=\"h1-alt\">\n                    {title}\n                  </h1>\n                  <img className=\"cover__brand\" src={logo} alt=\"\"/>\n            </Hero>\n        </div>\n      </Parallax>\n\n      <div className=\"section\">\n          <div className=\"section__inner\">\n              <div className=\"container\">\n\n                  <div className=\"content-container content-container--long-form\">\n                      <PageContent className=\"content\" content={content}/>\n\n                      { testimonial &&\n                        <blockquote className=\"testimonial\">\n                          <PageContent content={testimonial.html}/>\n                          <footer>\n                            &mdash; <cite>{testimonial.frontmatter.citation}</cite>\n                        </footer>\n                      </blockquote>\n                      }\n\n                      <SocialShare url={href} title={title}/>\n                  </div>\n\n              </div>\n          </div>\n      </div>\n\n      { prev &&\n        <CaseStudyFragment bgImg={prev.frontmatter.image.publicURL} slug={prev.fields.slug} title={prev.frontmatter.title} logo={prev.frontmatter.logo.publicURL} isStandalone={!next} meta=\"Next up\"/>\n      }\n      \n      { next &&\n        <CaseStudyFragment bgImg={next.frontmatter.image.publicURL} slug={next.fields.slug} title={next.frontmatter.title} logo={next.frontmatter.logo.publicURL} isStandalone={!prev} meta=\"Next up\"/>\n      }\n    </>\n  )\n}\n\nCaseStudyTemplate.propTypes = {\n  content: PropTypes.node.isRequired,\n  contentComponent: PropTypes.func,\n  description: PropTypes.string,\n  title: PropTypes.string,\n  helmet: PropTypes.object,\n}\n\nconst CaseStudy = ({ data, location }) => {\n  const { page, footerData, headerData, prev, next } = data;\n  const { title } = useSiteMetadata();\n\n  return (\n    <Layout footerData={footerData} headerData={headerData}>\n      <CaseStudyTemplate\n        title={page.frontmatter.title}\n        content={page.html}\n        contentComponent={HTMLContent}\n        image={page.frontmatter.image.publicURL}\n        logo={page.frontmatter.logo.publicURL}\n        href={location.href}\n        testimonial={page.fields.testimonials && page.fields.testimonials[0]}\n        helmet={\n          <Helmet titleTemplate={`%s | Work | ${title}`}>\n            <title>{`${page.frontmatter.title}`}</title>\n            <meta\n              name=\"description\"\n              content={`${page.frontmatter.description}`}\n            />\n          </Helmet>\n        }\n        prev={prev}\n        next={next}\n      />\n    </Layout>\n  )\n}\n\nCaseStudy.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.object,\n  }),\n}\n\nexport const query = graphql`\n  query CaseStudyByID($id: String!, $prev: String!, $next: String!) {\n    page: markdownRemark(id: { eq: $id }) {\n      id\n      html\n      fields {\n        slug\n        testimonials {\n          html\n          frontmatter {\n            name\n            citation\n          }\n        }\n      }\n      frontmatter {\n        date(formatString: \"MMMM DD, YYYY\")\n        title\n        image {\n          publicURL\n        }\n        logo {\n          publicURL\n        }\n        testimonial\n      }\n    }\n    prev: markdownRemark(fields: { slug: { eq: $prev } }) {\n      id\n      fields {\n        slug\n      }\n      frontmatter {\n        date(formatString: \"MMMM DD, YYYY\")\n        title\n        image {\n          publicURL\n        }\n        logo {\n          publicURL\n        }\n      }\n    }\n    next: markdownRemark(fields: { slug: { eq: $next } }) {\n      id\n      fields {\n        slug\n      }\n      frontmatter {\n        date(formatString: \"MMMM DD, YYYY\")\n        title\n        description\n        image {\n          publicURL\n        }\n        logo {\n          publicURL\n        }\n      }\n    }\n    ...LayoutFragment\n  }\n`\n\nexport default CaseStudy","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SocialShare = ({url, title}) => {\n    const titleEncoded = encodeURIComponent(title);\n    const urlEncoded = encodeURIComponent(url);\n\n    return (\n        <dl className=\"social-share\">\n            <dt>Share this:</dt>\n            <dd>\n                <ul>\n                    <li><a className=\"social-share__email\" href={`mailto:?body=${urlEncoded}`}><span className=\"is-visually-hidden\">Email</span></a></li>\n                    <li><a className=\"social-share__twitter\" href={`https://twitter.com/share?url=${urlEncoded}&amp;text=${titleEncoded}`}><span className=\"is-visually-hidden\">Twitter</span></a></li>\n                    <li><a className=\"social-share__linkedin\" href={`http://www.linkedin.com/shareArticle?url=${urlEncoded}&amp;title=${titleEncoded}`}><span className=\"is-visually-hidden\">LinkedIn</span></a></li>\n                    <li><a className=\"social-share__googleplus\" href={`https://plus.google.com/share?url=${urlEncoded}`}><span className=\"is-visually-hidden\">Google Plus</span></a></li>\n                </ul>\n            </dd>\n        </dl>\n    )\n};\n\nSocialShare.propTypes = {\n    \n};\n\nexport default SocialShare;"],"sourceRoot":""}