diff --git a/components/index/cards/apocalypse.js b/components/index/cards/apocalypse.js
new file mode 100644
index 000000000..852df47cb
--- /dev/null
+++ b/components/index/cards/apocalypse.js
@@ -0,0 +1,103 @@
+import CardModel from './card-model'
+import { Box, Flex, Grid, Image, Text } from 'theme-ui'
+import Buttons from './button'
+
+/** @jsxImportSource theme-ui */
+
+export default function Apocalypse() {
+ return (
+
+
+
+
+
+
+
+ Downtown Toronto
+
+ May 17–19
+
+
+
+ Join Us
+
+
+
+
+
+ It's 2034, and zombies have taken over! But tech still operates.
+ What would you do?
+
+
+ Join 150 high schoolers for 44 hours at Apocalypse! Take yourself
+ out of the real world and build wacky projects to spark a new age of
+ humanity.
+
+
+
+
+ )
+}
diff --git a/components/index/cards/slack.js b/components/index/cards/slack.js
index 3615bdf19..1fa6fa757 100644
--- a/components/index/cards/slack.js
+++ b/components/index/cards/slack.js
@@ -91,10 +91,10 @@ export default function Slack({ data, slackKey, events }) {
variant="subtitle"
sx={{ fontSize: [1, '16px', '24px'] }}
>
- Coding doesn’t have to be a solitary activity. At Hack Club, we
- make things together and in our Slack, you’ll find awesome people to
- hangout with too. Code together, find your programming community, or
- just hang out.
+ Coding doesn’t have to be a solitary activity. At Hack Club,
+ we make remarkable things together, and in our Slack you’ll find
+ awesome people to hang out with too. Code together, find your programming
+ community, dream up something wild, or just #lounge.
Occasionally we invite someone we really want to speak to (like Sal
diff --git a/package.json b/package.json
index e7341447a..07dd8a656 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
"format": "prettier --write ."
},
"dependencies": {
- "@apollo/client": "^3.9.9",
+ "@apollo/client": "^3.9.11",
"@emotion/react": "^11.11.4",
"@emotion/styled": "^11.11.5",
"@github/time-elements": "^4.0.0",
@@ -37,6 +37,7 @@
"animated-value": "^0.2.4",
"animejs": "^3.2.2",
"axios": "^1.6.7",
+ "camelcase": "^8.0.0",
"cookies-next": "^4.0.0",
"country-list": "^2.3.0",
"country-list-js": "^3.1.8",
@@ -75,7 +76,7 @@
"react-tooltip": "^4.5.1",
"react-tsparticles": "^2.12.2",
"react-type-animation": "^3.2.0",
- "react-use-websocket": "^4.7.0",
+ "react-use-websocket": "^4.8.1",
"react-wrap-balancer": "^1.1.0",
"recharts": "2.12.2",
"remark": "^15.0.1",
diff --git a/pages/api/bin/wokwi/new.js b/pages/api/bin/wokwi/new.js
new file mode 100644
index 000000000..6fc38f345
--- /dev/null
+++ b/pages/api/bin/wokwi/new.js
@@ -0,0 +1,104 @@
+import AirtablePlus from "airtable-plus"
+
+const createProject = async (partsList=[]) => {
+ const airtable = new AirtablePlus({
+ apiKey: process.env.AIRTABLE_API_KEY,
+ baseID: 'appKjALSnOoA0EmPk',
+ tableName: 'Supported Parts'
+ })
+
+ const parts = [
+ { "type": "board-pi-pico-w", "id": "pico", "top": 0, "left": 0, "attrs": {} }
+ ]
+
+ await Promise.all(partsList.map(async (part) => {
+ const airPart = await airtable.read({
+ filterByFormula: `{Wokwi Name}= "${part}"`,
+ maxRecords: 1
+ })
+ return airPart[0].fields['Wokwi Name'].split(',').forEach((name, i) => {
+ parts.push({
+ type: name,
+ id: name + '-' + i,
+ left: i * 100, // this is roughtly the width of most parts
+ })
+ })
+ }))
+
+ const body = JSON.stringify({
+ name: "The Bin!",
+ unlisted: false,
+ files: [{
+ name: "help.md",
+ content: `# Welcome to The Bin! 🦝
+
+Now that you've thrown some parts into The Bin, it's time to turn that trash into treasure! 🗑️➡️💎
+
+Wire up your parts and write some code to make them work together.
+
+If you'd like a tutorial, check out some sample projects:
+https://jams.hackclub.com/tags/the-bin
+
+You can get help by chatting with other high schoolers on the Hack Club Slack in the #electronics channel:
+👉 https://hackclub.com/slack 👈
+
+Once you're ready build your design IRL, click the "Share" button and submit your design:
+https://hackclub.com/bin/submit
+ `
+ },
+ {
+ name: "sketch.ino",
+ content: `// Now turn this trash into treasure!
+// Want some help? You can chat with us on the Hack Club Slack in the #electronics channel
+void setup() {
+ // put your setup code here, to run once:
+ Serial1.begin(115200);
+ Serial1.println("Hello, Raspberry Pi Pico W!");
+}
+void loop() {
+ // put your main code here, to run repeatedly:
+ delay(1); // this speeds up the simulation
+}`
+ }, {
+ name: "diagram.json",
+ content: JSON.stringify({
+ "version": 1,
+ "author": "The Bin - Hack Club",
+ "editor": "wokwi",
+ "parts": parts,
+ "connections": [["pico:GP0", "$serialMonitor:RX", "", []], ["pico:GP1", "$serialMonitor:TX", "", []]], "dependencies": {}
+ }, null, 2)
+ }],
+ })
+
+ const response = await fetch('https://wokwi.com/api/projects/save', {
+ method: 'POST',
+ cors: 'no-cors',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Referer': 'https://wokwi.com/projects/new/pi-pico-w',
+ 'User-Agent': 'Hack Club - contact max@hackclub.com for any complaints!'
+ },
+ body
+ }).catch((e) => {
+ console.log(e)
+ })
+
+ const data = await response.json()
+ const { projectId } = data
+
+ return `https://wokwi.com/projects/${projectId}`
+}
+
+export default async function handler(req, res) {
+ if (req.method === 'POST') {
+ const { parts } = req.body
+
+ const shareLink = await createProject(parts)
+ if (shareLink) {
+ res.status(200).json({ shareLink })
+ } else {
+ res.status(500).json({ error: 'Failed to create project' })
+ }
+ }
+}
\ No newline at end of file
diff --git a/pages/api/bin/wokwi/parts.js b/pages/api/bin/wokwi/parts.js
new file mode 100644
index 000000000..f01bdbd19
--- /dev/null
+++ b/pages/api/bin/wokwi/parts.js
@@ -0,0 +1,29 @@
+import AirtablePlus from "airtable-plus"
+import camelcase from "camelcase"
+
+const camelizeObject = (obj) => {
+ Object.keys(obj).forEach(key => {
+ obj[camelcase(key)] = obj[key]
+ if (key !== camelcase(key)) {
+ delete obj[key]
+ }
+ })
+ return obj
+}
+
+const wokwiParts = async () => {
+ const airtable = new AirtablePlus({
+ apiKey: process.env.AIRTABLE_API_KEY,
+ baseID: 'appKjALSnOoA0EmPk',
+ tableName: 'Supported Parts'
+ })
+
+ const records = await airtable.read()
+ const parts = records.map(record => camelizeObject(record.fields))
+ return parts
+}
+
+export default async function handler(req, res) {
+ const data = await wokwiParts()
+ res.status(200).json(data)
+}
\ No newline at end of file
diff --git a/pages/fiscal-sponsorship/apply/index.js b/pages/fiscal-sponsorship/apply/index.js
index b6023368f..79b490c31 100644
--- a/pages/fiscal-sponsorship/apply/index.js
+++ b/pages/fiscal-sponsorship/apply/index.js
@@ -117,6 +117,33 @@ export default function Apply() {
})
}
>
+
+
+ Join our waitlist
+
+
+ HCB has been experiencing some exciting growth and subsequent
+ capacity constraints. We are prioritizing organizations ran by Hack
+ Clubbers, teens, FIRST teams, as well as groups with an annual
+ budget greater than $50k. Please expect to hear back by May 1st,
+ 2024.
+
+
+ We currently do not work with new organizations outside of STEM,
+ Education, and Climate.
+
+
+
Your organization
diff --git a/pages/fiscal-sponsorship/apply/success.js b/pages/fiscal-sponsorship/apply/success.js
index 1ce237f5d..f895d6261 100644
--- a/pages/fiscal-sponsorship/apply/success.js
+++ b/pages/fiscal-sponsorship/apply/success.js
@@ -51,8 +51,10 @@ export default function ApplicationSuccess() {
- We’ll review your application and get back to you within two
- business days.
+ We are prioritizing organizations ran by Hack Clubbers, teens, FIRST
+ teams, as well as groups with an annual budget greater than $50k. If
+ you fall outside of these categories, you will hear back from us by
+ May 1st, 2024.
diff --git a/pages/fiscal-sponsorship/index.js b/pages/fiscal-sponsorship/index.js
index d4dfa72ad..7d6c95876 100644
--- a/pages/fiscal-sponsorship/index.js
+++ b/pages/fiscal-sponsorship/index.js
@@ -241,10 +241,11 @@ export default function Page() {
sx={{
bg: 'blue',
backgroundImage: theme => theme.util.gx('cyan', 'blue'),
+ fontSize: [16, 16, 32],
lineHeight: 0.9
}}
>
- Apply now
+ Join the waitlist
diff --git a/pages/index.js b/pages/index.js
index 7ec0a14b1..1b79d8637 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -40,6 +40,7 @@ import Photo from '../components/photo'
import Comma from '../components/comma'
import Haxidraw from '../components/index/cards/haxidraw'
import Onboard from '../components/index/cards/onboard'
+import Apocalypse from '../components/index/cards/apocalypse'
/** @jsxImportSource theme-ui */
@@ -203,10 +204,10 @@ function Page({
gradient="linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.45))"
/>
+
diff --git a/yarn.lock b/yarn.lock
index 2118ffc26..93a5ee07b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -15,10 +15,10 @@
"@jridgewell/gen-mapping" "^0.3.0"
"@jridgewell/trace-mapping" "^0.3.9"
-"@apollo/client@^3.9.9":
- version "3.9.9"
- resolved "https://registry.yarnpkg.com/@apollo/client/-/client-3.9.9.tgz#38f983a1ad24e2687abfced0a9c1c3bef8d32616"
- integrity sha512-/sMecU/M0WK9knrguts1lSLV8xFKzIgOMVb4mi6MOxgJXjliDB8PvOtmXhTqh2cVMMR4TzXgOnb+af/690zlQw==
+"@apollo/client@^3.9.11":
+ version "3.9.11"
+ resolved "https://registry.yarnpkg.com/@apollo/client/-/client-3.9.11.tgz#737e5c35c21d6f3b78423033ad81837a8a6992e0"
+ integrity sha512-H7e9m7cRcFO93tokwzqrsbnfKorkpV24xU30hFH5u2g6B+c1DMo/ouyF/YrBPdrTzqxQCjTUmds/FLmJ7626GA==
dependencies:
"@graphql-typed-document-node/core" "^3.1.1"
"@wry/caches" "^1.0.0"
@@ -3216,6 +3216,11 @@ camelcase@^5.3.1:
resolved "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz"
integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+camelcase@^8.0.0:
+ version "8.0.0"
+ resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-8.0.0.tgz#c0d36d418753fb6ad9c5e0437579745c1c14a534"
+ integrity sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==
+
camelize@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
@@ -7502,10 +7507,10 @@ react-type-animation@^3.2.0:
resolved "https://registry.yarnpkg.com/react-type-animation/-/react-type-animation-3.2.0.tgz#6863d5d60e3beb237f2bd690cceb585402c47e6a"
integrity sha512-WXTe0i3rRNKjmggPvT5ntye1QBt0ATGbijeW6V3cQe2W0jaMABXXlPPEdtofnS9tM7wSRHchEvI9SUw+0kUohw==
-react-use-websocket@^4.7.0:
- version "4.7.0"
- resolved "https://registry.yarnpkg.com/react-use-websocket/-/react-use-websocket-4.7.0.tgz#e45545ed48eb60171bf6401d1884cc80c700a0ea"
- integrity sha512-YjR62jB7vB94IZy5UPBGZSR3c0hxu796q9IuJ0vbNg7InJ7Z84NHOd/LHzVI5nAKtaGy1oqvf8EmjKxX+cNz4A==
+react-use-websocket@^4.8.1:
+ version "4.8.1"
+ resolved "https://registry.yarnpkg.com/react-use-websocket/-/react-use-websocket-4.8.1.tgz#be06a0bc956c6d56391a29cbe2caa6ae8edb5615"
+ integrity sha512-FTXuG5O+LFozmu1BRfrzl7UIQngECvGJmL7BHsK4TYXuVt+mCizVA8lT0hGSIF0Z0TedF7bOo1nRzOUdginhDw==
react-wrap-balancer@^1.1.0:
version "1.1.0"