{"version":3,"sources":["webpack:///./src/components/common/JumbotronFluid.js","webpack:///./src/components/common/Jumbotron.js","webpack:///./src/components/common/NavBarPlain.js","webpack:///./src/views/SignUpPage/index.js","webpack:///./src/views/SignUpPage/SignUpPage.js","webpack:///./src/pages/signup.js"],"names":["JumbotronFluid","props","style","color","backgroundColor","className","containerClassName","children","Jumbotron","cn","NavBarPlain","state","collapsed","handleScroll","bind","componentDidMount","window","addEventListener","this","componentWillUnmount","removeEventListener","event","scrollY","refs","navbar","includes","replace","render","brand","ref","Component","SignUpPage","withTranslate","translate","SEO","title","description","path","ScrollToTopOnMount","textAlign","map","part","dockington","Dockington","SignUpForm","Row","justify","Col","point","i","key","can","icon","Signup","location","locale","pageContext","Layout"],"mappings":"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","file":"component---src-pages-signup-js-54b946d2898541c4e5aa.js","sourcesContent":["import React from \"react\";\n\nconst JumbotronFluid = function (props) {\n    let style = {}\n    if (props.color) {\n        style.backgroundColor = props.color;\n    }\n    let className = \"jumbotron jumbotron-fluid\";\n    if (props.className) {\n        className += \" \" + props.className;\n    }\n    return (\n        <div className={className} style={style}>\n            <div className={props.containerClassName || \"container-fluid\"}>\n                {props.children}\n            </div>\n        </div>\n    );\n};\n\nexport default JumbotronFluid;\n","import React from \"react\";\nimport { cn } from \"../../util\";\n\nconst Jumbotron = function (props) {\n    let style = { ...props.style }\n    if (props.color) {\n        style.backgroundColor = props.color;\n    }\n    let className = \"jumbotron\";\n    if (props.className) {\n        className += \" \" + props.className;\n    }\n    return (\n        <section className={className} style={style}>\n            <div className={cn(\"container\", props.containerClassName)}>\n                {props.children}\n            </div>\n        </section>\n    );\n};\n\nexport default Jumbotron;\n","import React, { Component } from 'react';\n\nimport \"./NavBar.css\";\n\nclass NavBarPlain extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            collapsed: true,\n        };\n        this.handleScroll = this.handleScroll.bind(this);\n    }\n    componentDidMount() {\n        window.addEventListener('scroll', this.handleScroll);\n    }\n    componentWillUnmount() {\n        window.removeEventListener('scroll', this.handleScroll);\n    }\n    handleScroll(event) {\n        if (window.scrollY > 20) {\n            if (!this.refs.navbar.className.includes(\"navbar-scrolled\")) {\n                this.refs.navbar.className += \" navbar-scrolled\";\n            }\n        } else {\n            this.refs.navbar.className = this.refs.navbar.className.replace(/ navbar-scrolled/g, \"\");\n        }\n    }\n    render() {\n        const brand = this.props.brand || \"Dockington\";\n        return (\n            <nav ref=\"navbar\" className=\"navbar navbar-expand-md navbar-light fixed-top\">\n                <div className=\"container-fluid\">\n                    <div className=\"navbar-header\">\n                        <span className=\"navbar-brand lobster\">{brand}</span>\n                    </div>\n                </div>\n            </nav>\n        );\n    }\n}\n\nexport default NavBarPlain;\n","\nimport SignUpPage from \"./SignUpPage\";\n\nexport default SignUpPage;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nimport { withTranslate } from \"../../components/translate\";\nimport Jumbotron from '../../components/common/Jumbotron';\nimport JumbotronFluid from '../../components/common/JumbotronFluid';\nimport Dockington from \"../../components/common/Dockington\";\nimport Row from \"../../components/common/Row\";\nimport Col from \"../../components/common/Col\";\nimport NavBarPlain from \"../../components/common/NavBarPlain\";\nimport ScrollToTopOnMount from \"../../components/common/ScrollToTopOnMount\";\nimport SEO from \"../../components/SEO\";\n\nimport SignUpForm from \"./SignUpForm\";\n\nimport \"./SignUpPage.css\";\n\nconst SignUpPage = withTranslate(function ({ translate }) {\n    return (\n        <div className=\"signuppage\">\n            <SEO\n                title={translate(\"signup.head.title\")}\n                description={translate(\"signup.head.description\")}\n                path=\"/signup\"\n            />\n            <ScrollToTopOnMount />\n            <NavBarPlain brand=\"Dockington Test Drive\"/>\n            <header className=\"container pt-1 mt-4\" style={{ textAlign: \"center\" }}>\n                <div className=\"tagline mb-3\">\n                    <div className=\"intro mt-3\">\n                        <h1>\n                            {translate(\"signup.tagline.title\")}\n                        </h1>\n                        <p className=\"h2-sub\">\n                            {translate(\"signup.tagline.subtitle\").map((part) => (part.dockington ? <Dockington /> : part))}\n                        </p>\n                    </div>\n                </div>\n            </header>\n            <JumbotronFluid color=\"#fafafa\" className=\"pt-0 pb-5 mb-0\" containerClassName=\"px-0\">\n                <SignUpForm translate={translate} />\n            </JumbotronFluid>\n            <Jumbotron color=\"#fff\">\n                <section>\n                    <Row justify=\"center\">\n                        <Col className=\"test-drive-points\">\n                            <p className=\"points-title\">{translate(\"signup.details.title\").map((part) => (part.dockington ? <span className=\"lobster\">Dockington Test Drive</span> : part))}</p>\n                            <ul className=\"points px-1 px-md-0\">\n                                {translate(\"signup.details.points\").map((point, i) => (\n                                    <li className=\"item\" key={i}>\n                                        <div className={point.can ? \"good\" : \"bad\"}>\n                                            <FontAwesomeIcon icon={point.can ? \"check\" : \"times\"} />\n                                        </div>\n                                        <div>\n                                            <p>{point.point}</p>\n                                        </div>\n                                    </li>\n                                ))}\n                            </ul>\n                        </Col>\n                    </Row>\n                </section>\n            </Jumbotron>\n        </div>\n    )\n});\n\nexport default SignUpPage;\n","import React from \"react\"\n\nimport Layout from \"../components/Layout\"\nimport SignUpPage from \"../views/SignUpPage\"\n\nconst Signup = ({ location, pageContext: { locale } }) => (\n    <Layout location={location} locale={locale}>\n        <SignUpPage />\n    </Layout>\n);\n\nexport default Signup;\n"],"sourceRoot":""}