diff --git a/pages/hamilton.js b/pages/hamilton.js new file mode 100644 index 0000000..568e507 --- /dev/null +++ b/pages/hamilton.js @@ -0,0 +1,844 @@ +'======== READ ME BEFORE EDITING ========' +/* +Hello! This is the template for the city pages. + +To create a new page, make a copy of this file in the same directory (pages) and rename it for your city. +E.g. if your city is Tampa, rename the copy of this file to tampa.js + +Replace all placeholder info, indicated by "TODO" comments (you can use Ctrl+F) in this file +You do not need to use this template exactly, feel free to customize it as much as you see fit. + +If you want to include additional assets, please add them under public/city/your-city-name. + +Make a PR and we'll review it as soon as we can! + +If you have any questions, send a message to the #scrapyard channel on the Hack Club Slack and we'll try to help. + +P.S. Feel free to delete this comment block when you're done! + +Note: To test your changes locally, use `yarn install` and `yarn dev`. +*/ + +import Head from 'next/head' +import { Box, Card, Grid, Heading, Image, Link, Text } from 'theme-ui' +import dynamic from 'next/dynamic' + +// TODO: Change this schedule to your own! +const schedule = [ + { time: '11:00 AM', event: 'Doors open' }, + { time: '12:00 PM', event: 'Opening ceremony' }, + { time: '1:00 PM', event: 'Start Hacking!' }, + { time: '2:00 PM', event: 'Lunch' }, + { time: '3:00 PM', event: 'Workshop 1' }, + { time: '4:00 PM', event: 'Activity 1' }, + { time: '4:00 PM', event: 'Workshop 2' }, + { time: '5:00 PM', event: 'Dinner' }, + { time: '8:00 PM', event: 'Lightning talks' }, + { time: '12:00 AM', event: 'Midnight surprise' }, + { time: '8:00 AM', event: 'Breakfast' }, + { time: '10:30 AM', event: 'Demos!' }, + { time: '12:00 PM', event: 'Closing ceremony' } +] + +const Map = dynamic(() => import('../components/Map'), { ssr: false }) + +const Flag = () => ( + + Hack Club flag + +) + +export default function ExampleCity() { + return ( + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + Scrapyard Hamilton + + + + + Scrapyard + + + + + Build stupid s#!t, get stupid prizes. + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + Hamilton - March 15-16 + + + + + Blue paper star + Yellow paper star + Pink paper star + + + + + SIGN UP + + + + + + + + + + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + What's Scrapyard Hamilton? + +

+ {/* TODO: Change [EXAMPLECITY] to your event's city */} + Scrapyard Hamilton is a hackathon for high schoolers + {/* TODO: Change [EXAMPLECITY] to your event's city */} + happening in Hamilton, where you can make the stupidest + things you can think of! Anything, from a{' '} + + lamp that flashes faster the slower you type + + , to those ideas that you wouldn't dare to consider to be useful, + goes at Scrapyard. No matter your experience, Scrapyard + {/* TODO: Change [EXAMPLECITY] to your event's city */} + Hamilton needs you and your scrappy ideas! +

+ + + + + + + + + + + + + + + + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + WHAT'S HAPPENING AT SCRAPYARD HAMILTON? + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + {/* TODO: Change [DURATION] to your event's duration (12hour, 24hour, 2-day) */} + Scrapyard Hamilton is a 24 Hour event - HERE'S THE ROUGH + SCHEDULE! + + + {schedule.map((item, i) => ( +
+ + {item.event} + + +

{item.time}

+
+ ))} + + + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + CAN'T MAKE IT TO HAMILTON? + + + + THERE ARE 100+ OTHER SCRAPYARD EVENTS HAPPENING AROUND THE WORLD! + + + + + + + + + Frequently Asked Questions + + + + {Object.entries({ + 'Who can participate in Scrapyard?': ( + <> + All high-school & upper-middle-school aged students are welcome + to come! You don't have to be a member of the Hack Club + community or be a Hack Club leader. + + ), + 'All this, for free?': ( + <> + Yep! Food, swag and good vibes are all included. Plus, if you’re + joining us from afar,{' '} + + we’ll cover the cost of gas or a bus / train ticket + + . + + ), + 'What do I need?': ( + <> + Your laptop, chargers, and an open mind! If you're going to an + overnight event, bring toiletries and sleeping bagstoo. + Additionally, if you plan to work on a hardware project, bring + the tools you'll need. + + ), + 'I’m not good at coding. Can I still participate?': ( + <> + This hackathon is for creatives of all skill levels! We'll have + workshops and other events so join us and let's learn together. + If you'd like to start exploring some introductory projects, + check out Hack Club Workshops. + + ), + 'What can I make at Scrapyard?': ( + <> + The scrappiest thing you can imagine –- jank is encouraged. + Games? Apps? Websites? Programming languages? Hardware?{' '} + You name it! We’ll have a bunch of resources and mentors to help + you out. + + ), + 'What has Hack Club done before?': ( + <> + Hack Club has run an{' '} + + overnight hackathon + {' '} + in San Francisco, a{' '} + + Game Jam + {' '} + across 50 cities, a hackathon on a{' '} + + Train + {' '} + from Vermont to Los Angeles, and much more! + + ), + 'What if my parents are concerned?': ( + <> + We’re here to help! Our parents guide will be released soon, but + they can reach out to us at{' '} + {/* TODO: Change this email to your event's email */} + + {/* TODO: Change this email to your event's email */} + hamilton@scrapyard.hackclub.com + {' '} + for questions. + + ), + 'What if I have more questions?': ( + <> + {/* TODO: Change [SLACKCHANNEL] to the name of your event's Slack channel */} + Contact us! Feel free to reach out to us in the #scrapyard-hamilton + channel on the Hack Club slack or email us at{' '} + {/* TODO: Change this email to your event's email */} + + {/* TODO: Change this email to your event's email */} + hamilton@scrapyard.hackclub.com + + . + + ) + }).map(([question, answer], i) => { + return ( + + + {question} + + + + {answer} + + + ) + })} + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + SIGN UP FOR SCRAPYARD HAMILTON + + + + + Scrapyard + + + + Made with ♡ by teenagers, for teenagers at Hack Club + + + Hack Club{' '} + ・{' '} + Slack{' '} + ・{' '} + Clubs{' '} + ・{' '} + Hackathons + + + + ) +}