{"version":3,"file":"component---src-pages-resources-js-50cceedbf3c058dce443.js","mappings":"4KAgBA,IAdA,YAAiD,IAA3BA,EAA0B,EAA1BA,SAAaC,GAAa,YAC9C,GAAoCC,EAAAA,EAAAA,WAAS,GAAtCC,EAAP,KAAmBC,EAAnB,KAMA,OAJAC,EAAAA,EAAAA,YAAU,WACRD,GAAc,KACb,IAEED,EAIE,sBAASF,EAAYD,GAHnB,O,iGCYLM,EAAQC,EAAAA,QAAAA,IAAAA,WAAH,0DAAGA,CAAH,mIAeX,EAlCiB,kBACf,gBAACD,EAAD,CACEE,UAAU,YACVC,MAAM,6BACNC,QAAQ,YACRC,OAAO,KACPC,MAAM,KACNC,KAAK,gBACL,wBACEL,UAAU,OACVM,EAAE,oEAEJ,wBACEN,UAAU,QACVM,EAAE,0JCiCFC,EAAMR,EAAAA,QAAAA,IAAAA,WAAH,0DAAGA,CAAH,ucAyCHS,EAAaT,EAAAA,QAAAA,IAAAA,WAAH,iEAAGA,CAAH,gTA0BVU,EAAaV,EAAAA,QAAAA,IAAAA,WAAH,iEAAGA,CAAH,mPAQVQ,GAON,EA9HkB,SAAC,GAA6D,IAA3DG,EAA0D,EAA1DA,WAAYC,EAA8C,EAA9CA,KAAMC,EAAwC,EAAxCA,MAAOC,EAAiC,EAAjCA,MAAOC,EAA0B,EAA1BA,QAASC,EAAiB,EAAjBA,WAC5D,OAAOL,EACL,gBAACH,EAAD,KACE,gBAAC,KAAD,CAAgBS,GAAIL,GAClB,gBAACF,EAAD,CAAYT,UAAWe,GAAc,cACnC,gBAAC,EAAAE,EAAD,CACEL,MAAOA,EAAMM,MAAMC,gBACnBf,MAAO,IACPD,OAAQ,IACRiB,IAAI,MAGR,gBAACZ,EAAD,KACE,qBAAGR,UAAU,WAAWc,EAAxB,KACA,qBAAGd,UAAU,SACVa,EACD,gBAAC,EAAD,UAMR,gBAACN,EAAD,KACE,qBAAGc,KAAMV,EAAMW,OAAO,SAASC,IAAI,cACjC,gBAACd,EAAD,CAAYT,UAAWe,GAAc,cACnC,gBAAC,EAAAE,EAAD,CACEL,MAAOA,EAAMM,MAAMC,gBACnBf,MAAO,IACPD,OAAQ,IACRiB,IAAI,MAGR,gBAACZ,EAAD,KACE,qBAAGR,UAAU,WAAWc,EAAxB,KACA,qBAAGd,UAAU,SACVa,EACD,gBAAC,EAAD,Y,mICoBNW,EAAYzB,EAAAA,QAAAA,GAAAA,WAAH,gEAAGA,CAAH,oDAMT0B,EAAkB1B,EAAAA,QAAAA,IAAAA,WAAH,sEAAGA,CAAH,qCAKrB,UA9DsB,WAAO,IAAD,MACpB2B,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,GACtBC,EAAsCH,EAAtCG,QAASC,EAA6BJ,EAA7BI,YAAaC,EAAgBL,EAAhBK,YAE9B,OACE,gCACE,gBAAC,IAAD,CAAKlB,MAAM,cAEX,gBAAC,IAAD,KACE,gBAAC,IAAD,KACE,gBAAC,EAAAmB,QAAD,KACE,gBAAC,EAAAC,eAAD,KACE,gBAACT,EAAD,kBACA,gBAACC,EAAD,MACG,OAAII,GAASK,UAAUC,KACtB,SAAAC,GAAI,OACFA,EAAKC,aAAeP,GACpBM,EAAKE,SAASH,KAAI,SAAAG,GAAQ,OACxB,gBAAC,IAAD,CACE5B,YAAY,EACZI,QAAO,QAAUsB,EAAKC,YACtB1B,KAAI,cAAgB2B,EAASzB,MAC1B0B,cACAC,MAAM,KACNC,KAAK,IACLC,QAAQ,aAAc,IACtBA,QAAQ,OAAQ,KACnB7B,MAAOyB,EAASzB,MAChBD,MAAO0B,EAAS1B,MAChB+B,IAAKL,EAASzB,MACdE,YAAY,YAMxB,gBAAC,EAAA6B,eAAD,KACE,gBAAC,EAAA3B,EAAD,CACEL,MAAK,UAAEiB,EAAQE,UAAV,iBAAE,EAAsBc,gBAAxB,iBAAE,EAAgC3B,aAAlC,aAAE,EAAuCC,gBAC9CC,IAAI,GACJ0B,UAAU,UACVC,YAAY,mB,qBCpDb,SAASC,EAA8BC,EAAQC,GAC5D,GAAc,MAAVD,EAAgB,MAAO,GAC3B,IAEIN,EAAKQ,EAFL7B,EAAS,GACT8B,EAAaC,OAAOC,KAAKL,GAG7B,IAAKE,EAAI,EAAGA,EAAIC,EAAWG,OAAQJ,IACjCR,EAAMS,EAAWD,GACbD,EAASM,QAAQb,IAAQ,IAC7BrB,EAAOqB,GAAOM,EAAON,IAGvB,OAAOrB,E","sources":["webpack://gatsby-starter-default/./src/components/ClientOnly.js","webpack://gatsby-starter-default/./src/components/ctaArrow.js","webpack://gatsby-starter-default/./src/components/blockLink.js","webpack://gatsby-starter-default/./src/pages/resources.js","webpack://gatsby-starter-default/./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\n\nfunction ClientOnly({ children, ...delegated }) {\n  const [hasMounted, setHasMounted] = useState(false);\n\n  useEffect(() => {\n    setHasMounted(true);\n  }, []);\n\n  if (!hasMounted) {\n    return null;\n  }\n\n  return <div {...delegated}>{children}</div>;\n}\n\nexport default ClientOnly;\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst ctaArrow = () => (\n  <Arrow\n    className='cta-arrow'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox='0 0 15 10'\n    height='10'\n    width='15'\n    role='presentation'>\n    <path\n      className='line'\n      d='M8.52,5.91H2a.55.55,0,0,1-.54-.55V4.64A.55.55,0,0,1,2,4.09h6.5Z'\n    />\n    <path\n      className='arrow'\n      d='M3.44,9.78a.55.55,0,0,1-.77,0l-.51-.51a.55.55,0,0,1,0-.77L5.65,5,2.16,1.5a.55.55,0,0,1,0-.77L2.67.22a.55.55,0,0,1,.77,0l4.4,4.4a.54.54,0,0,1,0,.76Z'\n    />\n  </Arrow>\n);\n\nconst Arrow = styled.svg`\n  height: 15px;\n  width: 22px;\n  margin-left: 0.4rem;\n  fill: currentColor;\n  flex-shrink: 0;\n  .arrow,\n  .line {\n    transition: all 0.5s;\n  }\n  .line {\n    opacity: 0;\n  }\n`;\n\nexport default ctaArrow;\n","import React from 'react';\nimport styled from 'styled-components';\nimport TransitionLink from 'gatsby-plugin-transition-link';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport CtaArrow from './ctaArrow';\n\nconst BlockLink = ({ gatsbyLink, link, image, title, eyebrow, hoverImage }) => {\n  return gatsbyLink ? (\n    <Row>\n      <TransitionLink to={link}>\n        <ImageBlock className={hoverImage && 'hoverImage'}>\n          <GatsbyImage\n            image={image.asset.gatsbyImageData}\n            width={150}\n            height={150}\n            alt=''\n          />\n        </ImageBlock>\n        <TitleBlock>\n          <p className='eyebrow'>{eyebrow} </p>\n          <p className='title'>\n            {title}\n            <CtaArrow />\n          </p>\n        </TitleBlock>\n      </TransitionLink>\n    </Row>\n  ) : (\n    <Row>\n      <a href={link} target='_blank' rel='noreferrer'>\n        <ImageBlock className={hoverImage && 'hoverImage'}>\n          <GatsbyImage\n            image={image.asset.gatsbyImageData}\n            width={150}\n            height={150}\n            alt=''\n          />\n        </ImageBlock>\n        <TitleBlock>\n          <p className='eyebrow'>{eyebrow} </p>\n          <p className='title'>\n            {title}\n            <CtaArrow />\n          </p>\n        </TitleBlock>\n      </a>\n    </Row>\n  );\n};\n\nconst Row = styled.div`\n  max-width: 100%;\n  margin-top: 24px;\n  @media (max-width: 600px) {\n    margin-left: 0;\n    margin-bottom: 1rem;\n    max-width: 100%;\n  }\n  a {\n    flex: 1;\n    display: flex;\n    text-decoration: none;\n    transition: all 0.2s;\n    align-items: center;\n    overflow: hidden;\n\n    :hover {\n      p {\n        text-decoration: underline;\n      }\n      .eyebrow {\n        text-decoration: none;\n      }\n      .cta-arrow {\n        .line {\n          fill: currentColor;\n          opacity: 1;\n          @media all and (-ms-high-contrast: none),\n            (-ms-high-contrast: active) {\n            opacity: 0;\n          }\n        }\n        .arrow {\n          fill: currentColor;\n          transform: translateX(3px);\n        }\n      }\n    }\n  }\n`;\n\nconst TitleBlock = styled.div`\n  padding: 1rem;\n  flex: 1;\n  min-width: 175px;\n  @media (max-width: 600px) {\n    padding: 1.5rem 0 1.5rem 1rem;\n  }\n  p {\n    text-decoration: none;\n    font-size: 1.1rem;\n    font-weight: 500;\n    color: #b82c97;\n    transition: all 0.2s;\n    margin-bottom: 0;\n  }\n  p.title {\n    display: flex;\n    align-items: center;\n  }\n  p.eyebrow {\n    font-size: 0.75rem;\n    color: #3a4042;\n    font-weight: 400;\n  }\n`;\n\nconst ImageBlock = styled.div`\n  max-height: 150px;\n  max-width: 150px;\n  aspect-ratio: 1;\n  &.hoverImage {\n    transition: all 0.8s ease-out;\n    padding: 20px;\n    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));\n    ${Row}:hover & {\n      transform: translateY(-8px);\n      filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));\n    }\n  }\n`;\n\nexport default BlockLink;\n","import React, { useContext } from 'react';\nimport Seo from '../components/Seo';\nimport styled from 'styled-components';\nimport { GatsbyImage } from 'gatsby-plugin-image';\n\nimport FadeTransition from '../components/fadeTransition';\nimport { context } from '../components/context';\nimport { Wrapper, ContentWrapper, SidebarWrapper } from '../components/Layout';\nimport BlockLink from '../components/blockLink';\nimport ClientOnly from '../components/ClientOnly';\n\nconst ResourcesPage = () => {\n  const appContext = useContext(context);\n  const { content, currentWeek, displayWeek } = appContext;\n\n  return (\n    <>\n      <Seo title='Resources' />\n\n      <FadeTransition>\n        <ClientOnly>\n          <Wrapper>\n            <ContentWrapper>\n              <PageTitle>Resources</PageTitle>\n              <ResourceContent>\n                {[...content].reverse().map(\n                  week =>\n                    week.week_number <= currentWeek &&\n                    week.resource.map(resource => (\n                      <BlockLink\n                        gatsbyLink={true}\n                        eyebrow={`Week ${week.week_number}`}\n                        link={`/resources/${resource.title\n                          .toLowerCase()\n                          .split(' ')\n                          .join('')\n                          .replace(/[^\\w\\s]|_/g, '')\n                          .replace(/\\s+/g, ' ')}`}\n                        title={resource.title}\n                        image={resource.image}\n                        key={resource.title}\n                        hoverImage={true}\n                      />\n                    ))\n                )}\n              </ResourceContent>\n            </ContentWrapper>\n            <SidebarWrapper>\n              <GatsbyImage\n                image={content[displayWeek]?.topImage?.asset?.gatsbyImageData}\n                alt=''\n                objectFit='contain'\n                placeholder='blurred'\n              />\n            </SidebarWrapper>\n          </Wrapper>\n        </ClientOnly>\n      </FadeTransition>\n    </>\n  );\n};\n\nconst PageTitle = styled.h1`\n  text-align: left;\n  width: 100%;\n  margin-bottom: 32px;\n`;\n\nconst ResourceContent = styled.div`\n  margin-bottom: 100px;\n  width: 100%;\n`;\n\nexport default ResourcesPage;\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}"],"names":["children","delegated","useState","hasMounted","setHasMounted","useEffect","Arrow","styled","className","xmlns","viewBox","height","width","role","d","Row","TitleBlock","ImageBlock","gatsbyLink","link","image","title","eyebrow","hoverImage","to","G","asset","gatsbyImageData","alt","href","target","rel","PageTitle","ResourceContent","appContext","useContext","context","content","currentWeek","displayWeek","Wrapper","ContentWrapper","reverse","map","week","week_number","resource","toLowerCase","split","join","replace","key","SidebarWrapper","topImage","objectFit","placeholder","_objectWithoutPropertiesLoose","source","excluded","i","sourceKeys","Object","keys","length","indexOf"],"sourceRoot":""}