💬 more content changes

components/blocks.js

@@ -202,3 +202,33 @@ export const Team = (props) => (
     }}
   />
 )
+
+export const FAQ = props => (
+  <Box
+    {...props}
+    sx={{
+      ul: {
+        p: 0,
+        m: 0,
+        listStyle: 'none',
+        display: 'grid',
+        gridTemplateColumns: [null, '1fr 1fr'],
+        gridGap: [3, 4]
+      },
+      a: {
+        fontWeight: 'bold',
+        color: 'primary',
+        textDecoration: 'none'
+      },
+      li: {
+        fontSize: [1, null, 2]
+      },
+      p: { my: 0 },
+      strong: {
+        display: 'block',
+        fontSize: 2
+      },
+      ...props.sx
+    }}
+  />
+)

pages/index.mdx

@@ -1,4 +1,4 @@
-import { Banner, List, Container, Callout, Gallery, Team, Grid } from '../components/blocks'
+import { Banner, List, Container, Callout, Gallery, Team, Grid, FAQ } from '../components/blocks'
 import {Button,} from 'theme-ui'
 import Sponsors from '../components/sponsors'
 import Photo from '../components/photo'
@@ -22,19 +22,48 @@ import Photo from '../components/photo'
 </Banner>
 
 <Container>
-<Callout>
+<Callout sx={{ mx: [null, null, -3, -4] }}>
 
 Tiger Hacks is a high school hackathon where students from PG come together to turn their ideas into reality. Join us for a weekend of coding, creating, and problem-solving as we work together to build innovative solutions to real-world challenges involving students.
 
 </Callout>
 </Container>
+<Container>
+  ## FAQ
+  <Callout sx={{ mx: [null, null, -3, -4] }}>
+  <FAQ>
+
+  - **HACKING?!?!?**
+    Woah woah woah, we aren't hacking into servers or anything. The word "hacking" is being redefined for creating-- think apps and websites. It's supervised and educational.
+
+  - **Seems cool, how much does it cost?**
+    Nothing! It's completely free! Just make sure you register first-- we wouldn't want you to show up and be turned away!
+
+  - **Who can do it?**
+    Any student 18 & under is able to register for the hackathon! We hope to see you there 👋🏽
+
+  - **I don't know how to code!**
+    Don't worry! You're not alone, and we'll show you the ropes! We'll have workshops to teach you the basics of coding and how to make your first website, game, and even a web-based synthesizer!
+
+  - **Well, what should I make?**
+    The prompts will be released at the beginning of the event, but think outside the box! If it doesn't say you can't do it, go for it! And don't worry about struggling, you'll have mentors to help you along the way!
+
+  - **I'm sold! Where do I join?**
+    We're glad we convinced you! We're still getting some details worked out, but if you fill out [this form](https://app.fillout.com/flow/uDRyboUxWVus) we'll be glad to let you know when registration opens!
+
+  - **Who's this run by?**
+    We're a group of high schoolers sponsored by [Hack Club](https://hackclub.com), a non-profit global community of high schoolers running clubs!
+
+  </FAQ>
+  </Callout>
+</Container>
 
+{/* <Gallery>
 
-<Gallery>
-
-{/* <Photo wide alt="Overview" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Foverview.jpg?v=1565769230316" />
+<Photo wide alt="Overview" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Foverview.jpg?v=1565769230316" />
 <Photo alt="Working" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Foverview_2.jpg?v=1565769231539" />
-<Photo alt="Collaborating" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Fcollaborating.jpg?v=1565769226508" /> */}
+<Photo alt="Collaborating" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Fcollaborating.jpg?v=1565769226508" />
+
 
 Three workshops taught the basics of making attendees’ first websites, games, & even a web-based synthesizer.
 
@@ -49,7 +78,7 @@ This team made **OfficeBot**, a rolling robot to play relevant “The Office”
 
 <Photo alt="Students working" src="https://cdn.glitch.com/3d283e0f-19c4-4546-b0b2-223ec3a7dc23%2Fworking_1.jpg?v=1565769234389" />
 
-</Gallery>
+</Gallery> */}
 
 <Container>