{"version":3,"file":"component---src-pages-portfolio-jsx-ed5a43928b5c05f2f818.js","mappings":"gPAaA,WAAe,OAAGA,EAAH,EAAGA,SAAUC,EAAb,EAAaA,UAAWC,EAAxB,EAAwBA,KAAxB,OACb,uBACED,UAAS,UAAaC,EAAqB,GCdzB,gCDcT,OACJD,GAAaA,GAAc,KAG/BD,IAIQG,EAAa,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,KAAMJ,EAAhB,EAAgBA,UAAhB,OACxB,uBAAKA,UAAS,kBAAmBA,GAAaA,MACzCG,GAAS,uBAAKH,UAAU,iCAAiCG,KACzDC,GAAQ,uBAAKJ,UAAU,oBAAoBI,KAIrCC,EAAc,SAAC,GAAD,IAAGN,EAAH,EAAGA,SAAH,OACzB,uBAAKC,UAAU,gBAAgBD,IAGpBO,EAAY,SAAC,GAAsB,IAApBC,EAAmB,EAAnBA,MAC1B,OAD6C,EAAZC,MAG7B,uBAAKR,UAAS,cACZ,gBAAC,EAAAS,EAAD,CAAaF,MAAOA,EAAOP,UAAU,QAAQU,IAAG,MAKpD,uBAAKV,UAAS,cACZ,0BAAQA,UAAU,SAASO,M,mEE1C1B,SAASI,EAAT,GAAgC,IAAbZ,EAAY,EAAZA,SACxB,OACE,2BAASC,UAAU,WACjB,uBAAKA,UAAU,aACb,uBAAKA,UAAU,WACb,uBAAKA,UAAU,UAAUD,Q,oGC6BnC,EA1BkB,SAAC,GAAc,IAGzBa,EAHwB,EAAXC,KACXC,uBACAC,MAELC,KAAI,SAACC,GAAD,OAAOA,EAAEC,QACbC,QAAO,SAACC,EAAKC,GAGZ,OAFAD,EAAIC,EAAIC,UAAYF,EAAIC,EAAIC,WAAa,GACzCF,EAAIC,EAAIC,UAAUC,KAAKF,GAChBD,IACN,IACL,OACE,gCACE,gBAAC,IAAD,KACE,sBAAIpB,UAAU,yEAAd,YACY,MAGd,gBAAC,IAAD,KACE,gBAACwB,EAAD,CAAUC,MAAOb,EAAU,KAAUT,MAAM,SAC3C,gBAACqB,EAAD,CAAUC,MAAOb,EAAU,SAAcT,MAAM,aAC/C,gBAACqB,EAAD,CAAUC,MAAOb,EAAU,aAAkBT,MAAM,oBAQrDqB,EAAW,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOtB,EAAV,EAAUA,MAAV,QACbsB,GACA,uBAAKzB,UAAU,UAAU0B,IAAKvB,GAC5B,sBAAIH,UAAU,oDACXG,GAEH,uBAAKH,UCzCO,iCD0CTyB,EAAMT,KAAI,SAACW,GAAD,OACT,gBAACC,EAAD,iBAAUD,EAAV,CAAgBD,IAAKC,EAAKxB,eAM9ByB,EAAO,SAAC,GAA+C,IAA7CzB,EAA4C,EAA5CA,MAAO0B,EAAqC,EAArCA,KAAMtB,EAA+B,EAA/BA,MAAOuB,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YACxC,OACE,uBAAK/B,UClDa,sCDmDhB,gBAAC,KAAD,CAAMA,UAAS,8CAA2B0B,IAAKvB,GAC7C,gBAAC,KAAD,CACEA,MACE,qBAAGH,UAAW6B,EAAMG,KAAMH,GACvB1B,KAIP,gBAAC,KAAD,CAAWI,MAAOA,EAAM0B,gBAAiBzB,OAAK,IAC9C,gBAAC,KAAD,KACE,sBAAIR,UAAU,gCAAgC8B,GAC9C,qBAAG9B,UAAU,iCAAiC+B","sources":["webpack://chasbob-dev/./src/components/layout/card.jsx","webpack://chasbob-dev/./src/components/layout/card.module.scss","webpack://chasbob-dev/./src/components/layout/section.jsx","webpack://chasbob-dev/./src/pages/portfolio.jsx","webpack://chasbob-dev/./src/pages/portfolio.module.scss"],"sourcesContent":["import React from 'react'\nimport { GatsbyImage } from 'gatsby-plugin-image'\nimport { ChildWrapper } from '../helper'\nimport { cardFill } from './card.module.scss'\n\nexport const FullCard = ({ title, icon, image, children, fill }) => (\n  <div className={`card ${!!fill && cardFill}`}>\n    <CardHeader title={title} icon={icon} />\n    <CardImage image={image} />\n    <div className=\"card-content\">{children}</div>\n  </div>\n)\n\nexport default ({ children, className, fill }) => (\n  <div\n    className={`card ${(!!fill && cardFill) || ''} ${\n      (!!className && className) || ''\n    }`}\n  >\n    {children}\n  </div>\n)\n\nexport const CardHeader = ({ title, icon, className }) => (\n  <div className={`card-header ${!!className && className}`}>\n    {!!title && <div className=\"card-header-title is-centered\">{title}</div>}\n    {!!icon && <div className=\"card-header-icon\">{icon}</div>}\n  </div>\n)\n\nexport const CardContent = ({ children }) => (\n  <div className=\"card-content\">{children}</div>\n)\n\nexport const CardImage = ({ image, fluid }) => {\n  if (!!fluid) {\n    return (\n      <div className={`card-image`}>\n        <GatsbyImage image={image} className=\"image\" alt={``} />\n      </div>\n    )\n  }\n  return (\n    <div className={`card-image`}>\n      <figure className=\"image\">{image}</figure>\n    </div>\n  )\n}\n\nexport const CardFooter = ({ children }) => (\n  <div className=\"card-footer\">\n    <ChildWrapper cls=\"card-footer-item\">{children}</ChildWrapper>\n  </div>\n)\n","// extracted by mini-css-extract-plugin\nexport var cardFill = \"card-module--cardFill--u+AgN\";\nexport var cardImage = \"card-module--cardImage--6v9nA\";","import React from 'react'\n\nexport function Section({ children }) {\n  return (\n    <section className=\"section\">\n      <div className=\"container\">\n        <div className=\"columns\">\n          <div className=\"column\">{children}</div>\n        </div>\n      </div>\n    </section>\n  )\n}\n","import React from 'react'\nimport { graphql } from 'gatsby'\nimport { grid, gridItem, card, link } from './portfolio.module.scss'\nimport { Section } from '../components/layout/section'\nimport Card, {\n  CardContent,\n  CardHeader,\n  CardImage,\n} from '../components/layout/card'\n\nconst Portfolio = ({ data }) => {\n  const { allContentfulPortfolio } = data\n  const { edges: portfolio } = allContentfulPortfolio\n  const categories = portfolio\n    .map((i) => i.node)\n    .reduce((acc, cur) => {\n      acc[cur.category] = acc[cur.category] || []\n      acc[cur.category].push(cur)\n      return acc\n    }, {})\n  return (\n    <>\n      <Section>\n        <h1 className=\"title is-capitalized has-text-centered is-size-1 is-family-sans-serif\">\n          Portfolio{' '}\n        </h1>\n      </Section>\n      <Section>\n        <Category items={categories['work']} title=\"work\" />\n        <Category items={categories['projects']} title=\"projects\" />\n        <Category items={categories['volunteering']} title=\"volunteering\" />\n      </Section>\n    </>\n  )\n}\n\nexport default Portfolio\n\nconst Category = ({ items, title }) =>\n  !!items && (\n    <div className=\"section\" key={title}>\n      <h2 className=\"is-size-2 title is-capitalized is-family-primary\">\n        {title}\n      </h2>\n      <div className={grid}>\n        {items.map((item) => (\n          <Item {...item} key={item.title} />\n        ))}\n      </div>\n    </div>\n  )\n\nconst Item = ({ title, link, image, role, description }) => {\n  return (\n    <div className={gridItem}>\n      <Card className={`tile is-child ${card}`} key={title}>\n        <CardHeader\n          title={\n            <a className={link} href={link}>\n              {title}\n            </a>\n          }\n        />\n        <CardImage image={image.gatsbyImageData} fluid />\n        <CardContent>\n          <h1 className=\"is-text has-text-weight-bold\">{role}</h1>\n          <p className=\"is-text has-text-weight-light\">{description}</p>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport const pageQuery = graphql`\n  query PortfolioWorkQuery {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    allContentfulPortfolio {\n      edges {\n        node {\n          title\n          slug\n          category\n          link\n          image {\n            gatsbyImageData\n          }\n          role\n          description\n        }\n      }\n    }\n  }\n`\n","// extracted by mini-css-extract-plugin\nexport var card = \"portfolio-module--card--FdvJ0\";\nexport var cardImage = \"portfolio-module--card-image--Zh2Ht\";\nexport var grid = \"portfolio-module--grid--dbs+c\";\nexport var gridItem = \"portfolio-module--grid-item--AUJYM\";\nexport var link = \"portfolio-module--link--yU4ui\";"],"names":["children","className","fill","CardHeader","title","icon","CardContent","CardImage","image","fluid","G","alt","Section","categories","data","allContentfulPortfolio","edges","map","i","node","reduce","acc","cur","category","push","Category","items","key","item","Item","link","role","description","href","gatsbyImageData"],"sourceRoot":""}