{"version":3,"sources":["webpack:///./src/components/ProjectDetail.js","webpack:///./src/components/ProjectDetailList.js","webpack:///./src/pages/projects.js","webpack:///./src/pages/Projects/ProjectsHeader.js"],"names":["details","css","UpdatedBrandTheme","Button","url","href","ProjectDetail","title","year","yearEnd","current","summary","organizations","program","projectTypes","topics","projectUrl","pluralizeYears","ShadowBox","wide","map","org","name","join","type","topic","ProjectDetailList","useStaticQuery","allContentfulProject","edges","node","partners","description","json","ProjectsPage","PageLayout","keywords","swoopColor","colors","yellow","hex","ProjectsHeader","FeaturedProject","DividerLine","hexColor","pink","AboutOurProjects","blue","ContentContainer","margin","SectionHeader","subtitle","wideContent","GridList","green","contentfulHeading","dividerLineColor","purple"],"mappings":"gMAQA,IAAMA,EAAUC,cAAH,KAEPC,IAAkB,YAFX,4D,iEAOPC,EAAS,SAAC,GAAD,IAAGC,EAAH,EAAGA,IAAH,OACb,qBACEH,IAAG,GAKH,mBAAGI,KAAMD,GAAT,iBAmFWE,EA3EO,SAAC,GAWhB,IAVLC,EAUI,EAVJA,MACAC,EASI,EATJA,KACAC,EAQI,EARJA,QACAC,EAOI,EAPJA,QACAC,EAMI,EANJA,QACAC,EAKI,EALJA,cACAC,EAII,EAJJA,QACAC,EAGI,EAHJA,aACAC,EAEI,EAFJA,OACAC,EACI,EADJA,WAEMC,EAAiBP,GAAYF,GAAQC,GAAWD,IAASC,EAE/D,OACE,cAACS,EAAA,EAAD,CACEX,MAAOA,EACPY,MAAI,EACJhB,OAAQa,GAAc,cAAC,EAAD,CAAQZ,IAAKY,KAEnC,qBAAKf,IAAKD,GACPQ,GACC,uBACE,4BAASS,EAAiB,UAAY,WAClCT,GAAQ,KAAMS,EAAkB,IAAQ,KAAMA,IAC/CP,EAAU,UAAYD,IACvB,KAGLI,GACC,uBACE,yCACCA,GAGJD,GACC,uBACE,+CACCA,EAAcQ,KAAI,SAAAC,GAAG,OAAIA,EAAIC,QAAMC,KAAK,OAG5CT,GACC,uBACE,+CACCA,EAAaM,KAAI,SAAAI,GAAI,OAAIA,EAAKF,QAAMC,KAAK,OAG7CR,GACC,uBACE,wCACCA,EAAOK,KAAI,SAAAK,GAAK,OAAIA,EAAMH,QAAMC,KAAK,QAI3CZ,GAAW,uBAAIA,KCzBPe,EAvDW,WAqCxB,OApCiCC,yBAAe,cAAxCC,qBAoCoBC,MAAMT,KAAI,gBAAGU,EAAH,EAAGA,KAAH,OACpC,cAAC,EAAD,CACEtB,KAAMsB,EAAKtB,KACXC,QAASqB,EAAKrB,QACdC,QAASoB,EAAKpB,QACdH,MAAOuB,EAAKvB,MACZI,QAASmB,EAAKnB,SAAWmB,EAAKnB,QAAQA,QACtCoB,SAAUD,EAAKC,SACfC,YAAaF,EAAKE,aAAeF,EAAKE,YAAYC,KAClDpB,QAASiB,EAAKjB,SAAWiB,EAAKjB,QAAQS,KACtCV,cAAekB,EAAKlB,cACpBG,OAAQe,EAAKf,OACbD,aAAcgB,EAAKhB,aACnBE,WAAYc,EAAKd,iB,wECbRkB,UA3BM,WACnB,OACE,cAACC,EAAA,EAAD,CACE5B,MAAM,WACN6B,SAAU,CAAC,4BAAD,kBACVC,WAAYC,IAAOC,OAAOC,KAE1B,cAACC,EAAA,QAAD,MACA,cAACC,EAAA,QAAD,MACA,cAACC,EAAA,EAAD,CAAaC,SAAUN,IAAOO,KAAKL,MACnC,cAACM,EAAA,QAAD,MACA,cAACH,EAAA,EAAD,CAAaC,SAAUN,IAAOS,KAAKP,MACnC,cAACQ,EAAA,EAAD,CAAkBC,OAAO,MACvB,cAACC,EAAA,EAAD,CACE3C,MAAM,eACN4C,SAAS,4DACTC,aAAW,IAEb,cAACC,EAAA,EAAD,CAAUD,aAAW,GACnB,cAAC,EAAD,QAGJ,cAACT,EAAA,EAAD,CAAaC,SAAUN,IAAOgB,MAAMd,S,kCCpC1C,iFA6BeC,UAtBQ,WAAO,IACpBc,EAAsB5B,yBAAe,cAArC4B,kBAWR,OACE,cAAC,IAAD,CAAcC,iBAAkBlB,IAAOmB,OAAOjB,KAC5C,cAAC,IAAD,CACEW,SAAUI,EAAkBJ,SAC5B5C,MAAOgD,EAAkBhD","file":"component---src-pages-projects-js-19d7b5f436660fd96435.js","sourcesContent":["/** @jsx jsx */\nimport { jsx, css } from \"@emotion/core\";\nimport PropTypes from \"prop-types\";\nimport UpdatedBrandTheme from \"../_Theme/UpdatedBrandTheme\";\nimport ShadowBox from \"./ShadowBox\";\n\n// https://app.contentful.com/spaces/3j4jpxgb52st/content_types/project/fields\n\nconst details = css`\n  p {\n    ${UpdatedBrandTheme[\".data-sm\"]} margin-block-start: 0.075rem;\n    margin-block-end: 0.075rem;\n  }\n`;\n\nconst Button = ({ url }) => (\n  <div\n    css={css`\n      text-align: right;\n      margin-right: 1.5em;\n    `}\n  >\n    <a href={url}>See project</a>\n  </div>\n);\n\nButton.propTypes = {\n  url: PropTypes.string\n};\n\nconst ProjectDetail = ({\n  title,\n  year,\n  yearEnd,\n  current,\n  summary,\n  organizations,\n  program,\n  projectTypes,\n  topics,\n  projectUrl\n}) => {\n  const pluralizeYears = current || (year && yearEnd && year !== yearEnd);\n\n  return (\n    <ShadowBox\n      title={title}\n      wide\n      Button={projectUrl && <Button url={projectUrl} />}\n    >\n      <div css={details}>\n        {year && (\n          <p>\n            <strong>{pluralizeYears ? \"Years: \" : \"Year: \"}</strong>\n            {`${year || \"\"}${(pluralizeYears && \"–\") || \"\"}${(pluralizeYears &&\n              (current ? \"present\" : yearEnd)) ||\n              \"\"}`}\n          </p>\n        )}\n        {program && (\n          <p>\n            <strong>Program: </strong>\n            {program}\n          </p>\n        )}\n        {organizations && (\n          <p>\n            <strong>Organizations: </strong>\n            {organizations.map(org => org.name).join(\", \")}\n          </p>\n        )}\n        {projectTypes && (\n          <p>\n            <strong>Project Types: </strong>\n            {projectTypes.map(type => type.name).join(\", \")}\n          </p>\n        )}\n        {topics && (\n          <p>\n            <strong>Topics: </strong>\n            {topics.map(topic => topic.name).join(\", \")}\n          </p>\n        )}\n      </div>\n      {summary && <p>{summary}</p>}\n    </ShadowBox>\n  );\n};\n\nProjectDetail.propTypes = {\n  title: PropTypes.string,\n  year: PropTypes.string,\n  yearEnd: PropTypes.string,\n  current: PropTypes.bool,\n  summary: PropTypes.string,\n  organizations: PropTypes.arrayOf(PropTypes.shape({ name: PropTypes.string })),\n  projectTypes: PropTypes.arrayOf(PropTypes.shape({ name: PropTypes.string })),\n  topics: PropTypes.arrayOf(PropTypes.shape({ name: PropTypes.string })),\n  description: PropTypes.shape({\n    /* contentful JSON */\n  }),\n  program: PropTypes.string,\n  projectUrl: PropTypes.string\n};\n\nexport default ProjectDetail;\n","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport ProjectDetail from \"./ProjectDetail\";\n\nconst ProjectDetailList = () => {\n  const { allContentfulProject } = useStaticQuery(\n    graphql`\n      {\n        allContentfulProject {\n          edges {\n            node {\n              year\n              yearEnd\n              current\n              title\n              projectUrl\n              summary {\n                summary\n              }\n              description {\n                json\n              }\n              program {\n                name\n              }\n              organizations {\n                name\n              }\n              topics {\n                name\n              }\n              projectTypes {\n                name\n              }\n            }\n          }\n        }\n      }\n    `\n  );\n\n  return allContentfulProject.edges.map(({ node }) => (\n    <ProjectDetail\n      year={node.year}\n      yearEnd={node.yearEnd}\n      current={node.current}\n      title={node.title}\n      summary={node.summary && node.summary.summary}\n      partners={node.partners}\n      description={node.description && node.description.json}\n      program={node.program && node.program.name}\n      organizations={node.organizations}\n      topics={node.topics}\n      projectTypes={node.projectTypes}\n      projectUrl={node.projectUrl}\n    />\n  ));\n};\n\nexport default ProjectDetailList;\n","/** @jsx jsx */\nimport { jsx } from \"@emotion/core\";\n\nimport PageLayout from \"../components/PageLayout\";\nimport ProjectsHeader from \"./Projects/ProjectsHeader\";\nimport ProjectDetailList from \"../components/ProjectDetailList\";\nimport GridList from \"../components/GridList\";\nimport { colors } from \"../_Theme/UpdatedBrandTheme\";\nimport DividerLine from \"../components/DividerLine\";\nimport SectionHeader from \"../components/SectionHeader\";\nimport ContentContainer from \"../components/ContentContainer\";\nimport AboutOurProjects from \"./Projects/AboutOurProjects\";\nimport FeaturedProject from \"./Projects/FeaturedProject\";\n\nconst ProjectsPage = () => {\n  return (\n    <PageLayout\n      title=\"Platform\"\n      keywords={[`Civic Software Foundation`, `CIVIC Platform`]}\n      swoopColor={colors.yellow.hex}\n    >\n      <ProjectsHeader />\n      <FeaturedProject />\n      <DividerLine hexColor={colors.pink.hex} />\n      <AboutOurProjects />\n      <DividerLine hexColor={colors.blue.hex} />\n      <ContentContainer margin=\"md\">\n        <SectionHeader\n          title=\"All Projects\"\n          subtitle=\"Only 2019–2020 projects for now. More history coming soon\"\n          wideContent\n        />\n        <GridList wideContent>\n          <ProjectDetailList />\n        </GridList>\n      </ContentContainer>\n      <DividerLine hexColor={colors.green.hex} />\n    </PageLayout>\n  );\n};\n\nexport default ProjectsPage;\n","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\n\nimport { colors } from \"../../_Theme/UpdatedBrandTheme\";\nimport TitleAreaNew from \"../../components/TitleAreaNew\";\nimport DefaultTitleAreaContent from \"../../components/DefaultTitleAreaContent\";\n\nconst ProjectsHeader = () => {\n  const { contentfulHeading } = useStaticQuery(\n    graphql`\n      query {\n        contentfulHeading(contentful_id: { eq: \"7mvVTRyNzrgC3JTb4SdNsT\" }) {\n          title\n          subtitle\n        }\n      }\n    `\n  );\n\n  return (\n    <TitleAreaNew dividerLineColor={colors.purple.hex}>\n      <DefaultTitleAreaContent\n        subtitle={contentfulHeading.subtitle}\n        title={contentfulHeading.title}\n      />\n    </TitleAreaNew>\n  );\n};\n\nexport default ProjectsHeader;\n"],"sourceRoot":""}