{"version":3,"sources":["webpack:///./src/blocks/about/Section/styled.js","webpack:///./src/blocks/about/Section/index.jsx","webpack:///./src/blocks/about/Resources/index.jsx","webpack:///./src/blocks/about/Credits/index.jsx","webpack:///./src/blocks/about/styled.js","webpack:///./src/blocks/about/index.jsx","webpack:///./src/pages/about/index.jsx","webpack:///./src/containers/Background/styled.js","webpack:///./src/containers/Background/index.jsx","webpack:///./src/utils/capitalizeFirstLetter.js"],"names":["Heading","styled","InfoBoxTitle","withConfig","displayName","componentId","Resource","P","Wrapper","section","InfoBox","OuterWrapper","turquoise","media","xs","_templateObject","Subsection","div","Title","h2","h1Mixin","Section","_ref","title","children","id","react_default","a","createElement","styled_Wrapper","styled_flexboxgrid_es","center","sm","md","lg","index_es","propTypes","PropTypes","string","node","defaultProps","Resources","messages","intl","about_Section","chapters","map","chapter","key","name","className","getContent","capitalizeFirstLetter","resource","shape","isRequired","injectIntl","Credits","heading","i","padding","top","styled_templateObject","_templateObject2","InnerWrapper","Main","main","_templateObject3","HeaderWrapper","_templateObject4","withIntl","components","Background","theme","description","Layout","about_styled_Wrapper","Header","color","typography","about_Resources","about_Credits","Footer","About","colors","white","blue","offblue","grey","SolidBackground","props","StripedBackground","offwhite","BG","charAt","toUpperCase","slice","__webpack_require__","d","__webpack_exports__"],"mappings":"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","file":"component---src-pages-about-index-jsx-65d9418d845eec8c187c.js","sourcesContent":["import styled from 'styled-components';\nimport { OuterWrapper, InfoBoxTitle } from 'components/InfoBox/styled';\nimport { h1Mixin, P } from 'styles/typography';\nimport { turquoise } from 'styles/variables';\nimport media from 'styles/media';\n\nexport const Heading = styled(InfoBoxTitle)``;\n\nexport const Resource = styled(P)``;\n\nexport const Wrapper = styled.section`\n  width: 100%;\n  height: auto;\n  margin: 0 0 6rem 0;\n\n  ${Heading} {\n    text-align: center;\n    margin: 0 0 2rem;\n  }\n\n  ${Resource} {\n    margin: 0 0 0.5rem;\n  }\n\n  margin: 0 0 0.5rem 0;\n`;\n\nexport const InfoBox = styled(OuterWrapper)`\n  box-shadow: none !important;\n  border: none;\n  text-align: center;\n\n  a {\n    color: ${turquoise};\n    font-weight: 500;\n    text-decoration: underline;\n  }\n\n  ${media.xs`\n    box-shadow: none;\n  `}\n`;\n\nexport const Subsection = styled.div`\n  margin: 4rem 0;\n\n  &:first-child,\n  &:last-child {\n    margin: 0;\n  }\n`;\n\nexport const Title = styled.h2`\n  ${h1Mixin};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Row, Col } from 'react-styled-flexboxgrid';\nimport { Wrapper, InfoBox, Title } from './styled';\n\nconst Section = ({ title, children, id }) => (\n  <Wrapper>\n    <Row center=\"xs\">\n      <Col xs={10} sm={10} md={8} lg={8}>\n        {title ? (\n          <Title id={id}>\n            <FormattedMessage id={title} />\n          </Title>\n        ) : null}\n      </Col>\n    </Row>\n    <Row center=\"xs\">\n      <Col xs={12} sm={10} md={8} lg={8}>\n        <InfoBox>{children}</InfoBox>\n      </Col>\n    </Row>\n  </Wrapper>\n);\n\nSection.propTypes = {\n  title: PropTypes.string,\n  children: PropTypes.node,\n  id: PropTypes.string\n};\n\nSection.defaultProps = {\n  title: null,\n  children: null,\n  id: null\n};\n\nexport default Section;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, FormattedHTMLMessage, injectIntl } from 'react-intl';\nimport getContent from 'utils/getContentBySubstring';\nimport capitalizeFirstLetter from 'utils/capitalizeFirstLetter';\nimport { chapters } from 'config/chapters';\nimport Section from '../Section';\nimport { Heading, Subsection, Resource } from '../Section/styled';\n\nconst Resources = ({ intl: { messages } }) => (\n  <Section title=\"intro_aboutResourcesTitle\">\n    {chapters.map(chapter => (\n      <Subsection key={chapter.name} className=\"subsection\">\n        <Heading>\n          <FormattedMessage id={`${chapter.name}_heading`} />\n        </Heading>\n        {getContent(\n          messages,\n          `intro_aboutRes${capitalizeFirstLetter(chapter.name)}`\n        ).map(resource => (\n          <Resource key={resource}>\n            <FormattedHTMLMessage id={resource} />\n          </Resource>\n        ))}\n      </Subsection>\n    ))}\n  </Section>\n);\n\nResources.propTypes = {\n  intl: PropTypes.shape({}).isRequired\n}\n\nexport default injectIntl(Resources);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, FormattedHTMLMessage, injectIntl } from 'react-intl';\nimport getContent from 'utils/getContentBySubstring';\nimport Section from '../Section';\nimport { Heading, Subsection, Resource } from '../Section/styled';\n\nconst Credits = ({ intl: { messages } }) => (\n  <Section title=\"intro_aboutCreditsTitle\" id=\"credits\">\n    {getContent(messages, 'intro_aboutCreditsH').map((heading, i) => (\n      <Subsection key={heading} className=\"subsection\">\n        <Heading>\n          <FormattedMessage id={heading} />\n        </Heading>\n        <Resource>\n          <FormattedHTMLMessage id={`intro_aboutCreditsP${i + 1}`} />\n        </Resource>\n      </Subsection>\n    ))}\n  </Section>\n);\n\nCredits.propTypes = {\n  intl: PropTypes.shape({}).isRequired\n};\n\nexport default injectIntl(Credits);\n","import styled from 'styled-components';\nimport { padding } from 'styles/variables';\nimport media from 'styles/media';\n\nexport const Wrapper = styled.div`\n  height: auto;\n  min-height: 100vh;\n  width: 100%;\n  padding: ${padding.top.lg}rem 0 0 0;\n\n  ${media.sm`\n    padding: ${padding.top.sm}rem 0 0 0;\n  `};\n\n  ${media.xs`\n    padding: ${padding.top.xs}rem 0 0 0;\n  `};\n`;\n\nexport const InnerWrapper = styled.div`\n  display: flex;\n  flex-flow: column;\n  justify-content: flex-start;\n  align-items: center;\n`;\n\nexport const Main = styled.main`\n  flex: 1 0 auto;\n  width: 100%;\n  margin: 5rem 0;\n\n  ${media.xs`\n    margin: 1rem 0;\n  `};\n`;\n\nexport const HeaderWrapper = styled.div`\n  ${media.xs`\n    display: none;\n  `};\n`;\n","import React from 'react';\nimport { withIntl } from 'i18n';\nimport { FormattedHTMLMessage, FormattedMessage } from 'react-intl';\nimport Layout from 'containers/Layout';\nimport { Outer, Inner } from 'containers/Wrapper';\nimport { Row, Col } from 'react-styled-flexboxgrid';\nimport Background from 'containers/Background';\nimport { H1 } from 'styles/typography';\nimport { Head, Menu } from 'components';\nimport Header from 'components/Header';\nimport Footer from 'components/Footer';\nimport Section from './Section';\nimport Resources from './Resources';\nimport Credits from './Credits';\nimport { Wrapper, InnerWrapper, Main, HeaderWrapper } from './styled';\n\nconst About = () => (\n  <Menu>\n    <Background theme=\"offblue\">\n      <Head title=\"intro_aboutTitle\" description=\"intro_aboutDescription\" />\n      <Layout>\n        <Wrapper>\n          <Outer>\n            <HeaderWrapper>\n              <Header color=\"white\" />\n            </HeaderWrapper>\n            <Inner>\n              <InnerWrapper>\n                <Main>\n                  <Row center=\"xs\">\n                    <Col xs={10} sm={10} md={8} lg={10}>\n                      <H1><FormattedMessage id=\"interface_about\"/></H1>\n                    </Col>\n                  </Row>\n                  <Section>\n                    <FormattedHTMLMessage id=\"intro_aboutIntro\" />\n                  </Section>\n                  <Resources />\n                  <Credits />\n                </Main>\n                <Footer />\n              </InnerWrapper>\n            </Inner>\n          </Outer>\n        </Wrapper>\n      </Layout>\n    </Background>\n  </Menu>\n);\n\nexport default withIntl(About);\n","import About from 'blocks/about';\n\nexport default About;","import styled from 'styled-components';\nimport { white, blue, grey, offblue, offwhite } from 'styles/variables';\nimport media from 'styles/media';\n\nconst colors = {\n  white,\n  blue,\n  offblue,\n  grey\n};\n\nexport const Background = styled.div`\n  position: relative;\n  width: 100%;\n  height: auto;\n   backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n`;\n\nexport const SolidBackground = styled(Background)`\n  background-color: ${props => colors[props.color]};\n`;\n\nexport const StripedBackground = styled(Background)`\n  background: linear-gradient(${offwhite} 65%, ${offblue} 35%);\n\n  ${media.md`\n    background: linear-gradient(${offwhite} 70%, ${offblue} 30%);\n  `};\n\n  ${media.sm`\n    background: linear-gradient(${offwhite} 55%, ${offblue} 45%);\n  `};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Background, StripedBackground, SolidBackground } from './styled';\n\nconst BG = ({ theme, children }) => {\n  if (theme === 'white' || theme === 'blue' || theme === 'grey' || theme === 'offblue') {\n    return <SolidBackground color={theme}>{children}</SolidBackground>;\n  }\n  if (theme === 'striped') {\n    return <StripedBackground>{children}</StripedBackground>;\n  }\n  return <Background>{children}</Background>;\n};\n\nBG.propTypes = {\n  theme: PropTypes.string,\n  children: PropTypes.node.isRequired\n};\n\nBG.defaultProps = {\n  theme: null\n};\n\nexport default BG;\n","export default function capitalizeFirstLetter(string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n"],"sourceRoot":""}