{"version":3,"sources":["components/Container.jsx","components/Content.jsx","assets/VEC_LOGO.png","components/Navigation.jsx","components/Styles.jsx","components/SectionContainer.jsx","sections/WhoAreWe.jsx","sections/WhatWeAreAbout.jsx","sections/Events.jsx","components/Footer.jsx","assets/GITHUB_LOGO.png","App.js","index.js"],"names":["Container","styled","div","Content","Button","button","props","left","css","StyledNavigation","nav","mobile","Image","img","StyledDiv","scrollToPoint","pixelsDown","Scroll","animateScroll","scrollTo","duration","delay","smooth","containerId","offset","openInNewTab","url","newWindow","window","open","opener","Navigation","minWidth","src","Logo","onClick","maxWidth","Paragraph","p","Header","h1","HorLine","hr","SectionDiv","WhoAreWe","WhoWeAre","Calendar","width","height","heightValue","frameBorder","Events","StyledFooter","Anchor","a","Footer","href","target","App","WhatWeAreAbout","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.99162f05.chunk.js","sourcesContent":["//Package imports\nimport styled from \"styled-components\";\n\n//Overall container for all components on the page, wraps around navbar, footer and content\nconst Container = styled.div`\n    background-color:#f8f9fa;\n    display:flex;\n    flex-direction:column;\n    overflow:visible;\n    overflow-x:hidden;\n\n`\n\nexport default Container;","//Package imports\nimport styled from \"styled-components\";\n\n//Wraps all content on the page, excluding navbar and footer\nconst Content = styled.div`\n    margin-left:20%;\n    margin-right:20%;\n    background-clip:margin-box;\n    background-color:#f8f9fa;\n    display:flex;\n    flex-direction:column;\n\n    //Mobile support\n    @media only screen\n    and (max-device-width: 480px){\n        margin-left:1rem;\n        margin-right:1rem;\n    }\n    \n    \n`\n\nexport default Content;","export default __webpack_public_path__ + \"static/media/VEC_LOGO.754fc509.png\";","//Package imports\nimport styled, {css} from \"styled-components\";\nimport React from \"react\"\nimport Scroll from \"react-scroll\"\nimport MediaQuery from \"react-responsive\";\n\n//Image imports\nimport Logo from \"../assets/VEC_LOGO.png\"\n\n//CSS for Navigation Buttons\nconst Button = styled.button`\n    background:transparent;\n    color:#f8f8ff;\n    border:none;\n    height:4rem;\n    font-size:1.5em;\n    font-family:Helvetica;\n    \n    \n    ${props => props.left && css`\n        margin-right:auto;\n    `};\n\n    transition:  0.25s ease-out;\n\n\n    //Desktop\n    @media only screen \n    and (min-device-width: 1025px){\n        :hover{\n            background-color: #181b27;\n        }\n    }\n    \n`\n\n//CSS for entire navigation bar\nconst StyledNavigation = styled.nav`\n    background-color:#28375d;\n    height:4rem;\n    display:flex;\n\n    ${props => props.mobile && css`\n        background-color:#313e5e;\n        border-top:dashed #333b50 2px;\n    `};\n`\n\n//CSS for logo\nconst Image = styled.img`\n    //Desktop\n    @media only screen \n    and (min-device-width: 1025px){\n            padding-left:1rem;\n            padding-right:1rem;\n            height:90%;\n        \n    }\n`\n\n//CSS for Navigation Button Container\nconst StyledDiv = styled.div`\n    display:grid;\n    grid-template-columns:repeat(5, 1fr);\n`\n\n//Function which controls the scrolling through the page\nconst scrollToPoint = (pixelsDown) =>{\n    let scroll = Scroll.animateScroll;\n    scroll.scrollTo(pixelsDown, {duration: 750,\n        delay: 25,\n        smooth: true,\n        containerId: 'ContainerElementID',\n        offset: 50,});\n}\n\n//Prevents bad security, thanks stackoverflow\nconst openInNewTab = (url) => {\n    const newWindow = window.open(url, '_blank', 'noopener,noreferrer')\n    if (newWindow) newWindow.opener = null\n}\n\n\n\n\n//Component returned\nconst  Navigation = () => {\n    return (\n        <div>\n            <StyledNavigation>\n                {/* Only shows logo on desktop */}\n                <MediaQuery minWidth={480}>\n                    <Image src={Logo}/>\n                </MediaQuery>\n\n                <Button left>Victoria Engineering Club NZ</Button>\n\n                {/* Only shows scroll buttons on desktop */}\n                <MediaQuery minWidth={480}>\n                    <StyledDiv>\n                            <Button  onClick={() => scrollToPoint(100)}>Who are we?</Button>\n                            <Button  onClick={() => scrollToPoint(450)}>About us</Button>\n                            <Button  onClick={() => scrollToPoint(800)}>Events</Button>\n                            <Button  onClick={() => openInNewTab(\"https://github.com/vecnz/documents\")}>Documents</Button>\n                            <Button  onClick={() => openInNewTab(\"https://forms.gle/vwpFNM31P7Yo3UgW8\")}>Register</Button>\n                    </StyledDiv>\n                </MediaQuery>     \n            </StyledNavigation>\n\n            <MediaQuery maxWidth={480}>\n                <StyledNavigation mobile>\n                    <StyledDiv>\n                        <Button  onClick={() => openInNewTab(\"https://github.com/vecnz/documents\")}>Documents</Button>\n                        <Button  onClick={() => openInNewTab(\"https://forms.gle/vwpFNM31P7Yo3UgW8\")}>Register</Button>\n                    </StyledDiv>\n                </StyledNavigation>\n            </MediaQuery>\n        </div>\n    )\n    \n}\n\nexport default Navigation;\n","import styled from \"styled-components\"\n\n//CSS for all paragraph text\nconst Paragraph = styled.p`\n    color: #123123;\n    font-size:1.5rem;\n\n    //Mobile\n    @media only screen\n    and (orientation: portrait)\n    and (max-device-width: 480px){\n        font-size:1.1rem;\n    }\n`\n\n//CSS for all headers\nconst Header = styled.h1`\n    color: #123123;\n    font-size:2rem;\n\n    //Mobile\n    @media only screen\n    and (orientation: portrait)\n    and (max-device-width: 480px){\n        font-size:1.5rem;\n    }\n`\n\n//CSS for horizontal lines\nconst HorLine = styled.hr`\n    color:#c8cedd;\n    height:2px;\n    background-color:#c8cedd;\n    border:none;\n    width:auto;\n\n    margin-left:15rem;\n    margin-right:15rem;\n    margin-bottom:2rem;\n    margin-top:2rem;\n\n    //Mobile\n    @media only screen\n    and (orientation: portrait)\n    and (max-device-width: 480px){\n        margin:1rem;\n    }\n`\n\nexport {Paragraph, Header, HorLine}","//package imports\nimport styled from \"styled-components\"\n\n//CSS for 'section' container\nconst SectionDiv = styled.div`\n    padding-left:10%;\n    padding-right:10%;\n    padding-bottom:2rem;\n    padding-top:2rem;\n\n    //Mobile\n    @media only screen\n    and (orientation: portrait)\n    and (max-device-width: 480px){\n        padding:1rem;\n    }\n\n`\n\nexport default SectionDiv;","//Component imports\nimport { Paragraph, Header } from \"../components/Styles\";\nimport SectionDiv from \"../components/SectionContainer\";\n\nconst WhoAreWe = () =>{\n    return(\n        <SectionDiv>\n            <Header>Who are we?</Header>\n            <Paragraph>Victoria Engineering Club is a group of Victoria University students who share a\n            common interest in engineering and technology. We host events involving gaming, software and\n            electronic challenges, and connections with notable members of the engineering and technology\n            industry.</Paragraph>\n        </SectionDiv>\n    )\n}\n\nexport default WhoAreWe;","//Component imports\nimport { Paragraph, Header } from \"../components/Styles\";\nimport SectionDiv from \"../components/SectionContainer\";\n\n\nconst WhoWeAre = () =>{\n    return(\n        <SectionDiv>\n            <Header>What are we about?</Header>\n            <Paragraph>Our goal is to enrich students’ university \n                experience by providing opportunities to connect with the  \n                New Zealand tech industry, develop skills, and engage in fun social activities.\n            </Paragraph>\n        </SectionDiv>\n    )\n}\n\nexport default WhoWeAre;","//Component imports\nimport Iframe from \"react-iframe\";\nimport MediaQuery from \"react-responsive\";\nimport SectionDiv from \"../components/SectionContainer\";\n\n//Returns the calendar with the correct height based on device\nconst Calendar = (props) =>{\n    return(\n                <Iframe \n                    url = \"https://calendar.google.com/calendar/embed?src=oiid6kbof2h3t22ems643akha4%40group.calendar.google.com&amp;ctz=Pacific%2FAuckland\"\n                    width=\"100%\"\n                    height={props.heightValue}\n                    frameBorder=\"none\"\n                />\n    )\n}\n\n//Returns component\nconst Events = () =>{\n    return(\n        <SectionDiv>\n            {/* Desktop */}\n            <MediaQuery minWidth={1025}>\n                <Calendar heightValue=\"600\"/>\n            </MediaQuery>\n\n            {/* Phones */}\n            <MediaQuery maxWidth={480}>\n                <Calendar heightValue=\"400\"/>\n            </MediaQuery>\n        </SectionDiv>\n    )\n}\n\nexport default Events;","//Package imports\nimport styled from \"styled-components\";\nimport MediaQuery from \"react-responsive\";\n\n//Image imports\nimport GithubLogo from \"../assets/GITHUB_LOGO.png\"\n\n//CSS for footer\nconst StyledFooter = styled.div`\n    height:5rem;\n    background-color:#28375d;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n\n    //Mobile\n    @media only screen\n    and (orientation: portrait)\n    and (max-device-width: 480px){\n        display:grid;\n        height:10rem;\n    }\n`\n\n//CSS for Footer text\nconst Paragraph = styled.p`\n    text-align:center;\n    margin:0.75rem;\n`\n\n//CSS for anchor text\nconst Anchor = styled.a`\n    color:#f8f9fa;\n    height:auto;\n`\n\nconst Image = styled.img`\n    //Desktop\n    @media only screen \n    and (min-device-width: 1025px){\n        :hover{\n            opacity:0.7;\n        }\n    }\n\n`\n\n//Component returned\nconst Footer = () =>{\n    return(\n        <StyledFooter>\n            <Paragraph>Copyright 2021 @ Victoria Engineering Club</Paragraph>\n            <Paragraph>Contact email: contact@vec.ac.nz</Paragraph>\n\n            {/* Desktop */}\n            <MediaQuery minWidth={480}>\n                <Paragraph>Access Github {\">>\"}</Paragraph>\n                <Anchor href=\"https://github.com/vecnz/vecnz.github.io\" target=\"_blank\"><Image src={GithubLogo}/></Anchor>\n            </MediaQuery>\n\n            {/* Mobile */}\n            <MediaQuery maxWidth={480}>\n                <Paragraph>Github link: <Anchor href=\"https://github.com/vecnz/vecnz.github.io\" target=\"_blank\">github.com</Anchor></Paragraph>\n            </MediaQuery>\n            \n\n        </StyledFooter>\n    )\n}\n\nexport default Footer;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzlFQkFERkU4NkJCMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzlFQkFERkQ4NkJCMTFFM0FBNTJFRTMzNTJEMUJDNDYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTJFOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTJGOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Kk5lQwAABYxJREFUeNrkm29oVXUYx3+7bM3V1FnbqlltrtXWtYRa1nqxooY5E7EhKWGuaTDBagol9SIMDCKICASj+cISw/DPi16ZBakrUBnoC7nNoTMWy6I1c+LmVq6t78N9jpyu555znt855+536IHPi939/jzP95zznN+/kzc1NaUitirwJJgPasF94DZQDG7hMqNgBFwEZ5kU+AH0R+lcXgQCJMBT4EXwLKgM2N7P4FvwJegCk6YKUA5eB23grogu2C/gc7AN/GGKABTsZtAOZqjc2DjYAT5kUfSNBNCkAGwGo1PTZ6PsQ4FuHLp3QD3YDR5QZtgZsAac1ElYokcGbATHDApesS/kUwf7GEkOKAK7wAvKbNsPXgZjYQowG3wNnlDxsONgCbgchgAU/GHwiIqXUT5o8hLBKwfcDA7FMHgrUR/iGLQEoGTyBWhQ8bUGjiFPR4A3QIuKv7VwLKIcQMnue5Dv0fjT/IwtAM3g+RyMBmkU+BXf3qc5Rx3xqDPBE7LjfkaCheCcj1HYKYe6JeBt8GcEo75L3HaJQ7+nfNQ/x7H9p67TFX4L1Pi4EocdfhsGH4BPwVbwqu0xGwI/8vT2N/77Gv+vAJSCO3n6PJ//Vjz72w62cPtORnfAwx7+1nBsW93ugGow7vOKtPkYa9eDl0Clxji9kuvW+yjb5tPncY7xet3MhjoFt2RzgIlU2DQL/O6017W/Be4BawXJqMCgTH+ToOxajvWG1+AmYVBlBglQKrxwmzIFoB9XCzt91CABpL6sti62JcBiXtKS2GMGCSD1pZxjvi7AKmED9PraYJAAG2yvVL+2yi7AImHl90C3QQJ03/B+97ZF1lCYVlN6BBV/BffykNQkoyF4H5grqJOkO6BR2NF2A4O35gifCOs0JjTW9vYaPPPbJ11LJAFqBRVoDf68wQLQI3BBUL424XPiY1lvDOb/ZwRla0iAOYIKv8dAgEFB2VtJgJmCChMxEEAyHigmAQoFFWbFQIDZgrKF0p2hmTEQQOQjCTAmKD8vBgJUCcqOkQBXBBXosEORwcEXKdmBjCskwICgQr5h0+BMW6i8V7LtNkAC9As7WWqwAM8Jy/cnhBMhspVKvq2eC0uwbxLrSWhMa+dpdJQLW6mRpLtpOlyuMcL7CTwErhoSPG2ApjQEuD3BQ0fp0ZJqlT6pZYpt0wieYh60nuWDGp2+At4xIPgt7IvU0jHzBkFdgD27HWDGNGyGFHHfulaXuTN0IkBjZ8EykJeDwKmPFtAXwN8TTltjrVkKfwcawXJW3G3v8DTYCKoiCLwGvAl6QthpbnU6J5jP2f1uh1Wgxbbxwv0qvT/vtZRGA6wuzs50+Pkb8JdgQtPMq1VJld7bnxtSzhjgJD5hzwEW611OZK6xlSvzeYbAsl3Cx4PK7ozodOl6t93hfJByqbzOVnYh+MdHhxfBLI1bnuoMhRx8imPMKgDR5LG/nrSVfddHpx8HeO4/ClmApsw+snXsdk7gYMat+r5Hp0sDCLAkxOA7nfrI1nGxx2tmQUb5x8FuzgvD4Dw4wNm2MIAA1SEF38cx+RaAeBCMZGlwb44GOyUhBD/CsTj24TatpddXq3L+RIVmXnE4QzjJMaSylvBxFdqzKHsVrDD8Dmj36sOvIx0unewHDRENg4MI0BH2FyP0RcZOlzW3Ib7VLvPqDK0z1PEq7bDmLVwCLgnr0AhvnUp/0eJp0k9m6HO4fUp2nGZODgUY5PzUJVlHkxg1TEfnjxqY8I6yb12SSjqLm7T9/Ax4TaW/+JxuIx862KcL4toBk1QFT1omXZLRHQHaL3Npl/r8jH3QjiGsbJ3kGd/fDo6WBWi31KG9a9xXMgzfw35tVfCR9l52dk8Ibe7htnq57YowfY7i4+lYWUL9z+1fAQYACqstE4NCc18AAAAASUVORK5CYII=\"","//#28375d Navy blue\n//#fff background colour\n\n//Component imports\nimport Container from \"./components/Container\"\nimport Content from \"./components/Content\"\nimport Navigation from \"./components/Navigation\"\nimport { HorLine } from \"./components/Styles\"\n\n//Section imports\nimport WhoAreWe from \"./sections/WhoAreWe\"\nimport WhatWeAreAbout from \"./sections/WhatWeAreAbout\"\nimport Events from \"./sections/Events\"\nimport Footer from \"./components/Footer\"\n\nconst App = () => {\n  return (\n    <Container>\n      <Navigation/>\n\n      <Content>\n        <WhoAreWe/>\n        <HorLine/>\n        <WhatWeAreAbout/>\n        <HorLine/>\n        <Events/>\n      </Content>\n      \n      <Footer/>\n    </Container>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}