{"version":3,"sources":["webpack:///./src/components/shared/resourcelist/resourcelist.css.js","webpack:///./src/components/shared/resourcelist/resourcelist.js","webpack:///./src/components/shared/resourcelist/index.js","webpack:///./src/pages/resources.js","webpack:///./src/images/scale-icon.svg","webpack:///./src/images/mailto-icon.svg"],"names":["ResourceListContainer","styled","Box","p","theme","breakpoints","md","Resource","title","description","display","justifyContent","flexDirection","color","size","py","toLowerCase","match","getPrefix","map","d","i","key","fontSize","ResourceList","roles","resourcesQuery","Resources","data","pagesYaml","resources","home","rules","pageTitle","as","weight","textTransform","href","target","rel","prefixIcon","my","role","contact","React","ScaleIcon","props","createElement","defaultProps","module","exports","default","MailtoIcon"],"mappings":"qPAIaA,EAAwBC,YAAOC,KAAV,6FAAGD,CAAH,0OAOA,SAAAE,GAAC,OAAIA,EAAEC,MAAMC,YAAYC,MCErDC,EAAW,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,YAAV,OACf,kBAAC,IAAD,CAAMC,QAAQ,OAAOC,eAAe,gBAAgBC,cAAc,UAChE,kBAAC,IAAD,CAAOF,QAAQ,SAASG,MAAM,YAAYC,KAAK,QAAQC,GAAG,QAL5C,SAAAP,GAAK,OACrBA,EAAM,GAAGQ,cAAcC,MAAM,WAAa,gBAAkB,eAKvDC,CAAUV,GADb,IACqB,kBAAC,IAAD,CAAMK,MAAM,eAAeL,GADhD,OAGS,IACT,4BACGC,EAAYU,KAAI,SAACC,EAAGC,GAAJ,OACf,wBAAIC,IAAKD,GACP,kBAAC,IAAD,CAAME,SAAU,GAAhB,KAAsBH,UCpBjBI,EDgCM,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAH,OACnB,kBAACzB,EAAD,KACGyB,EAAMN,KAAI,WAAyBE,GAAzB,IAAGb,EAAH,EAAGA,MAAOC,EAAV,EAAUA,YAAV,OACT,kBAAC,EAAD,CAAUD,MAAOA,EAAOC,YAAaA,EAAaa,IAAKD,S,0CErC7D,+CAeA,IA+DaK,EAAc,aAwBZC,UAvFG,SAAC,GAAD,QAChBC,KACEC,UACEC,UAAaC,EAHD,EAGCA,KAAMC,EAHP,EAGOA,MAAOF,EAHd,EAGcA,UAHd,OAOhB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAMG,UAAWF,EAAKvB,QACtB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAO0B,GAAG,KAAKpB,KAAK,QAAQD,MAAM,eAC/BkB,EAAKvB,OAER,kBAAC,IAAD,CACEK,MAAM,cACNC,KAAK,QACLqB,OAAO,MACPpB,GAAG,OACHqB,cAAc,aAEbJ,EAAMxB,OAET,kBAAC,IAAD,CAAM0B,GAAG,IAAIX,SAAU,GACpBS,EAAMvB,aAET,kBAAC,IAAD,CACEyB,GAAG,IACHG,KAAK,sEACLC,OAAO,SACPC,IAAI,sBACJC,WAAY,kBAAC,IAAD,OAEXR,EAAMxB,OAET,kBAAC,IAAD,CAAKiC,GAAI,GACP,kBAAC,IAAD,CACE5B,MAAM,cACNC,KAAK,QACLqB,OAAO,MACPpB,GAAG,OACHqB,cAAc,aAEbN,EAAUtB,OAEb,kBAAC,EAAD,CAAciB,MAAOK,EAAUY,QAEjC,kBAAC,IAAD,CACER,GAAG,IACHG,KAAK,oDACLG,WAAY,kBAAC,IAAD,OAEXT,EAAKY,a,qBClEd,IAAIC,EAAQ,EAAQ,QAEpB,SAASC,EAAWC,GAChB,OAAOF,EAAMG,cAAc,MAAMD,EAAMF,EAAMG,cAAc,OAAO,CAAC,KAAO,eAAe,EAAI,8yBAGjGF,EAAUG,aAAe,CAAC,cAAc,OAAO,UAAY,QAAQ,cAAc,MAAM,YAAY,sBAAsB,UAAY,gDAAgD,KAAO,MAAM,QAAU,eAE5MC,EAAOC,QAAUL,EAEjBA,EAAUM,QAAUN,G,qBCVpB,IAAID,EAAQ,EAAQ,QAEpB,SAASQ,EAAYN,GACjB,OAAOF,EAAMG,cAAc,MAAMD,EAAMF,EAAMG,cAAc,OAAO,CAAC,KAAO,eAAe,EAAI,2NAGjGK,EAAWJ,aAAe,CAAC,cAAc,OAAO,UAAY,wCAAwC,YAAY,cAAc,cAAc,MAAM,UAAY,QAAQ,KAAO,MAAM,QAAU,eAE7LC,EAAOC,QAAUE,EAEjBA,EAAWD,QAAUC","file":"component---src-pages-resources-js-9977db32ed01077bd229.js","sourcesContent":["import styled from 'styled-components';\n\nimport Box from 'components/shared/box';\n\nexport const ResourceListContainer = styled(Box)`\n  padding: 20px 40px;\n  display: grid;\n  grid-template-rows: auto auto;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 40px;\n\n  @media screen and (max-width: ${p => p.theme.breakpoints.md}) {\n    padding: 0;\n    grid-template-columns: 1fr;\n    grid-template-rows: auto auto auto auto;\n    grid-gap: 30px;\n  }\n`;\n","import React from 'react';\nimport P from 'prop-types';\n\nimport Title from 'components/shared/title';\nimport Text from 'components/shared/text';\nimport Card from 'components/shared/card';\n\nimport { ResourceListContainer } from './resourcelist.css';\n\n// Super ghetto function to fix grammar. Maybe there's a library for this but ¯\\_(ツ)_/¯\nconst getPrefix = title =>\n  title[0].toLowerCase().match(/[aeiou]/) ? \"If you're an \" : \"If you're a \";\n\nconst Resource = ({ title, description }) => (\n  <Card display=\"flex\" justifyContent=\"space-between\" flexDirection=\"column\">\n    <Title display=\"inline\" color=\"Grays.100\" size=\"small\" py=\"1rem\">\n      {getPrefix(title)} <Text color=\"Oranges.100\">{title}</Text>\n      ...\n    </Title>{' '}\n    <ul>\n      {description.map((d, i) => (\n        <li key={i}>\n          <Text fontSize={3}>- {d}</Text>\n        </li>\n      ))}\n    </ul>\n  </Card>\n);\n\nResource.propTypes = {\n  title: P.string,\n  description: P.arrayOf(P.string),\n};\n\nconst ResourceList = ({ roles }) => (\n  <ResourceListContainer>\n    {roles.map(({ title, description }, i) => (\n      <Resource title={title} description={description} key={i} />\n    ))}\n  </ResourceListContainer>\n);\n\nResourceList.propTypes = {\n  roles: P.arrayOf(\n    P.shape({\n      title: P.string,\n      description: P.arrayOf(P.string),\n    })\n  ),\n};\n\nexport default ResourceList;\n","import ResourceList from './resourcelist';\n\nexport default ResourceList;\n","import React from 'react';\nimport P from 'prop-types';\nimport { graphql } from 'gatsby';\n\nimport Layout from 'components/layout';\nimport Head from 'components/head';\nimport Title from 'components/shared/title';\nimport Text from 'components/shared/text';\nimport Box from 'components/shared/box';\nimport PageContainer from 'components/shared/pagecontainer';\nimport Button from 'components/shared/button';\nimport ResourceList from 'components/shared/resourcelist';\nimport MailtoIcon from 'images/mailto-icon.svg';\nimport ScaleIcon from 'images/scale-icon.svg';\n\nconst Resources = ({\n  data: {\n    pagesYaml: {\n      resources: { home, rules, resources },\n    },\n  },\n}) => (\n  <Layout>\n    <Head pageTitle={home.title} />\n    <PageContainer>\n      <Title as=\"h2\" size=\"large\" color=\"Oranges.100\">\n        {home.title}\n      </Title>\n      <Title\n        color=\"Oranges.100\"\n        size=\"small\"\n        weight=\"800\"\n        py=\"1rem\"\n        textTransform=\"uppercase\"\n      >\n        {rules.title}\n      </Title>\n      <Text as=\"p\" fontSize={3}>\n        {rules.description}\n      </Text>\n      <Button\n        as=\"a\"\n        href=\"https://github.com/newhavenio/code-of-conduct/blob/master/README.md\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        prefixIcon={<ScaleIcon />}\n      >\n        {rules.title}\n      </Button>\n      <Box my={4}>\n        <Title\n          color=\"Oranges.100\"\n          size=\"small\"\n          weight=\"800\"\n          py=\"1rem\"\n          textTransform=\"uppercase\"\n        >\n          {resources.title}\n        </Title>\n        <ResourceList roles={resources.role} />\n      </Box>\n      <Button\n        as=\"a\"\n        href=\"mailto:organizers@newhaven.io?subject=NewHaven.io\"\n        prefixIcon={<MailtoIcon />}\n      >\n        {home.contact}\n      </Button>\n    </PageContainer>\n  </Layout>\n);\n\nResources.propTypes = {\n  data: P.shape({\n    pagesYaml: P.any.isRequired,\n  }),\n};\n\nexport const resourcesQuery = graphql`\n  query ResourcesQuery {\n    pagesYaml {\n      resources {\n        home {\n          title\n          contact\n        }\n        rules {\n          title\n          description\n        }\n        resources {\n          title\n          role {\n            title\n            description\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport default Resources;\n","var React = require('react');\n\nfunction ScaleIcon (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M96 464v32c0 8.84 7.16 16 16 16h224c8.84 0 16-7.16 16-16V153.25c4.56-2 8.92-4.35 12.99-7.12l142.05 47.63c8.38 2.81 17.45-1.71 20.26-10.08l10.17-30.34c2.81-8.38-1.71-17.45-10.08-20.26l-128.4-43.05c.42-3.32 1.01-6.6 1.01-10.03 0-44.18-35.82-80-80-80-29.69 0-55.3 16.36-69.11 40.37L132.96.83c-8.38-2.81-17.45 1.71-20.26 10.08l-10.17 30.34c-2.81 8.38 1.71 17.45 10.08 20.26l132 44.26c7.28 21.25 22.96 38.54 43.38 47.47V448H112c-8.84 0-16 7.16-16 16zM0 304c0 44.18 57.31 80 128 80s128-35.82 128-80h-.02c0-15.67 2.08-7.25-85.05-181.51-17.68-35.36-68.22-35.29-85.87 0C-1.32 295.27.02 287.82.02 304H0zm56-16l72-144 72 144H56zm328.02 144H384c0 44.18 57.31 80 128 80s128-35.82 128-80h-.02c0-15.67 2.08-7.25-85.05-181.51-17.68-35.36-68.22-35.29-85.87 0-86.38 172.78-85.04 165.33-85.04 181.51zM440 416l72-144 72 144H440z\"}));\n}\n\nScaleIcon.defaultProps = {\"aria-hidden\":\"true\",\"focusable\":\"false\",\"data-prefix\":\"fas\",\"data-icon\":\"balance-scale-right\",\"className\":\"svg-inline--fa fa-balance-scale-right fa-w-20\",\"role\":\"img\",\"viewBox\":\"0 0 640 512\"};\n\nmodule.exports = ScaleIcon;\n\nScaleIcon.default = ScaleIcon;\n","var React = require('react');\n\nfunction MailtoIcon (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"fill\":\"currentColor\",\"d\":\"M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z\"}));\n}\n\nMailtoIcon.defaultProps = {\"aria-hidden\":\"true\",\"className\":\"svg-inline--fa fa-paper-plane fa-w-16\",\"data-icon\":\"paper-plane\",\"data-prefix\":\"fas\",\"focusable\":\"false\",\"role\":\"img\",\"viewBox\":\"0 0 512 512\"};\n\nmodule.exports = MailtoIcon;\n\nMailtoIcon.default = MailtoIcon;\n"],"sourceRoot":""}