{"version":3,"sources":["webpack:///./src/pages/about.js","webpack:///./src/components/modules/BlockImageText.js","webpack:///./src/components/modules/BlockImage.js"],"names":["About","aboutPage","data","allContentfulAbout","nodes","slice","title","heroImage","textImageMixedBlocks","pageTitle","className","map","block","index","__typename","key","classnames","bb","length","isNavList","BlockImageText","setTextToLeft","image","richText","text","json","BlockImage","loading"],"mappings":"6FAAA,6HA+DeA,UApDD,SAAC,GAAc,IAGrBC,EAHoB,EAAXC,KAGQC,mBAAmBC,MAAMC,OAAO,GAAG,GAClDC,EAA2CL,EAA3CK,MAAOC,EAAoCN,EAApCM,UAAWC,EAAyBP,EAAzBO,qBAE1B,OACE,kBAAC,IAAD,CAAQC,UAAWH,GACjB,6BAASI,UAAU,8CAEjB,kBAAC,IAAD,CAAYR,KAAMK,IAEjBC,EAAqBG,KAAI,SAACC,EAAOC,GAChC,MAAyB,4BAArBD,EAAME,WAEN,kBAAC,IAAD,CACEC,IAAKF,EACLX,KAAMU,EACNF,UAAWM,IAAW,CACpBC,GAAIJ,EAAQL,EAAqBU,OAAS,MAIlB,4BAArBN,EAAME,WAEb,kBAAC,IAAD,CACEC,IAAKF,EACLX,KAAMU,EACNF,UAAWM,IAAW,CACpBC,GAAIJ,EAAQL,EAAqBU,OAAS,MAM9C,kBAAC,IAAD,CACEH,IAAKF,EACLX,KAAMU,EACNF,UAAWM,IAAW,CACpBC,GAAIJ,EAAQL,EAAqBU,OAAS,SAOpD,kBAAC,IAAD,CAAgBC,WAAW,EAAMT,UAAU,W,kCCzDnD,sEAuCeU,IAlCQ,SAAC,GAA8B,IAA5BlB,EAA2B,EAA3BA,KAA2B,IAArBQ,iBAAqB,MAAT,GAAS,EACnD,OACE,6BAASA,UAAS,4BAA8BA,GAC9C,wBAAIA,UAAU,gDACXR,EAAKI,OAER,yBACEI,UAAWM,IAAW,+BAAgC,CACpD,0CAA2Cd,EAAKmB,iBAGlD,yBACEX,UAAWM,IAAW,6CAA8C,CAClE,aAAcd,EAAKmB,iBAGpBnB,EAAKoB,OACJ,gCACE,kBAAC,IAAD,CAAOA,MAAOpB,EAAKoB,UAIzB,yBACEZ,UAAWM,IAAW,6CAA8C,CAClE,cAAed,EAAKmB,iBAGrBE,YAASrB,EAAKsB,KAAKC,W,kCChC9B,qCAiBeC,IAdI,SAAC,GAAc,IAAZxB,EAAW,EAAXA,KACpB,OACE,6BAASQ,UAAU,YACjB,4BAAQA,UAAU,wDAChB,kBAAC,IAAD,CACEY,MAAOpB,EAAKoB,MACZZ,UAAU,2CACViB,QAAQ","file":"component---src-pages-about-js-67c51af071d01c6c858c.js","sourcesContent":["import React from 'react';\nimport { graphql } from 'gatsby';\nimport Layout from 'components/Layout';\nimport classnames from 'classnames';\nimport BlockImage from 'components/modules/BlockImage';\nimport BlockRichText from 'components/modules/BlockRichText';\nimport BlockTextText from 'components/modules/BlockTextText';\nimport BlockImageText from 'components/modules/BlockImageText';\nimport BlockLinksList from 'components/modules/BlockLinksList';\n// import SEO from '../components/site/SEO';\n\nconst About = ({ data }) => {\n  //get the last item in the nodes - this is in case they have a draft version\n  //of a new event page\n  const aboutPage = data.allContentfulAbout.nodes.slice(-1)[0];\n  const { title, heroImage, textImageMixedBlocks } = aboutPage;\n\n  return (\n    <Layout pageTitle={title}>\n      <article className=\"container container--thin container--boxed\">\n        {/* a block with a full width image */}\n        <BlockImage data={heroImage} />\n        {/* a block with text left and image right */}\n        {textImageMixedBlocks.map((block, index) => {\n          if (block.__typename === 'ContentfulBlockRichText') {\n            return (\n              <BlockRichText\n                key={index}\n                data={block}\n                className={classnames({\n                  bb: index < textImageMixedBlocks.length - 1\n                })}\n              />\n            );\n          } else if (block.__typename === 'ContentfulBlockTextText') {\n            return (\n              <BlockTextText\n                key={index}\n                data={block}\n                className={classnames({\n                  bb: index < textImageMixedBlocks.length - 1\n                })}\n              />\n            );\n          } else {\n            return (\n              <BlockImageText\n                key={index}\n                data={block}\n                className={classnames({\n                  bb: index < textImageMixedBlocks.length - 1\n                })}\n              />\n            );\n          }\n        })}\n        {/* Links list block */}\n        <BlockLinksList isNavList={true} className=\"bt\" />\n      </article>\n    </Layout>\n  );\n};\n\nexport default About;\n\nexport const query = graphql`\n  query aboutPage {\n    allContentfulAbout {\n      nodes {\n        title\n        heroImage {\n          image {\n            description\n            fluid(maxWidth: 1400) {\n              ...GatsbyContentfulFluid_withWebp\n            }\n          }\n        }\n        textImageMixedBlocks {\n          __typename\n          ... on Node {\n            ... on ContentfulBlockRichText {\n              title\n              description {\n                json\n              }\n              twoColumn\n            }\n            ... on ContentfulBlockTextText {\n              title\n              textLeft {\n                json\n              }\n              textRight {\n                json\n              }\n            }\n            ... on ContentfulBlockImageText {\n              title\n              image {\n                description\n                fluid(maxWidth: 600) {\n                  ...GatsbyContentfulFluid_withWebp\n                }\n              }\n              setTextToLeft\n              text {\n                json\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { richText } from 'components/utils/helpers';\nimport classnames from 'classnames';\nimport Image from 'components/base/Image';\n\nconst BlockImageText = ({ data, className = '' }) => {\n  return (\n    <section className={`block pv3 pv4-xl pv5-xxl ${className}`}>\n      <h3 className=\"body-header mb3 mb4-md mb5-xl ph3 ph4-xl ttu\">\n        {data.title}\n      </h3>\n      <div\n        className={classnames('flex flex-column flex-row-md', {\n          'flex-column-reverse flex-row-reverse-md': data.setTextToLeft\n        })}\n      >\n        <div\n          className={classnames('w-100 w-50-md body-copy ph3 ph4-xl ph5-xxl', {\n            'mt4 mt0-md': data.setTextToLeft\n          })}\n        >\n          {data.image && (\n            <figure>\n              <Image image={data.image} />\n            </figure>\n          )}\n        </div>\n        <div\n          className={classnames('w-100 w-50-md body-copy ph3 ph4-xl ph5-xxl', {\n            'mt4 mt0-md': !data.setTextToLeft\n          })}\n        >\n          {richText(data.text.json)}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default BlockImageText;\n","import React from 'react';\nimport Image from 'components/base/Image';\n\nconst BlockImage = ({ data }) => {\n  return (\n    <section className=\"block bb\">\n      <figure className=\"aspect-ratio aspect-ratio--4x3 aspect-ratio--16x9-lg\">\n        <Image\n          image={data.image}\n          className=\"aspect-ratio--object aspect-ratio--image\"\n          loading=\"eager\"\n        />\n      </figure>\n    </section>\n  );\n};\n\nexport default BlockImage;\n"],"sourceRoot":""}