component---src-pages-index-js-2384176d07529310704d.js.map

{"version":3,"sources":["webpack:///./src/components/Underlined.js","webpack:///./src/components/Calendar.js","webpack:///./src/components/Header.js","webpack:///./src/components/Leaders.js","webpack:///./src/components/Leadership.js","webpack:///./src/components/Sheet.js","webpack:///./src/components/List.js","webpack:///./src/components/Workshops.js","webpack:///./src/components/GetStarted.js","webpack:///./src/components/Submit.js","webpack:///./src/components/Footer.js","webpack:///./src/pages/index.js","webpack:///./src/theme/config.js","webpack:///./src/theme/index.js","webpack:///./src/components/Layout.js"],"names":["Underlined","styled","Link","withConfig","displayName","componentId","Background","Flex","theme","colors","white","Month","Text","attrs","fontSize","py","bg","color","Day","Calendar","_ref","month","day","react_default","a","createElement","children","Header","dist","align","href","src","width","mx","alt","maxWidth","mt","mb","px","components_Underlined","justify","components_Calendar","data","meeting","ml","bold","target","hoverline","chevronRight","Base","Container","space","mediaQueries","md","LeaderName","EmailButton","Button","Leader","name","pronouns","email","objectWithoutPropertiesLoose_default","split","toLowerCase","size","mr","f","glyph","span","Leaders","props","leaders","map","profile","Leaders_Leader","key","Leadership","id","pb","h2","components_Leaders","Sheet","Card","withComponent","radii","flat","css","defaultProps","p","List","Box","fontSizes","primary","Workshops","components_Sheet","components_List","workshops","workshop","i","slug","GetStarted","start","item","Object","assign","SubmitButton","form","muted","cool","Submit","Submit_Base","action","method","label","type","placeholder","Service","service","rel","aria-label","Footer","_ref2","footer","h3","caps","wrap","Footer_Service","urls","slack","instagram","github","Body","pt","__webpack_exports__","Layout","components_Header","components_Workshops","components_GetStarted","components_Submit","components_Leadership","components_Footer","_hackclub_design_system__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","black","steel","slate","smoke","snow","primaryLight","primaryDark","altLight","altDark","success","error","warm","warmWash","coolWash","blue","info","font","sans","injectGlobal","_templateObject","ThemeProvider","styled_components_browser_esm","Helmet_default","title","lang","charSet","content","description","card","property","index","React"],"mappings":"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","file":"component---src-pages-index-js-2384176d07529310704d.js","sourcesContent":["import styled from 'styled-components'\nimport { Link } from '@hackclub/design-system'\n\nconst Underlined = styled(Link)`\n  text-decoration: underline;\n  text-underline-position: under;\n  -webkit-text-underline-position: under;\n  text-decoration-style: wavy;\n  -webkit-text-decoration-style: wavy;\n`\n\nexport default Underlined\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Text, Flex } from '@hackclub/design-system'\nimport theme from 'theme/config'\n\nconst Background = styled(Flex)`\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  text-align: center;\n  width: 96px;\n  height: 96px;\n  border-color: ${theme.colors.white};\n  border-style: solid;\n  border-width: 3px;\n  border-radius: 16px;\n  font-weight: 800;\n`\nconst Month = styled(Text).attrs({\n  fontSize: 3,\n  py: 1,\n  bg: 'white',\n  color: 'black'\n})`\n  line-height: 1;\n`\nconst Day = styled(Text).attrs({ fontSize: 6, color: 'primary' })`\n  line-height: 1.25;\n`\n\nconst Calendar = ({ month, day }) => (\n  <Background>\n    <Month children={month} />\n    <Day children={day} />\n  </Background>\n)\n\nexport default Calendar\n","import React from 'react'\nimport styled from 'styled-components'\nimport {\n  Box,\n  Flex,\n  Text,\n  Heading,\n  Image,\n  Container,\n  Link as A,\n  Link,\n  Badge\n} from '@hackclub/design-system'\nimport Underlined from './Underlined'\nimport Calendar from './Calendar'\nimport data from 'data'\n\nconst Header = () => (\n  <Box align=\"center\" py={5}>\n    <Link href=\"https://hackclub.com\">\n      <Image\n        src=\"/logo-primary.svg\"\n        width={256}\n        mx=\"auto\"\n        alt=\"State High Hack Club logo\"\n      />\n    </Link>\n    <Container maxWidth={36} mt={4} mb={[4, 5]} px={[3, 0]}>\n      <Text fontSize={[3, 4]}>\n        A club for coding + making at State College Area High School, a chapter\n        of the international non-profit{' '}\n        <Underlined href=\"https://hackclub.com\" color=\"white\">\n          Hack Club\n        </Underlined>. We meet weekly on Mondays.\n      </Text>\n    </Container>\n    <Flex align=\"center\" justify=\"center\">\n      <Calendar month={data.meeting.month} day={data.meeting.day} />\n      <Box align=\"left\" ml={[3, 4]}>\n        <Text fontSize={3} bold>\n          Next meeting\n        </Text>\n        <Text fontSize={1}>C212, 4:00–5:30pm</Text>\n        <Text mt={2}>\n          <Link\n            href=\"http://rmd.at/schacks\"\n            target=\"_blank\"\n            fontSize={1}\n            bold\n            hoverline\n            chevronRight\n            color=\"white\"\n            children=\"Get a reminder\"\n          />\n        </Text>\n      </Box>\n    </Flex>\n  </Box>\n)\n\nexport default Header\n","import React from 'react'\nimport styled from 'styled-components'\nimport {\n  Box,\n  Flex,\n  Text,\n  Container,\n  Button,\n  Icon,\n  Avatar\n} from '@hackclub/design-system'\nimport theme from 'theme/config'\nimport data from 'data'\n\nconst Base = styled(Container).attrs({ maxWidth: 72 })`\n  display: grid;\n  grid-gap: ${theme.space[3]}px;\n  width: 100%;\n\n  ${theme.mediaQueries.md} {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`\nconst LeaderName = styled(Text)`\n  font-weight: 700;\n  line-height: 1.25;\n`\nconst EmailButton = styled(Button)`\n  display: inline-flex;\n  align-items: center;\n  line-height: 1 !important;\n  font-weight: 500;\n`\nconst username = a => a.split(' ')[0].toLowerCase()\nconst Leader = ({ name, pronouns, email, ...props }) => (\n  <Flex align=\"center\">\n    <Avatar src={`/team/${username(name)}.jpg`} alt={name} size={128} mr={3} />\n    <Box align=\"left\">\n      <LeaderName f={4} children={name} />\n      <Text color=\"muted\" f={2} mb={2} children={pronouns} />\n      <EmailButton href={`mailto:${email}@scasd.org`} bg=\"cool\" f={2} mt={2}>\n        <Icon glyph=\"email\" size={24} />\n        <Text.span ml={1}>Email</Text.span>\n      </EmailButton>\n    </Box>\n  </Flex>\n)\n\nconst Leaders = props => (\n  <Base {...props}>\n    {data.leaders.map(profile => (\n      <Leader\n        name={profile.name}\n        pronouns={profile.pronouns}\n        email={profile.email}\n        key={profile.email}\n      />\n    ))}\n  </Base>\n)\n\nexport default Leaders\n","import React from 'react'\nimport { Container, Heading, Text } from '@hackclub/design-system'\nimport Leaders from './Leaders'\n\nconst Leadership = () => (\n  <section id=\"leadership\">\n    <Container maxWidth={36} align=\"center\" px={3} pb={4}>\n      <Heading.h2 color=\"white\" fontSize={[5, 6]} mb={2}>\n        Leadership\n      </Heading.h2>\n      <Text color=\"smoke\" fontSize={[3, 4]}>\n        We’re a diverse group of students passionate about infusing hacker\n        culture into our high school.\n      </Text>\n    </Container>\n    <Leaders px={3} mb={[5, 6]} />\n  </section>\n)\n\nexport default Leadership\n","import styled, { css } from 'styled-components'\nimport { Card, Container, theme } from '@hackclub/design-system'\n\nconst Sheet = styled(Card.withComponent(Container))`\n  position: relative;\n  overflow: hidden;\n  border-radius: ${theme.radii[2]};\n  ${props =>\n    !props.flat &&\n    css`\n      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.0625);\n    `};\n`\nSheet.defaultProps = {\n  bg: 'rgba(255, 255, 255, 0.875)',\n  p: [3, 4],\n  color: 'black',\n  width: 1\n}\n\nexport default Sheet\n","import styled from 'styled-components'\nimport { Box } from '@hackclub/design-system'\nimport theme from 'theme/config'\n\nconst size = 24\n\nconst List = styled(Box.withComponent('ol'))`\n  counter-reset: li;\n  list-style: none;\n  text-align: left;\n  padding: 0;\n  margin: 0;\n\n  li {\n    position: relative;\n    font-size: ${theme.fontSizes[3]}px;\n    padding-left: ${theme.space[4]}px;\n    margin-top: ${theme.space[3]}px;\n    &:before {\n      content: counter(li);\n      counter-increment: li;\n      position: absolute;\n      left: 0;\n      top: ${theme.space[1]}px;\n      height: ${size}px;\n      width: ${size}px;\n      line-height: ${size}px;\n      font-size: ${theme.fontSizes[2]}px;\n      background-color: ${theme.colors.primary};\n      color: ${theme.colors.white};\n      border-radius: ${size}px;\n      font-weight: 800;\n      text-align: center;\n    }\n    ${theme.mediaQueries.md} {\n      padding-left: ${theme.space[4] * 1.25}px;\n    }\n  }\n`\n\nexport default List\n","import React from 'react'\nimport { Heading, Text } from '@hackclub/design-system'\nimport Sheet from './Sheet'\nimport List from './List'\nimport Underlined from './Underlined'\nimport data from 'data'\n\nconst Workshops = () => (\n  <Sheet id=\"workshops\">\n    <Heading.h2 fontSize={5} mb={2}>\n      Workshops\n    </Heading.h2>\n    <Text fontSize={3} mb={[3, 4]}>\n      This is a collection of coding tutorials from Hack Club. Go at your own\n      pace, & submit your link below when you’re finished!\n    </Text>\n    <List>\n      {data.workshops.map((workshop, i) => (\n        <li key={workshop.slug}>\n          <Underlined\n            href={`https://hackclub.com/workshops/${workshop.slug}`}\n            children={workshop.name}\n            target=\"_blank\"\n          />\n        </li>\n      ))}\n    </List>\n  </Sheet>\n)\n\nexport default Workshops\n","import React from 'react'\nimport { Heading } from '@hackclub/design-system'\nimport Sheet from './Sheet'\nimport List from './List'\nimport Underlined from './Underlined'\nimport data from 'data'\n\nconst GetStarted = () => (\n  <Sheet id=\"start\">\n    <Heading.h2 fontSize={5} mb={3}>\n      New here?\n    </Heading.h2>\n    <List>\n      {data.start.map((item, i) => (\n        <li key={item.href}>\n          <Underlined target=\"_blank\" {...item} />\n        </li>\n      ))}\n    </List>\n  </Sheet>\n)\n\nexport default GetStarted\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Heading, Field, Button } from '@hackclub/design-system'\nimport theme from 'theme/config'\nimport Sheet from './Sheet'\n\nconst SubmitButton = Button.withComponent('input')\n\nconst Base = styled.form`\n  label {\n    margin-bottom: ${theme.space[3]}px;\n    span {\n      font-weight: 800;\n    }\n    input {\n      padding: 0 !important;\n      border: 0;\n      border-bottom: 1px solid ${theme.colors.muted};\n      border-radius: 0;\n      &:focus {\n        box-shadow: 0 2px 0 ${theme.colors.cool};\n        border-bottom-color: ${theme.colors.cool};\n      }\n    }\n  }\n`\n\nconst Submit = () => (\n  <Sheet id=\"submit\">\n    <Heading.h2 fontSize={5} mb={3}>\n      Submit\n    </Heading.h2>\n    <Base action=\"https://formspree.io/ljc14@scasd.org\" method=\"POST\">\n      <Field\n        label=\"Email\"\n        type=\"email\"\n        name=\"email\"\n        placeholder=\"abc@scasd.org\"\n      />\n      <Field label=\"Link\" type=\"url\" name=\"url\" placeholder=\"abc.xyz\" />\n      <SubmitButton type=\"submit\" mt={3} />\n    </Base>\n  </Sheet>\n)\n\nexport default Submit\n","import React from 'react'\nimport { Flex, Box, Heading, Icon, Link as A } from '@hackclub/design-system'\nimport { urls } from 'data'\n\nconst Service = ({ href, service, ...props }) => (\n  <A\n    target=\"_blank\"\n    rel=\"noopener\"\n    href={href}\n    mx={3}\n    color=\"muted\"\n    aria-label={service}\n    children={<Icon glyph={service} size={32} />}\n    {...props}\n  />\n)\n\nconst Footer = ({ children }) => (\n  <Box.footer p={[4, 5]} bg=\"steel\" color=\"muted\" align=\"center\">\n    {children}\n    <Heading.h3 f={2} mb={3} align=\"center\" caps>\n      Join the Club\n    </Heading.h3>\n    <Flex justify=\"center\" align=\"center\" wrap>\n      <Service href={urls.slack} service=\"slack\" />\n      <Service href={urls.instagram} service=\"instagram\" />\n      <Service href={urls.github} service=\"github\" />\n      <Service href={urls.email} service=\"email\" />\n    </Flex>\n  </Box.footer>\n)\n\nexport default Footer\n","import React from 'react'\nimport styled from 'styled-components'\nimport { Container, Heading } from '@hackclub/design-system'\nimport theme from 'theme/config'\n\nimport Layout from 'components/Layout'\nimport Header from 'components/Header'\nimport Leadership from 'components/Leadership'\nimport Workshops from 'components/Workshops'\nimport GetStarted from 'components/GetStarted'\nimport Submit from 'components/Submit'\nimport Footer from 'components/Footer'\n\nconst Body = styled(Container).attrs({ pt: 4, px: 3, pb: 5, width: 1 })`\n  display: grid;\n  grid-gap: ${theme.space[3]}px;\n  grid-template-areas: 'start' 'workshops' 'submit';\n\n  ${theme.mediaQueries.md} {\n    grid-gap: ${theme.space[5]}px;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-areas: 'workshops start'\n                         'workshops submit';\n  }\n\n  > div {\n    &:nth-child(1) {\n      grid-area: workshops;\n    }\n    &:nth-child(2) {\n      grid-area: start;\n    }\n    &:nth-child(3) {\n      grid-area: submit;\n    }\n  }\n`\n\nexport default () => (\n  <Layout>\n    <Header />\n    <Heading.h2 color=\"white\" align=\"center\" fontSize={[5, 6]} mb={2} px={3}>\n      Resources\n    </Heading.h2>\n    <Body>\n      <Workshops />\n      <GetStarted />\n      <Submit />\n    </Body>\n    <Leadership />\n    <Footer />\n  </Layout>\n)\n","import { theme } from '@hackclub/design-system'\n\nexport const colors = {\n  // greyscale\n  black: '#1f2d3d',\n  steel: '#273444',\n  slate: '#3c4858',\n  muted: '#8492a6',\n  // smoke3: '#c0ccda',\n  // smoke2: '#d3dce6',\n  smoke: '#e0e6ed',\n  // snow3: '#e5e9f2',\n  // snow2: '#eff2f7',\n  snow: '#f9fafc',\n  white: '#ffffff',\n  // brand\n  primary: '#ff5a5f',\n  primaryLight: '#ff7e82',\n  primaryDark: '#e00007',\n  alt: '#007a87',\n  altLight: '#009aab',\n  altDark: '#004f58',\n  success: '#3fb34f',\n  error: '#b23f42',\n  warm: '#ffb400',\n  warmWash: '#ffdc89',\n  cool: '#00bdde',\n  coolWash: '#7cecff'\n}\n// for DS input\ncolors.blue = [colors.altDark, colors.altLight, colors.altLight]\ncolors.info = colors.cool\n\ntheme.colors = colors\n\nconst baseFamily =\n  '-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif'\n\nconst sans = 'Nunito'\nconst sansFamily = `${sans},${baseFamily}`\n\ntheme.font = sansFamily\n\nexport default theme\n","import React from 'react'\nimport { injectGlobal, ThemeProvider as Root } from 'styled-components'\nimport theme from './config'\n\ninjectGlobal`\n  body {\n    font-family: ${theme.font};\n    background-color: ${theme.colors.black};\n    color: ${theme.colors.white};\n    line-height: 1.6;\n  }\n  * {\n    box-sizing: border-box;\n  }\n  h1,\n  h2 {\n    font-weight: 900;\n  }\n  ul, ol {\n    margin: 0;\n    padding: 0;\n  }\n`\n\nconst ThemeProvider = props => (\n  <Root theme={theme} children={<div>{props.children}</div>} />\n)\n\nexport default ThemeProvider\n","import React from 'react'\nimport Helmet from 'react-helmet'\nimport ThemeProvider from 'theme'\nimport theme from 'theme/config'\nimport data from 'data'\n\nconst meta = tags =>\n  tags.map((props, index) =>\n    React.createElement('meta', { ...props, key: index })\n  )\n\nexport default ({ children }) => (\n  <ThemeProvider>\n    <Helmet title=\"State High Hack Club\">\n      <html lang=\"en\" />\n      <meta charSet=\"UTF-8\" />\n      <link rel=\"icon\" type=\"image/x-icon\" href=\"/favicon.ico\" />\n      {meta([\n        { name: 'description', content: data.description },\n        { name: 'twitter:card', content: 'summary_large_image' },\n        { name: 'twitter:image', content: data.card },\n        { property: 'og:image', content: data.card },\n        { property: 'og:image:width', content: 1024 },\n        { property: 'og:image:height', content: 768 },\n        { property: 'og:title', content: data.name },\n        { name: 'twitter:title', content: data.name },\n        { property: 'og:description', content: data.description },\n        { name: 'twitter:description', content: data.description },\n        { name: 'description', content: data.description },\n        { name: 'viewport', content: 'width=device-width, initial-scale=1' },\n        { name: 'theme-color', content: theme.colors.primary }\n      ])}\n      <link\n        href=\"https://fonts.googleapis.com/css?family=Nunito:400,800,900i\"\n        rel=\"stylesheet\"\n      />\n    </Helmet>\n    {children}\n  </ThemeProvider>\n)\n"],"sourceRoot":""}