{"version":3,"sources":["webpack:///./src/pages/index.jsx"],"names":["iconStyle","color","height","width","withWidth","props","gridStyle","margin","isWidthUp","isWidthDown","query","render","queryProps","eventEdges","allEventsJson","edges","carouselEdges","allCarouselJson","style","marginTop","wrapAround","speed","slidesToShow","slidesToScroll","enableKeyboardControls","swiping","renderCenterLeftControls","goToPrevious","previousSlide","onClick","renderCenterRightControls","goToNext","nextSlide","map","key","node","message","button","imageFile","fluid","image","childImageSharp","imageID","id","imageStyle","String","className","variant","to","url","href","eventlabel","translate","component","Link","text","background","padding","textAlign","container","item","xs","sm","lg","icon","title","body","cols","fixed","name","EN","description","FR","isCurrentEvent","translateDescription","imageURL","mailingListImg","messageText","buttonText","buttonURL"],"mappings":"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","file":"component---src-pages-index-jsx-b4d53c5fb34f07654392.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql, StaticQuery } from 'gatsby';\nimport {\n    Grid,\n    GridList,\n    Typography,\n    isWidthDown,\n    isWidthUp,\n    withWidth\n} from '../helpers/material-ui';\nimport { Carousel, BackgroundImage, mailingListImg } from '../helpers/theme';\nimport {\n    ChevronLeftIcon,\n    ChevronRightIcon,\n    Event,\n    FlaskIcon,\n    IEEEButton,\n    LeadPencilIcon,\n    LightBulbIcon,\n    Link,\n    Parallax,\n    ServiceItem,\n    Title\n} from '../helpers/components';\nimport { translate, translateDescription } from '../helpers/translation';\nimport { isCurrentEvent } from '../utils/util';\nimport './index.scss';\n\nconst query = graphql`\n    query {\n        allCarouselJson {\n            edges {\n                node {\n                    message\n                    button {\n                        text\n                        url\n                    }\n                    imageFile {\n                        id\n                        image {\n                            childImageSharp {\n                                fluid(maxWidth: 4160, quality: 100) {\n                                    ...GatsbyImageSharpFluid_withWebp\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        allEventsJson(limit: 4, sort: { fields: id, order: DESC }) {\n            edges {\n                node {\n                    id\n                    name\n                    description\n                    FR\n                    url\n                    image {\n                        childImageSharp {\n                            fixed(width: 230, height: 230) {\n                                ...GatsbyImageSharpFixed_withWebp\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n`;\n\nconst iconStyle = {\n    color: 'white',\n    height: '48px',\n    width: '48px'\n};\n\nconst IndexPage = props => {\n    const { width } = props;\n    let gridStyle = { margin: '0 25%' };\n    if (isWidthUp('lg', width, true) || isWidthDown('sm', width, false))\n        gridStyle = {};\n\n    return (\n        <StaticQuery\n            query={query}\n            render={queryProps => {\n                const {\n                    allEventsJson: { edges: eventEdges },\n                    allCarouselJson: { edges: carouselEdges }\n                } = queryProps;\n\n                // TODO: ImageStyle is not currently applied to carousel images.\n                // This has been temporarily fixed with the background-fix class.\n                return (\n                    <div style={{ marginTop: '-1em' }}>\n                        <Carousel\n                            wrapAround\n                            speed={500}\n                            slidesToShow={1}\n                            slidesToScroll={1}\n                            enableKeyboardControls\n                            swiping\n                            renderCenterLeftControls={({\n                                previousSlide: goToPrevious\n                            }) => (\n                                <ChevronLeftIcon\n                                    onClick={goToPrevious}\n                                    style={iconStyle}\n                                />\n                            )}\n                            renderCenterRightControls={({\n                                nextSlide: goToNext\n                            }) => (\n                                <ChevronRightIcon\n                                    onClick={goToNext}\n                                    style={iconStyle}\n                                />\n                            )}\n                        >\n                            {carouselEdges.map(\n                                (\n                                    {\n                                        node: {\n                                            message,\n                                            button,\n                                            imageFile: {\n                                                image: {\n                                                    childImageSharp: { fluid }\n                                                },\n                                                id: imageID,\n                                                style: imageStyle\n                                            }\n                                        }\n                                    },\n                                    key\n                                ) => (\n                                    <BackgroundImage\n                                        key={String(key)}\n                                        className={`bg-image ${imageID} background-fix`}\n                                        fluid={fluid}\n                                        style={imageStyle}\n                                    >\n                                        <div id=\"image-overlay\">\n                                            <div\n                                                id=\"text-container\"\n                                                className=\"center\"\n                                            >\n                                                {message && (\n                                                    <Typography\n                                                        variant=\"h3\"\n                                                        className=\"uppercase\"\n                                                        id=\"about-us-image-text\"\n                                                    >\n                                                        <Link\n                                                            to={button.url}\n                                                            href={button.url}\n                                                            eventlabel={\n                                                                button.url\n                                                            }\n                                                            className=\"white-url-txt\"\n                                                        >\n                                                            {translate(message)}\n                                                        </Link>\n                                                    </Typography>\n                                                )}\n                                                <IEEEButton\n                                                    variant=\"outlined\"\n                                                    color=\"secondary\"\n                                                    className=\"white-btn white-url-txt\"\n                                                    component={Link}\n                                                    to={button.url}\n                                                    style={{\n                                                        marginTop: '32px'\n                                                    }}\n                                                >\n                                                    {translate(button.text)}\n                                                </IEEEButton>\n                                            </div>\n                                        </div>\n                                    </BackgroundImage>\n                                )\n                            )}\n                        </Carousel>\n                        <div\n                            style={{\n                                background: 'black',\n                                padding: '10px',\n                                margin: '0px'\n                            }}\n                        >\n                            <Typography\n                                variant=\"h6\"\n                                style={{\n                                    color: 'white',\n                                    textAlign: 'center',\n                                    margin: '10px'\n                                }}\n                            >\n                                Experience the IEEE uOttawa\n                                <IEEEButton\n                                    variant=\"outlined\"\n                                    color=\"secondary\"\n                                    className=\"white-btn white-url-txt\"\n                                    style={{ margin: '20px 16px' }}\n                                    component={Link}\n                                    to=\"vr-campus\"\n                                    eventlabel=\"vr-campus\"\n                                >\n                                    Virtual Campus Tour\n                                </IEEEButton>\n                            </Typography>\n                        </div>\n\n                        <Title style={{ margin: '32px 0 16px' }}>\n                            {translate('Why come to our office?')}\n                        </Title>\n                        <Typography\n                            variant=\"subtitle1\"\n                            className=\"center-horizontal\"\n                        >\n                            {translate(\n                                'Check out all the services we offer in our office!'\n                            )}\n                        </Typography>\n                        <Grid id=\"services-row\" container>\n                            <Grid item xs={12} sm={6} lg={4}>\n                                <ServiceItem\n                                    icon={<FlaskIcon className=\"icon\" />}\n                                    title={translate('Purchase Lab Supplies')}\n                                    body={translate(\n                                        'Check out what we have for sale on our Services page, under About Us.'\n                                    )}\n                                />\n                            </Grid>\n                            <Grid item xs={12} sm={6} lg={4}>\n                                <ServiceItem\n                                    icon={<LightBulbIcon className=\"icon\" />}\n                                    title={translate('Homework Help')}\n                                    body={translate(\n                                        'Is there a course you are struggling with? Contact the VP Academic to find out how we can help you succeed.'\n                                    )}\n                                />\n                            </Grid>\n                            <Grid item xs={12} lg={4} style={gridStyle}>\n                                <ServiceItem\n                                    icon={<LeadPencilIcon className=\"icon\" />}\n                                    title={translate('Study')}\n                                    body={translate(\n                                        'Need a chill place to study? Come make use of our library and study in the office anytime we are open.'\n                                    )}\n                                />\n                            </Grid>\n                        </Grid>\n                        <Title style={{ margin: '32px 0 16px' }}>\n                            {translate('Latest Events')}\n                        </Title>\n                        <GridList id=\"event-grid\" cols={2}>\n                            {eventEdges.map(\n                                ({\n                                    node: {\n                                        id,\n                                        image: {\n                                            childImageSharp: { fixed: image }\n                                        },\n                                        name,\n                                        description: EN,\n                                        FR,\n                                        url\n                                    }\n                                }) =>\n                                    isCurrentEvent(id) && (\n                                        <Event\n                                            key={id}\n                                            id={id}\n                                            image={image}\n                                            name={name}\n                                            description={translateDescription(\n                                                EN,\n                                                FR\n                                            )}\n                                            url={url}\n                                        />\n                                    )\n                            )}\n                        </GridList>\n                        <Parallax\n                            imageURL={mailingListImg}\n                            messageText={translate(\n                                \"Don't Miss Out! Join The Mailing List Today!\"\n                            )}\n                            buttonText={translate('Subscribe')}\n                            buttonURL=\"/mailing-list\"\n                        />\n                    </div>\n                );\n            }}\n        />\n    );\n};\n\nIndexPage.propTypes = {\n    width: PropTypes.any.isRequired\n};\n\nexport default withWidth()(IndexPage);\n"],"sourceRoot":""}