From 70da72161e94cfb09a23897ba0e4eeb1290a9984 Mon Sep 17 00:00:00 2001 From: Delana Date: Sun, 19 Jan 2025 20:03:31 +0000 Subject: [PATCH 1/5] Creating the page for cambridge --- pages/cambridge.js | 844 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 844 insertions(+) create mode 100644 pages/cambridge.js diff --git a/pages/cambridge.js b/pages/cambridge.js new file mode 100644 index 0000000..c741b43 --- /dev/null +++ b/pages/cambridge.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: '12:30 PM', event: 'Lunch' }, + { time: '1:00 PM', event: 'Start working on your project!' }, + { time: '2:00 PM', event: 'Workshop 1' }, + { time: '4:00 PM', event: 'Activity 1' }, + { time: '4:00 PM', event: 'Workshop 2' }, + { time: '6: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 [EXAMPLECITY] + + + + + Scrapyard + + + + + Build stupid s#!t, get stupid prizes. + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + [EXAMPLECITY] - 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 [EXAMPLECITY]? + +

+ {/* TODO: Change [EXAMPLECITY] to your event's city */} + Scrapyard [EXAMPLECITY] is a hackathon for high schoolers + {/* TODO: Change [EXAMPLECITY] to your event's city */} + happening in [EXAMPLECITY], 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 */} + [EXAMPLECITY] needs you and your scrappy ideas! +

+ + + + + + + + + + + + + + + + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + WHAT'S HAPPENING AT SCRAPYARD [EXAMPLECITY]? + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + {/* TODO: Change [DURATION] to your event's duration (12hour, 24hour, 2-day) */} + Scrapyard [EXAMPLECITY] is a [DURATION] 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 [EXAMPLECITY]? + + + + 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 */} + 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 [SLACKCHANNEL] + 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 */} + scrapyard@hackclub.com + + . + + ) + }).map(([question, answer], i) => { + return ( + + + {question} + + + + {answer} + + + ) + })} + + + + + {/* TODO: Change [EXAMPLECITY] to your event's city */} + SIGN UP FOR SCRAPYARD [EXAMPLECITY] + + + + + Scrapyard + + + + Made with ♡ by teenagers, for teenagers at Hack Club + + + Hack Club{' '} + ・{' '} + Slack{' '} + ・{' '} + Clubs{' '} + ・{' '} + Hackathons + + + + ) +} From a54face7c363535cfa67316bac55bb1a89c60b8a Mon Sep 17 00:00:00 2001 From: Delana Date: Mon, 20 Jan 2025 09:39:33 +0000 Subject: [PATCH 2/5] Update cambridge.js Changed all the [example city] bits to cambridge --- pages/cambridge.js | 34 ++++++++++++++++------------------ 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/pages/cambridge.js b/pages/cambridge.js index c741b43..0a05453 100644 --- a/pages/cambridge.js +++ b/pages/cambridge.js @@ -78,8 +78,8 @@ export default function ExampleCity() { }} > - {/* TODO: Change [EXAMPLECITY] to your event's city */} - Scrapyard [EXAMPLECITY] + + Scrapyard Cambridge - {/* TODO: Change [EXAMPLECITY] to your event's city */} - [EXAMPLECITY] - March 15-16 + + Cambridge - March 15-16 @@ -332,26 +332,24 @@ export default function ExampleCity() { textDecoration: 'underline' }} > - {/* TODO: Change [EXAMPLECITY] to your event's city */} - What's Scrapyard [EXAMPLECITY]? + + What's Scrapyard Cambridge?

- {/* TODO: Change [EXAMPLECITY] to your event's city */} - Scrapyard [EXAMPLECITY] is a hackathon for high schoolers - {/* TODO: Change [EXAMPLECITY] to your event's city */} - happening in [EXAMPLECITY], where you can make the stupidest + + Scrapyard Cambridge is a hackathon for high schoolers + happening in Cambridge, 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 */} - [EXAMPLECITY] needs you and your scrappy ideas! + Cambridge needs you and your scrappy ideas!

@@ -449,8 +447,8 @@ export default function ExampleCity() { textAlign: 'center' }} > - {/* TODO: Change [EXAMPLECITY] to your event's city */} - WHAT'S HAPPENING AT SCRAPYARD [EXAMPLECITY]? + + WHAT'S HAPPENING AT SCRAPYARD CAMBRIDGE? {/* TODO: Change [EXAMPLECITY] to your event's city */} {/* TODO: Change [DURATION] to your event's duration (12hour, 24hour, 2-day) */} - Scrapyard [EXAMPLECITY] is a [DURATION] event - HERE'S THE ROUGH + Scrapyard Cambridge is a 12 hour event - HERE'S THE ROUGH SCHEDULE! {/* TODO: Change [EXAMPLECITY] to your event's city */} - CAN'T MAKE IT TO [EXAMPLECITY]? + CAN'T MAKE IT TO CAMBRIDGE? {/* TODO: Change [SLACKCHANNEL] to the name of your event's Slack channel */} - Contact us! Feel free to reach out to us in the [SLACKCHANNEL] + Contact us! Feel free to reach out to us in the #scrapyard-cambridge channel on the Hack Club slack or email us at{' '} {/* TODO: Change this email to your event's email */} @@ -792,7 +790,7 @@ export default function ExampleCity() { }} > {/* TODO: Change [EXAMPLECITY] to your event's city */} - SIGN UP FOR SCRAPYARD [EXAMPLECITY] + SIGN UP FOR SCRAPYARD CAMBRIDGE From 6a314a9f1fc125cbe9a4ef5dc7691379aabf768d Mon Sep 17 00:00:00 2001 From: Delana Date: Wed, 22 Jan 2025 14:24:52 +0000 Subject: [PATCH 3/5] Update cambridge.js added the event ID stuff --- pages/cambridge.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pages/cambridge.js b/pages/cambridge.js index 0a05453..4df07c1 100644 --- a/pages/cambridge.js +++ b/pages/cambridge.js @@ -226,7 +226,7 @@ export default function ExampleCity() { Date: Wed, 29 Jan 2025 16:32:23 +0000 Subject: [PATCH 4/5] Update cambridge.js --- pages/cambridge.js | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/pages/cambridge.js b/pages/cambridge.js index 4df07c1..e79b1cd 100644 --- a/pages/cambridge.js +++ b/pages/cambridge.js @@ -25,6 +25,7 @@ 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: '12:30 PM', event: 'Lunch' }, @@ -38,6 +39,8 @@ const schedule = [ { time: '8:00 AM', event: 'Breakfast' }, { time: '10:30 AM', event: 'Demos!' }, { time: '12:00 PM', event: 'Closing ceremony' } + */ + { time: 'tbc', event: 'tbc' } ] const Map = dynamic(() => import('../components/Map'), { ssr: false }) @@ -692,9 +695,9 @@ export default function ExampleCity() { 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 */} - scrapyard@hackclub.com + cambridge@scrapyard.hackclub.com {' '} for questions. @@ -705,9 +708,9 @@ export default function ExampleCity() { Contact us! Feel free to reach out to us in the #scrapyard-cambridge 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 */} - scrapyard@hackclub.com + cambridge@scrapyard.hackclub.com . From 16530c8cf5a85878ca146ab6837a59b0f04c49ea Mon Sep 17 00:00:00 2001 From: polypixeldev Date: Thu, 30 Jan 2025 21:06:32 -0500 Subject: [PATCH 5/5] fix signup links --- pages/cambridge.js | 30 +++++++++++------------------- 1 file changed, 11 insertions(+), 19 deletions(-) diff --git a/pages/cambridge.js b/pages/cambridge.js index e79b1cd..05fcd9e 100644 --- a/pages/cambridge.js +++ b/pages/cambridge.js @@ -81,7 +81,6 @@ export default function ExampleCity() { }} > - Scrapyard Cambridge @@ -177,7 +176,6 @@ export default function ExampleCity() { fontSize: ['1.2em', '1.4em'] }} > - Cambridge - March 15-16 @@ -228,8 +226,7 @@ export default function ExampleCity() { /> - What's Scrapyard Cambridge?

- - Scrapyard Cambridge is a hackathon for high schoolers - happening in Cambridge, where you can make the stupidest - things you can think of! Anything, from a{' '} + Scrapyard Cambridge is a hackathon for high schoolers happening in + Cambridge, 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 - Cambridge needs you and your scrappy ideas! + goes at Scrapyard. No matter your experience, Scrapyard Cambridge + needs you and your scrappy ideas!

@@ -450,7 +445,6 @@ export default function ExampleCity() { textAlign: 'center' }} > - WHAT'S HAPPENING AT SCRAPYARD CAMBRIDGE? @@ -465,8 +459,7 @@ export default function ExampleCity() { > {/* TODO: Change [EXAMPLECITY] to your event's city */} {/* TODO: Change [DURATION] to your event's duration (12hour, 24hour, 2-day) */} - Scrapyard Cambridge is a 12 hour event - HERE'S THE ROUGH - SCHEDULE! + Scrapyard Cambridge is a 12 hour event - HERE'S THE ROUGH SCHEDULE! {/* TODO: Change [SLACKCHANNEL] to the name of your event's Slack channel */} - Contact us! Feel free to reach out to us in the #scrapyard-cambridge - channel on the Hack Club slack or email us at{' '} - {/* TODO: Change this email to your event's email */} + Contact us! Feel free to reach out to us in the + #scrapyard-cambridge 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 */} cambridge@scrapyard.hackclub.com @@ -762,8 +755,7 @@ export default function ExampleCity() { })}