component---src-pages-index-js-8555cda98a51b1fbc651.js.map

{"version":3,"sources":["webpack:///./src/components/MiniSchedule.js","webpack:///./src/components/Prizes.js","webpack:///./src/pages/index.js"],"names":["TimelineWrapper","s","div","GREEN","Event","Date","Text","EventDescription","MiniSchedule","href","target","rel","style","textDecoration","LevelItem","attrs","className","mediaMaxWidth","Level","responsiveText","PrizeSubtitle","Subtitle","PrizeTitle","Title","PrizesLayout","React","forwardRef","ref","roboto","Prizes","IndexPage","sectionRef","useRef","title","defer","scrollTo","current","scrollIntoView"],"mappings":"mMAKMA,EAAkBC,IAAEC,IAAL,oFAAGD,CAAH,0DACME,KAIrBC,EAAQH,IAAEC,IAAL,0EAAGD,CAAH,gEAOLI,EAAOJ,YAAEK,KAAL,yEAAGL,CAAH,wCAKJM,EAAmBN,YAAEK,KAAL,qFAAGL,CAAH,uC,mKAKTO,EAAe,kBAC1B,yBAIE,kBAAC,IAAD,iBAEA,6BAAK,6BACL,kBAAC,IAAD,kCAC6B,IAC3B,kBAAC,IAAD,CAAMC,KAAK,gCAAgCC,OAAO,QAAQC,IAAI,uBAA9D,yBAFF,KAMA,kBAAC,IAAD,8DAGA,6BAAK,6BAEL,kBAACX,EAAD,KACE,kBAACI,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,wDAIF,kBAACH,EAAD,KACE,kBAAC,EAAD,CAAMQ,MAAO,CAACC,eAAgB,iBAA9B,QACA,kBAACN,EAAD,CAAkBK,MAAO,CAACC,eAAgB,iBAA1C,wCAIF,kBAACT,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,iEAIF,kBAACH,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,6DAMF,6BAAK,6BACL,kBAAC,IAAD,8DACA,kBAAC,IAAD,oCAAkC,kBAAC,IAAD,CAAME,KAAK,aAAX,aACpC,6BAAK,6BAEL,kBAACT,EAAD,KACE,kBAACI,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,yEAIF,kBAACH,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,iEAIF,kBAACH,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,mEAIF,kBAACH,EAAD,KACE,kBAAC,EAAD,aACA,kBAACG,EAAD,KACE,uBAAGG,OAAO,SAASC,IAAI,sBAAsBF,KAAK,uCAAlD,qBADF,gCC9FFK,EAAYb,IAAEC,IAAIa,OAAM,iBAAO,CACnCC,UAAW,mCADE,oEAAGf,CAAH,+EAOXgB,YAAc,UAKZC,EAAQjB,IAAEC,IAAL,gEAAGD,CAAH,gDAGPgB,YAAc,UAMZE,EAAc,OAChBF,YAAc,SADE,8CAMdG,EAAgBnB,YAAEoB,KAAL,wEAAGpB,CAAH,gCACfkB,EACAF,YAAc,UAKZK,EAAarB,YAAEsB,KAAL,qEAAGtB,CAAH,qBAKVuB,EAAeC,IAAMC,YAAW,WAAgBC,GAAhB,IAAGX,EAAH,EAAGA,UAAH,OACpC,yBAAKW,IAAKA,EAAKX,UAAS,+BAAiCA,GACvD,kBAAC,IAAD,eACA,kBAACE,EAAD,CAAOF,UAAU,SACf,kBAACF,EAAD,KACE,kBAACM,EAAD,CAAeQ,QAAM,GAArB,eACA,kBAACN,EAAD,eAEF,kBAACR,EAAD,KACE,kBAACM,EAAD,CAAeQ,QAAM,GAArB,UACA,kBAACN,EAAD,eAEF,kBAACR,EAAD,KACE,kBAACM,EAAD,CAAeQ,QAAM,GAArB,SACA,kBAACN,EAAD,oBAMKO,EAAS5B,YAAEuB,GAAL,yDAAGvB,CAAH,sBClCJ6B,UAhBG,WAChB,IAAMC,EAAaC,iBAAO,MAE1B,OACE,oCACE,kBAAC,IAAD,CAAKC,MAAM,OAAOC,OAAO,IACzB,kBAAC,IAAD,MACA,kBAAC,IAAD,CAAMC,SALO,kBAAMJ,GAAcA,EAAWK,QAAQC,oBAMpD,kBAAC,EAAD,MACA,kBAACR,EAAD,MACA,kBAAC,IAAD,MACA,kBAAC,IAAD","file":"component---src-pages-index-js-8555cda98a51b1fbc651.js","sourcesContent":["import React from \"react\"\nimport s from \"styled-components\"\nimport {Text, Subtitle, Title, Link} from \"./shared/Typography\"\nimport {GREEN} from \"../utils/constants\";\n\nconst TimelineWrapper = s.div`\n  border-left: 5px solid ${GREEN};\n  padding: 10px 0px 10px 30px;\n`\n\nconst Event = s.div`\n    display: flex;\n    flex-direction: row;\n    gap: 30px;\n    margin: 15px auto;\n`\n\nconst Date = s(Text)`\n    font-weight: bold;\n    font-size: 1.6rem;\n`\n\nconst EventDescription = s(Text)`\n    font-size: 1.6rem;\n    line-height: 1.2;\n`\n\nexport const MiniSchedule = () => (\n  <div css={` width: 70vw;\n              padding: 0 3vw;\n              display: block;\n              margin: 60px auto`}>\n    <Subtitle>Timeline</Subtitle>\n\n    <br/><br/>\n    <Text>\n      Team Registration Open at {' '}\n      <Link href=\"https://tinyurl.com/PCV22team\" target=\"blank\" rel=\"noreferrer noopener\">\n        tinyurl.com/PCV22team\n      </Link>!\n    </Text>\n    <Text>\n      (Individual competitors must also register as a team)\n    </Text>\n    <br/><br/>\n\n    <TimelineWrapper>\n      <Event>\n        <Date>3/26</Date>\n        <EventDescription>\n          Launch event: Opening keynote + Team Formation\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date style={{textDecoration: 'line-through'}}>3/28</Date>\n        <EventDescription style={{textDecoration: 'line-through'}}>\n          Team Registration Due @ 11:59 PM ET\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date>4/03</Date>\n        <EventDescription>\n          Team Registration Due @ 11:59 PM ET (High School Track)\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date>4/08</Date>\n        <EventDescription>\n          Team Registration Due @ 11:59 PM ET (Themed Track)\n        </EventDescription>\n      </Event>\n    </TimelineWrapper>\n\n      <br/><br/>\n      <Text>Throughout the week: Panels & Mentorship Office Hours</Text>\n      <Text>For more info, see the full <Link href=\"/schedule\">schedule</Link></Text>\n    <br/><br/>\n\n    <TimelineWrapper>\n      <Event>\n        <Date>4/03</Date>\n        <EventDescription>\n          First Round Judging Due for High School Track Due @ 11:59 PM ET\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date>4/08</Date>\n        <EventDescription>\n          First Round Judging for Themed Tracks Due @ 11:59 PM ET\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date>4/09</Date>\n        <EventDescription>\n          Second Round Judging for High School Track Due @ 11:59 ET\n        </EventDescription>\n      </Event>\n      <Event>\n        <Date>4/16</Date>\n        <EventDescription>\n          <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://upenn.zoom.us/j/94802997930\">Closing Ceremony </a>\n          @ 12:00 PM to 4:15 PM ET\n        </EventDescription>\n      </Event>\n\n    </TimelineWrapper>\n  </div>\n)\n\n","import React from \"react\"\nimport s from \"styled-components\"\nimport { Title, Subtitle } from \"./shared/Typography\"\nimport { mediaMaxWidth } from \"../utils/constants\"\n\nconst LevelItem = s.div.attrs(() => ({\n  className: \"level-item has-text-centered\"\n}))`\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n\n  ${mediaMaxWidth(\"768px\")} {\n    flex-direction: row;\n  }\n`\n\nconst Level = s.div`\n  margin-top: 2vw;\n\n  ${mediaMaxWidth(\"768px\")} {\n    width: 100%;\n    padding: 10%;\n  }\n`\n\nconst responsiveText = `\n  ${mediaMaxWidth(\"768px\")} {\n    font-size: calc(2rem + 1vw);\n  }\n`\n\nconst PrizeSubtitle = s(Subtitle)`\n  ${responsiveText}\n  ${mediaMaxWidth(\"768px\")} {\n    margin-right: auto;\n  }\n`\n\nconst PrizeTitle = s(Title)`\n  font-size: 3rem;\n  \n`\n\nconst PrizesLayout = React.forwardRef(({ className }, ref) => (\n  <div ref={ref} className={`container has-text-centered ${className}`}>\n    <Subtitle>Prizes</Subtitle>\n    <Level className=\"level\">\n      <LevelItem>\n        <PrizeSubtitle roboto>Grand Prize</PrizeSubtitle>\n        <PrizeTitle>$5000</PrizeTitle>\n      </LevelItem>\n      <LevelItem>\n        <PrizeSubtitle roboto>Second</PrizeSubtitle>\n        <PrizeTitle>$2500</PrizeTitle>\n      </LevelItem>\n      <LevelItem>\n        <PrizeSubtitle roboto>Third</PrizeSubtitle>\n        <PrizeTitle>$1000</PrizeTitle>\n      </LevelItem>\n    </Level>\n  </div>\n))\n\nexport const Prizes = s(PrizesLayout)`\n  margin-top: 10vw;\n`\n","import React, { useRef } from \"react\"\nimport \"./styles.scss\"\n\nimport {\n  Navbar,\n  Hero,\n  Sponsors,\n  Footer\n} from \"../components\"\n\nimport SEO from \"../components/seo\";\nimport {MiniSchedule} from \"../components/MiniSchedule\";\nimport {Prizes} from \"../components/Prizes\";\n\nconst IndexPage = () => {\n  const sectionRef = useRef(null)\n  const scrollTo = () => sectionRef && sectionRef.current.scrollIntoView()\n  return (\n    <>\n      <SEO title=\"Home\" defer={false} />\n      <Navbar />\n      <Hero scrollTo={scrollTo} />\n      <MiniSchedule/>\n      <Prizes/>\n      <Sponsors />\n      <Footer />\n    </>\n  )\n}\n\nexport default IndexPage\n"],"sourceRoot":""}