{"version":3,"file":"component---src-pages-wundar-js-64e7cf6841689c2ab593.js","mappings":"uMAMMA,EAAQ,CACZ,CACEC,KAAM,OACNC,IAAK,KAEP,CACED,KAAM,QACNC,IAAK,UAEP,CACED,KAAM,SACNC,IAAK,WAEP,CACED,KAAM,SACNC,IAAK,WAEP,CACED,KAAM,UACNC,IAAK,aA4ET,EAxEe,WACb,OACE,uBACEC,UACE,6EAGF,uBAAKA,UAAW,aACd,gBAAC,IAAD,CAAMC,KAAM,YAEd,uBAAKD,UAAU,8CACZH,EAAMK,KAAI,SAACC,GAAD,OACT,uBAAKH,UAAU,4EACb,4BACE,gBAAC,KAAD,CAAMI,GAAE,GAAKD,EAAKJ,KAAQI,EAAKL,YAKvC,uBAAKE,UAAW,6CACd,qBACEA,UAAW,4BACXK,KAAK,gDAEL,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN,wBACEC,EAAE,2HACFF,KAAK,YAEP,wBACEE,EAAE,mPACFF,KAAK,YAIX,qBACET,UAAW,4BACXK,KAAK,kDAEL,uBACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAEN,wBAAMC,EAAE,mBAAmBF,KAAK,YAChC,wBACEE,EAAE,+0CACFF,KAAK,UAEP,wBACEE,EAAE,qPACFF,KAAK,UAEP,wBACEE,EAAE,8JACFF,KAAK,e,UCxFJ,SAASG,EAAT,GAA+B,IAAbC,EAAY,EAAZA,SAC/B,OACE,uBAAKb,UAAU,UACb,gBAAC,IAAD,MACA,uBAAKA,UAAU,WAAWa,GAC1B,gBAAC,EAAD,S,mECTN,EAAe,IAA0B,mDCAzC,EAAe,IAA0B,oDCAzC,EAAe,IAA0B,qDCAzC,EAAe,IAA0B,qD,UC8CzC,EAtCsB,SAAC,GAOhB,IANLC,EAMI,EANJA,KACAC,EAKI,EALJA,QACAC,EAII,EAJJA,WACAC,EAGI,EAHJA,SACAC,EAEI,EAFJA,QACAC,EACI,EADJA,YAEA,OACE,uBAAKnB,UAAU,iHACb,uBAAKA,UAAU,qFACb,sBAAIA,UAAU,qHACXe,EACD,wBAAMf,UAAU,0BAA0BmB,IAE5C,sBAAInB,UAAU,sDACXgB,GAEFC,GAAYC,GACX,gBAAC,IAAD,CAAQZ,MAAO,UAAWc,IAAK,WAGnC,uBACEC,IACW,SAATP,EACIQ,EACS,UAATR,EACAS,EACQ,UAART,EACAU,EACAC,EAENzB,UAAU,yD,mCCTlB,IA7Be,SAAC,GAAoB,IAAlBM,EAAiB,EAAjBA,MAAOc,EAAU,EAAVA,IACvB,EAA0BM,EAAAA,SAAe,IAAlCC,EAAP,KAAcC,EAAd,KAEA,OACE,wBAAM5B,UAAS,eAAiBM,EAAjB,0BAAgDc,EAAhD,KACb,uBACEpB,UAAS,0FAA4FM,EAA5F,mBAET,yBACEuB,SAAU,SAACC,GAAD,OAAOF,EAASE,EAAEC,OAAOC,QACnCC,YAAY,kCACZD,MAAOL,EACP1B,KAAK,OACLiC,KAAK,QACLC,GAAG,QACHnC,UAAU,4EAEZ,qBACE+B,OAAO,SACP1B,KAAI,mIAAqIsB,EACzI3B,UAAU,mNAHZ,e,8DCAR,UAfe,WACX,OACE,gBAAC,IAAD,KACK,gBAAC,IAAD,CACCc,KAAM,SACNC,QAAS,SACTC,WAAY","sources":["webpack://comm-stem-website/./src/components/Footer/index.js","webpack://comm-stem-website/./src/components/Layout.js","webpack://comm-stem-website/./src/images/Home.png","webpack://comm-stem-website/./src/images/About.png","webpack://comm-stem-website/./src/images/Events.png","webpack://comm-stem-website/./src/images/wundar.png","webpack://comm-stem-website/./src/components/hero/index.js","webpack://comm-stem-website/./src/components/hero/signup.js","webpack://comm-stem-website/./src/pages/wundar.js"],"sourcesContent":["import * as React from \"react\";\nimport { Link } from \"gatsby\";\nimport logo from \"../../images/logoBlack.png\";\nimport Logo from \"../navbar/logo\";\n\n// data\nconst links = [\n  {\n    text: \"Home\",\n    url: \"/\",\n  },\n  {\n    text: \"About\",\n    url: \"/about\",\n  },\n  {\n    text: \"Events\",\n    url: \"/events\",\n  },\n  {\n    text: \"Wundar\",\n    url: \"/wundar\",\n  },\n  {\n    text: \"Contact\",\n    url: \"/contact\",\n  },\n];\n\nconst Footer = () => {\n  return (\n    <div\n      className={\n        \"flex box-border w-full bg-blue items-center flex-col justify-around py-12\"\n      }\n    >\n      <div className={\"w-20 h-20\"}>\n        <Logo type={\"footer\"}></Logo>\n      </div>\n      <div className=\"flex flex-row items-center justify-center \">\n        {links.map((link) => (\n          <div className=\"py-10 px-2 md:px-5 logo text-md md:text-xl xl:text-2xl font-lexend-deca \">\n            <span>\n              <Link to={`${link.url}`}>{link.text}</Link>\n            </span>\n          </div>\n        ))}\n      </div>\n      <div className={\"flex flex-row justify-center items-center\"}>\n        <a\n          className={\"mx-4 hover:cursor-pointer\"}\n          href=\"https://www.facebook.com/usydcommstemsociety\"\n        >\n          <svg\n            width=\"40\"\n            height=\"40\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M27 0H5C2.23858 0 0 2.23858 0 5V27C0 29.7614 2.23858 32 5 32H27C29.7614 32 32 29.7614 32 27V5C32 2.23858 29.7614 0 27 0Z\"\n              fill=\"#0084FF\"\n            />\n            <path\n              d=\"M24 16C24 11.6 20.4 8 16 8C11.6 8 8 11.6 8 16C8 20 10.9 23.3 14.7 23.9V18.3H12.7V16H14.7V14.2C14.7 12.2 15.9 11.1 17.7 11.1C18.6 11.1 19.5 11.3 19.5 11.3V13.3H18.5C17.5 13.3 17.2 13.9 17.2 14.5V16H19.4L19 18.3H17.1V24C21.1 23.4 24 20 24 16Z\"\n              fill=\"white\"\n            />\n          </svg>\n        </a>\n        <a\n          className={\"mx-4 hover:cursor-pointer\"}\n          href=\"https://www.instagram.com/usydcommstemsociety/\"\n        >\n          <svg\n            width=\"40\"\n            height=\"40\"\n            viewBox=\"0 0 32 32\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path d=\"M32 0H0V32H32V0Z\" fill=\"#0084FF\" />\n            <path\n              d=\"M16 9.2C18.2 9.2 18.5 9.2 19.4 9.2C20.2 9.2 20.6 9.4 20.9 9.5C21.3 9.7 21.6 9.8 21.9 10.1C22.2 10.4 22.4 10.7 22.5 11.1C22.6 11.4 22.7 11.8 22.8 12.6C22.8 13.5 22.8 13.7 22.8 16C22.8 18.3 22.8 18.5 22.8 19.4C22.8 20.2 22.6 20.6 22.5 20.9C22.3 21.3 22.2 21.6 21.9 21.9C21.6 22.2 21.3 22.4 20.9 22.5C20.6 22.6 20.2 22.7 19.4 22.8C18.5 22.8 18.3 22.8 16 22.8C13.7 22.8 13.5 22.8 12.6 22.8C11.8 22.8 11.4 22.6 11.1 22.5C10.7 22.3 10.4 22.2 10.1 21.9C9.8 21.6 9.6 21.3 9.5 20.9C9.4 20.6 9.3 20.2 9.2 19.4C9.2 18.5 9.2 18.3 9.2 16C9.2 13.7 9.2 13.5 9.2 12.6C9.2 11.8 9.4 11.4 9.5 11.1C9.7 10.7 9.8 10.4 10.1 10.1C10.4 9.8 10.7 9.6 11.1 9.5C11.4 9.4 11.8 9.3 12.6 9.2C13.5 9.2 13.8 9.2 16 9.2ZM16 7.7C13.7 7.7 13.5 7.7 12.6 7.7C11.7 7.7 11.1 7.9 10.6 8.1C10.1 8.3 9.6 8.6 9.1 9.1C8.6 9.6 8.4 10 8.1 10.6C7.9 11.1 7.8 11.7 7.7 12.6C7.7 13.5 7.7 13.8 7.7 16C7.7 18.3 7.7 18.5 7.7 19.4C7.7 20.3 7.9 20.9 8.1 21.4C8.3 21.9 8.6 22.4 9.1 22.9C9.6 23.4 10 23.6 10.6 23.9C11.1 24.1 11.7 24.2 12.6 24.3C13.5 24.3 13.8 24.3 16 24.3C18.2 24.3 18.5 24.3 19.4 24.3C20.3 24.3 20.9 24.1 21.4 23.9C21.9 23.7 22.4 23.4 22.9 22.9C23.4 22.4 23.6 22 23.9 21.4C24.1 20.9 24.2 20.3 24.3 19.4C24.3 18.5 24.3 18.2 24.3 16C24.3 13.8 24.3 13.5 24.3 12.6C24.3 11.7 24.1 11.1 23.9 10.6C23.7 10.1 23.4 9.6 22.9 9.1C22.4 8.6 22 8.4 21.4 8.1C20.9 7.9 20.3 7.8 19.4 7.7C18.5 7.7 18.3 7.7 16 7.7Z\"\n              fill=\"white\"\n            />\n            <path\n              d=\"M16 11.7C13.6 11.7 11.7 13.6 11.7 16C11.7 18.4 13.6 20.3 16 20.3C18.4 20.3 20.3 18.4 20.3 16C20.3 13.6 18.4 11.7 16 11.7ZM16 18.8C14.5 18.8 13.2 17.6 13.2 16C13.2 14.5 14.4 13.2 16 13.2C17.5 13.2 18.8 14.4 18.8 16C18.8 17.5 17.5 18.8 16 18.8Z\"\n              fill=\"white\"\n            />\n            <path\n              d=\"M20.4 12.6C20.9523 12.6 21.4 12.1523 21.4 11.6C21.4 11.0477 20.9523 10.6 20.4 10.6C19.8477 10.6 19.4 11.0477 19.4 11.6C19.4 12.1523 19.8477 12.6 20.4 12.6Z\"\n              fill=\"white\"\n            />\n          </svg>\n        </a>\n      </div>\n    </div>\n  );\n};\n\nexport default Footer;\n","import React, { useEffect, useState } from \"react\";\nimport Footer from \"./Footer\";\nimport NavBar from \"./navbar\";\n\nexport default function Layout({ children }) {\n  return (\n    <div className=\"layout\">\n      <NavBar />\n      <div className=\"content\">{children}</div>\n      <Footer />\n    </div>\n  );\n}\n","export default __webpack_public_path__ + \"static/Home-922db6ae2c66019d50653391db571e98.png\";","export default __webpack_public_path__ + \"static/About-338d0392b950caad35e0c2554433b74c.png\";","export default __webpack_public_path__ + \"static/Events-2137140bd0a569cacb796b98e04f0e58.png\";","export default __webpack_public_path__ + \"static/wundar-0b0cadf0604e21fa42d4b874cd371b8f.png\";","import * as React from \"react\";\nimport HomeImage from \"../../images/Home.png\";\nimport AboutImage from \"../../images/About.png\";\nimport EventsImage from \"../../images/Events.png\";\nimport wundar from '../../images/wundar.png'\nimport SignUp from \"./signup\";\n\n\nconst HeroComponent = ({\n  page,\n  heading,\n  subheading,\n  formText,\n  formCTA,\n  punctuation,\n}) => {\n  return (\n    <div className=\"flex lg:flex-row flex-col items-center justify-center px-10 py-5 sm:py-10 md:px-10 md:pb-20 lg:px-24 xl:px-32\">\n      <div className=\"flex flex-col lg:w-7/12 w-auto md:px-10 lg:px-0 lg:pr-20 text-center lg:text-left\">\n        <h1 className=\"leading-snug text-3xl md:text-5xl xl:text-6xl xl:leading-snug font-bold pb-8 md:pb-12 font-body last:text-skyBlue\">\n          {heading}\n          <span className=\"text-skyBlue font-bold\">{punctuation}</span>\n        </h1>\n        <h2 className=\"text-lg xl:text-2xl font-lexend-deca pb-8 md:pb-12\">\n          {subheading}\n        </h2>\n        {formText && formCTA && (\n          <SignUp width={\"w-[60%]\"} loc={\"start\"}></SignUp>\n        )}\n      </div>\n      <img\n        src={\n          page === \"Home\"\n            ? HomeImage\n            : page === \"About\"\n            ? AboutImage\n            : page == \"wundar\"\n            ? wundar\n            : EventsImage\n        }\n        className=\"w-8/12 md:w-7/12 lg:w-5/12 pt-16 md:pt-10 lg:pt-0\"\n      ></img>\n    </div>\n  );\n};\n\nexport default HeroComponent;\n","import * as React from \"react\";\n\nconst SignUp = ({ width, loc }) => {\n  const [email, setEmail] = React.useState(\"\");\n\n  return (\n    <form className={`w-[100%] md:${width} flex flex-row justify-${loc} `}>\n      <div\n        className={`flex flex-row justify-between font-body border-2 border-black rounded-full w-[100%] lg:${width} pl-5 pr-2 py-1`}\n      >\n        <input\n          onChange={(e) => setEmail(e.target.value)}\n          placeholder=\"Enter your email to be a member\"\n          value={email}\n          type=\"text\"\n          name=\"title\"\n          id=\"title\"\n          className=\"w-3/4 md:w-5/6 py-2 flex-grow-2 focus:outline-none text-xs sm:text-base\"\n        />\n        <a\n          target=\"_blank\"\n          href={`https://docs.google.com/forms/d/e/1FAIpQLScrJ9PMpFVIwvPpkBUAh-xo3Rr2riUuCXDAoHwRVd1KZZMVQA/viewform?usp=pp_url&entry.1833469963=${email}`}\n          className=\"inline-flex focus:outline-0 items-center px-3 py-1.5 border border-transparent w-[85px] sm:w-[90px] text-xs sm:text-sm font-medium font-lexend-deca rounded-full shadow-sm text-white bg-blue hover:bg-blue-600\"\n        >\n          SIGN UP\n        </a>\n      </div>\n    </form>\n  );\n};\n\nexport default SignUp;\n","import * as React from \"react\";\nimport Layout from \"../components/Layout.js\";\nimport HeroComponent from \"../components/hero/index.js\";\n\nconst Wundar = () => {\n    return (\n      <Layout>\n           <HeroComponent\n            page={\"wundar\"}\n            heading={\"Wundar\"}\n            subheading={\"Wundar is a private network connecting COMM-STEM members to industry leading mentors, jobs and events. It is a super easy to use and supportive platform. \"}\n      ></HeroComponent>\n         \n      </Layout>\n\n      );\n\n};\n\nexport default Wundar;\n"],"names":["links","text","url","className","type","map","link","to","href","width","height","viewBox","fill","xmlns","d","Layout","children","page","heading","subheading","formText","formCTA","punctuation","loc","src","HomeImage","AboutImage","wundar","EventsImage","React","email","setEmail","onChange","e","target","value","placeholder","name","id"],"sourceRoot":""}