{"version":3,"sources":["webpack:///./src/components/banner.js","webpack:///./src/components/articleTemplate.js"],"names":["Banner","_React$Component","props","_this","call","title","subTitle","titleColor","subTitleColor","image","hasArrow","reverse","_inheritsLoose","prototype","render","React","createElement","id","className","style","background","this","backgroundSize","Container","fluid","Row","Col","xs","sm","md","lg","color","Component","Template","_ref","data","console","log","markdownRemark","frontmatter","html","featuredImgFluid","featuredImage","childImageSharp","Fragment","Layout","page","SEO","description","keywords","date","dangerouslySetInnerHTML","__html"],"mappings":"oKACqD,IAE/CA,EAAM,SAAAC,GACR,SAAAD,EAAYE,GAAQ,IAADC,EASkB,OARjCA,EAAAF,EAAAG,KAAA,KAAMF,IAAM,MAEPG,MAAQF,EAAKD,MAAMG,MACxBF,EAAKG,SAAWH,EAAKD,MAAMI,SAC3BH,EAAKI,WAAaJ,EAAKD,MAAMK,WAC7BJ,EAAKK,cAAgBL,EAAKD,MAAMM,cAChCL,EAAKM,MAAQN,EAAKD,MAAMO,MACxBN,EAAKO,SAAWP,EAAKD,MAAMQ,SAC3BP,EAAKQ,QAAUR,EAAKD,MAAMS,QAAOR,EAkBpC,OA5BOS,YAAAZ,EAAAC,GAWPD,EAAAa,UAEDC,OAAA,WACI,OACIC,IAAAC,cAAA,WAASC,GAAG,SAASC,UAAU,WAAWC,MAAO,CAACC,WAAa,IAAEC,KAAKZ,MAAS,OAAMY,KAAKZ,uCAA0C,WAAYa,eAAiB,UAC7JP,IAAAC,cAACO,IAAS,CAACC,OAAK,GACZT,IAAAC,cAACS,IAAG,KACAV,IAAAC,cAACU,IAAG,CAACC,GAAG,KAAKC,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAC3Bf,IAAAC,cAAA,MAAIE,UAAU,cAAcC,MAAO,CAACY,MAAQ,GAAEV,KAAKd,aAAgBc,KAAKhB,OACxEU,IAAAC,cAAA,MAAIE,UAAU,mBACdH,IAAAC,cAAA,KAAGE,UAAU,cAAcC,MAAO,CAACY,MAAQ,GAAEV,KAAKb,gBAAkBO,IAAAC,cAAA,UAAKK,KAAKf,cAIxFe,KAAKX,SAAWK,IAAAC,cAAA,OAAKE,UAAWG,KAAKV,QAAU,qBAAuB,aAAcQ,MAAO,CAACC,WAAa,IAAEC,KAAKZ,MAAS,OAAMY,KAAKZ,uCAA0C,WAAYa,eAAiB,WAAkB,KAG1OtB,EA5BO,CAASe,IAAMiB,WA+BZhC,O,kCClCf,gJAOe,SAASiC,EAAQC,GAAU,IAAT,KAACC,GAAKD,EACnCE,QAAQC,IAAIF,GACZ,MAAM,eAAEG,GAAmBH,GACrB,YAAEI,EAAW,KAAEC,GAASF,EACxBG,EAAmBF,EAAYG,cAAcC,gBAAgBnB,MACnE,OACIT,IAAAC,cAAAD,IAAA6B,SAAA,KACA7B,IAAAC,cAAC6B,IAAM,CAACC,KAAK,WACT/B,IAAAC,cAAC+B,IAAG,CAAC1C,MAAOkC,EAAYlC,MAAO2C,YAAaT,EAAYS,YAAavC,MAAOgC,EAAkBQ,SAAU,CAAE,MAC1GlC,IAAAC,cAAChB,IAAM,CAACK,MAAQ,OAAOC,SAAW,8HAA8HC,WAAW,UAAUC,cAAc,UAAUE,UAAU,EAAMC,SAAS,IACtOI,IAAAC,cAAA,WAASE,UAAU,8BACfH,IAAAC,cAACO,IAAS,CAACL,UAAU,kBACjBH,IAAAC,cAACS,IAAG,KACAV,IAAAC,cAACU,IAAG,CAACR,UAAU,OAAOY,GAAG,MACrBf,IAAAC,cAAA,KAAGE,UAAU,QAAQqB,EAAYW,MACjCnC,IAAAC,cAAA,UAAKuB,EAAYlC,OACjBU,IAAAC,cAAA,MAAIE,UAAU,wBACdH,IAAAC,cAAA,OAAKE,UAAU,eAAeiC,wBAAyB,CAAEC,OAAQZ,QAI7EzB,IAAAC,cAAA,OAAKE,UAAU,iCAEnBH,IAAAC,cAAA,WAASE,UAAU,qBACfH,IAAAC,cAACO,IAAS,KACNR,IAAAC,cAACS,IAAG,KACAV,IAAAC,cAACU,IAAG,CAACC,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,MAC5Bf,IAAAC,cAAA,OAAKE,UAAU,aACfH,IAAAC,cAAA,MAAIE,UAAU,cAAa,iCAC3BH,IAAAC,cAAA,KAAGE,UAAU,cAAa,2aAC1BH,IAAAC,cAAA,OAAKE,UAAU","file":"component---src-components-article-template-js-cc2c048452387f469ba6.js","sourcesContent":["import React from 'react'\r\nimport { Container, Col, Row } from 'react-bootstrap'\r\n\r\nclass Banner extends React.Component {\r\n    constructor(props) {\r\n        super(props)\r\n\r\n        this.title = this.props.title\r\n        this.subTitle = this.props.subTitle\r\n        this.titleColor = this.props.titleColor\r\n        this.subTitleColor = this.props.subTitleColor\r\n        this.image = this.props.image\r\n        this.hasArrow = this.props.hasArrow\r\n        this.reverse = this.props.reverse\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <section id='banner' className='internal' style={{background: `${this.image ? `url(${this.image}) fixed no-repeat center center` : `#2f91bc`}`, backgroundSize: `cover`}}>\r\n                <Container fluid>\r\n                    <Row>\r\n                        <Col xs='12' sm='12' md='7' lg='7'>\r\n                            <h1 className='text-center' style={{color: `${this.titleColor}`}}>{this.title}</h1>\r\n                            <hr className='horizontalRule' />\r\n                            <p className='text-center' style={{color: `${this.subTitleColor}`}}><em>{this.subTitle}</em></p>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n                { this.hasArrow ? <div className={this.reverse ? 'arrow-down reverse' : 'arrow-down'} style={{background: `${this.image ? `url(${this.image}) fixed no-repeat center center` : `#2f91bc`}`, backgroundSize: `cover`}}></div> : '' }\r\n            </section>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Banner","import React from 'react'\r\nimport { graphql } from 'gatsby'\r\nimport { Container, Row, Col } from 'react-bootstrap'\r\nimport Layout from '../components/layout'\r\nimport Banner from '../components/banner'\r\nimport SEO from '../components/seo'\r\n\r\nexport default function Template({data}) {\r\n    console.log(data);\r\n    const { markdownRemark } = data\r\n    const { frontmatter, html } = markdownRemark\r\n    const featuredImgFluid = frontmatter.featuredImage.childImageSharp.fluid\r\n    return (\r\n        <>\r\n        <Layout page='article'>\r\n            <SEO title={frontmatter.title} description={frontmatter.description} image={featuredImgFluid} keywords={[``]} />\r\n            <Banner title={`News`} subTitle={`Read the latest about how the Safer Childbirth Cities initiative is powering progress for maternal health and birth equity.`} titleColor='#FFFFFF' subTitleColor='#FFFFFF' hasArrow={true} reverse={true} />\r\n            <section className='center-flex justify-center'>\r\n                <Container className='post-container'>\r\n                    <Row>\r\n                        <Col className='post' lg='12'>\r\n                            <p className='date'>{frontmatter.date}</p>\r\n                            <h1>{frontmatter.title}</h1>\r\n                            <hr className='horizontalRule dark' />\r\n                            <div className='post-content' dangerouslySetInnerHTML={{ __html: html }} />\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n                <div className='arrow-down reverse centered'></div>\r\n            </section>\r\n            <section className='darkBlueColorBkgd'>\r\n                <Container>\r\n                    <Row>\r\n                        <Col xs='12' sm='12' md='12' lg='12'>\r\n                            <div className='spacer60'></div>\r\n                            <h2 className='whiteColor'>About Safer Childbirth Cities</h2>\r\n                            <p className='whiteColor'>The Safer Childbirth Cities initiative aims to support community-based organizations in U.S. cities with a high burden of maternal mortality and morbidity to implement evidence-based interventions and innovative approaches to reverse the country’s maternal health trends and directly tackle racial inequities in maternal health outcomes. Our vision is for cities to become safer &mdash; and more equitable &mdash; places to give birth.</p>\r\n                            <div className='spacer60'></div>\r\n                        </Col>\r\n                    </Row>\r\n                </Container>\r\n            </section>\r\n        </Layout>\r\n        </>\r\n    )\r\n}\r\n\r\nexport const pageQuery = graphql`\r\nquery($slug: String!) {\r\n    markdownRemark(frontmatter: { slug: { eq: $slug } }) {\r\n        html\r\n        frontmatter {\r\n            date(formatString: \"MMMM DD, YYYY\")\r\n            slug\r\n            title\r\n            description\r\n            featuredImage {\r\n                childImageSharp {\r\n                    fluid(maxWidth: 800) {\r\n                        ...GatsbyImageSharpFluid\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n`"],"sourceRoot":""}