Removing onboard

.github/workflows/caniuse-update.yml

@@ -0,0 +1,32 @@
+name: Update Browserslist database
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: '0 2 1,15 * *'
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  update-browserslist-database:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Configure git
+        run: |
+          git config --global user.email "[email protected]"
+          git config --global user.name "GitHub Action"
+      - name: Update Browserslist database and create PR if applies
+        uses: c2corg/browserslist-update-action@v2
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          branch: browserslist-update
+          base_branch: main
+          commit_message: 'build: update Browserslist db'
+          title: 'build: update Browserslist db'
+          body: Auto-generated by [browserslist-update-action](https://github.com/c2corg/browserslist-update-action/). Caniuse database has been updated. Review changes, merge this PR, and be merry.

.gitignore

@@ -8,4 +8,7 @@ public/sitemap.xml
 .vscode
 yarn-error.log
 bun.lockb
-.idea
+.idea
+.yarn
+.yarnrc.yml
+.env*.local

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "singleQuote": true,
+  "trailingComma": "none",
+  "arrowParens": "avoid",
+  "printWidth": 80,
+  "semi": false
+}

README.md

@@ -39,7 +39,7 @@ If you need to add content to the site, here's how you can:
 
 Most things on the homepage are cards, modular components that can easily be added and removed according to relevancy to Hack Clubbers. There are 3 main sections: connection, open-source, and IRL community. Most new cards will likely fall within the first two sections!
 
-First, you can create a new file under [components/index/cards]() with the name of your new event/project. Next add `import CardModel from './card-model'` and add whatever you want :) Finally, use a <Buttons> component (`import Buttons from './button'`) to highlight call-to-action buttons. If it's the main button, use the primary prop to add a background color!
+First, you can create a new file under [components/index/cards](components/index/cards/) with the name of your new event/project. Next add `import CardModel from './card-model'` and add whatever you want :) Finally, use a <Buttons> component (`import Buttons from './button'`) to highlight call-to-action buttons. If it's the main button, use the primary prop to add a background color!
 
 Your challenge: try and make the card as unique as possible, like a mini poster! Not sure where to start? Look at other cards on the page :)
 
@@ -50,9 +50,9 @@ Your challenge: try and make the card as unique as possible, like a mini poster!
 
 <img width="600" alt="Screenshot 2023-08-16 at 9 09 11 PM" src="https://github.com/hackclub/site/assets/65808924/044660eb-fb3d-43b6-a270-64a3fe51f3ca">
 
-If there's a Hack Club or Hack Club community-led project (past or present) that Hack Clubbers can get involved in, please add it to [lib/carousel.json]() and add your card to the end of the json file. An example looks like this:
+If there's a Hack Club or Hack Club community-led project (past or present) that Hack Clubbers can get involved in, please add it to [lib/carousel.json](lib/carousel.json) and add your card to the end of the json file. An example looks like this:
 
-```
+```json
 {
     "background": "dark",
     "titleColor": "white",
@@ -72,7 +72,7 @@ _Have questions? Join us in [#hackclub-site-dev](https://hackclub.slack.com/arch
 
 ---
 
-Hack Club, 2023. MIT License.
+Hack Club, 2025. MIT License.
 
 [next.js]: https://nextjs.org
 [mdx]: https://mdxjs.com

components/analytics.js

@@ -4,7 +4,7 @@ const Analytics = () => (
   <Script
     defer
     data-domain="hackclub.com"
-    src="https://plausible.io/js/plausible.js"
+    src="https://plausible.io/js/script.pageview-props.tagged-events.js"
   />
 )
 

components/announcement.js

@@ -1,8 +1,9 @@
-import { Card, Text } from 'theme-ui'
 import { keyframes } from '@emotion/react'
+import Image from 'next/image'
+import { Box, Card, Text } from 'theme-ui'
 import Icon from './icon'
 
-const unfold = keyframes({
+export const unfold = keyframes({
   from: { transform: 'scaleY(0)' },
   to: { transform: 'scaleY(100%)' }
 })
@@ -12,8 +13,11 @@ const Announcement = ({
   copy,
   iconLeft,
   iconRight,
+  imgSrc,
+  imgAlt,
   color = 'accent',
   sx = {},
+  width,
   ...props
 }) => (
   <Card
@@ -23,7 +27,7 @@ const Announcement = ({
       variant: 'cards.translucent',
       mx: 'auto',
       maxWidth: 'narrow',
-      width: '100%',
+      width: width ? width : '100%',
       textAlign: 'left',
       textDecoration: 'none',
       lineHeight: 'caption',
@@ -48,9 +52,17 @@ const Announcement = ({
         sx={{ mr: [2, 3], ml: 2, color, display: ['none', 'block'] }}
       />
     )}
+    {imgSrc && (
+      <Box sx={{ mr: [2, 3], ml: 2, width: 32, flexShrink: 0 }}>
+        <Image src={imgSrc} alt={imgAlt} width={32} height={32} />
+      </Box>
+    )}
     <Text
       as="p"
-      sx={{ flex: '1 1 auto', strong: { display: ['inline', 'block'] } }}
+      sx={{
+        flex: '1 1 auto',
+        strong: { display: ['inline', 'block'], color: 'secondary' }
+      }}
     >
       <strong>{copy}</strong>
       {caption && (

components/announcements/elon.mdx

@@ -11,7 +11,7 @@ It was a huge honor last month to have Elon [spend an hour in an ask-me-anything
 
 When hackers see problems in the world, we don’t blame someone else: we try to take them on to solve. Elon is very selective about the nonprofits he supports and I’m proud Hack Club is one of them.
 
-So…how will Hack Club invest $500,000? We want to use this to help 1,000 more students start and join Hack Clubs in their towns ([see the worldwide map](https://hackclub.com/map/)). For those already in Hack Club, we look to you to help us make a higher-quality experience. We plan to continue much of what we’re already doing (and [what I wrote about in January](https://zachinto2020.wordpress.com/2019/12/31/as-midnight-approaches/)): spending as little money as possible at all times, growing slowly, adding diverse staff to make Hack Club better (video game designers, software engineers, media producers, and more). We are pushing hard to try and make the [Hack Club Slack](https://hackclub.com/) the best place to be a teenager on the internet and expanding [HCB](https://hackclub.com/hcb/).
+So…how will Hack Club invest $500,000? We want to use this to help 1,000 more students start and join Hack Clubs in their towns ([see the worldwide map](https://hackclub.com/map/)). For those already in Hack Club, we look to you to help us make a higher-quality experience. We plan to continue much of what we’re already doing (and [what I wrote about in January](https://zachinto2020.wordpress.com/2019/12/31/as-midnight-approaches/)): spending as little money as possible at all times, growing slowly, adding diverse staff to make Hack Club better (video game designers, software engineers, media producers, and more). We are pushing hard to try and make the [Hack Club Slack](https://hackclub.com/) the best place to be a teenager on the internet and expanding [HCB](https://hackclub.com/fiscal-sponsorship/).
 
 We’ll be fully transparent in how we spend this money. One thing we’ve been working toward after winning the [Frank Grant](https://grant.frank.ly/) is open sourcing our finances. Hack Club HQ has been running on HCB since February, and starting today, [**you can see our finances publicly**](https://hcb.hackclub.com/hq). Through HCB, you can track how we spend every dollar of Elon’s gift. Soon, we’ll also launch [Frank’s](https://frank.ly/) transparency tools on [hackclub.com](https://hackclub.com/).
 

components/announcements/hcb-open-source.mdx

@@ -0,0 +1,41 @@
+Hack Club launched HCB in 2018 to enable hackathons to raise and spend money
+through [fiscal sponsorship](https://hackclub.com/fiscal-sponsorship/). Since
+then, we’ve expanded to all nonprofit projects; our 12,000 users have transacted
+$50 million.
+
+<p style={{textAlign: "center"}}>
+  <img alt="HCB's user interface showing Hack Club HQ's transactions" src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/46debb1d90e87bc170842e8a885bde1409eeeb54_mockuuups-transparent-macbook-pro-mockup.png" width="700px" />
+</p>
+
+Local student-ran hackathons, robotics teams, and community groups use HCB as a
+nonprofit neobank to collect donations, send payments, issue debit cards, and
+gain 501(c)(3) status.
+
+When we started HCB, it was developed in private for security reasons. That
+said, one of Hack Club’s core principles has always been transparency - we [open
+source](https://github.com/hackclub/ledger) our
+[finances](https://hcb.hackclub.com/hq), [document how we run
+events](https://github.com/hackclub/assemble), and have 500+ public repositories
+on [GitHub](https://github.com/hackclub).
+
+***[github.com/hackclub/hcb](https://github.com/hackclub/hcb) is now public -
+check it out and star it.***
+
+Paired with our technical documentation, it’s a great resource for anyone
+interested in building financial software or applications with Ruby on Rails.
+Our engineering work is also entirely public; the world can learn from our
+successes and mistakes.
+
+Since 2018, over fifty people have made 10k+ commits to HCB (thank you!); we
+can’t wait for more contributors to join us:
+
+<video width="100%" controls style={{borderRadius: "8px"}}>
+  <source src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/8f1ab16accf55b3dd846d532ea79ce1f0de74e01_gsource.mp4" type="video/mp4" />
+  Your browser does not support the video tag.
+</video>
+
+PS: if you’re looking to start a nonprofit, we’re accepting applications! Head
+over to [nonprofit.new](https://nonprofit.new/) and we’ll be in touch.
+
+<img src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/19c1d07078a152b1ccbbe31429d36f36bdda6c28_img_9967.jpeg"/>
+<small>We're launching this live from SF!</small>

components/announcements/preston-werner-2022.mdx

@@ -4,7 +4,7 @@ In 2014, Hack Club was founded, and Tom joined as Hack Club’s first board memb
 
 Tom and Theresa also helped fund [The Hacker Zephyr](https://hack.af/zephyrdoc), an epic, cross-country train hackathon taken by 42 teen hackers in the summer of 2021. Tom even hacked alongside Hack Clubbers onboard.
 
-With this gift, we will continue to build the engineering team at Hack Club, including a Tech Lead for [HCB](https://hackclub.com/hcb), and new engineers to support clubs, the Hack Club online community, and events.
+With this gift, we will continue to build the engineering team at Hack Club, including a Tech Lead for [HCB](https://hackclub.com/fiscal-sponsorship), and new engineers to support clubs, the Hack Club online community, and events.
 
 One of our goals in 2022 is to improve Hack Club and to support more teenagers in joining the community. Thank you Tom and Theresa for helping make this possible.
 

components/announcements/relon.mdx

@@ -10,7 +10,7 @@ Today, we're excited to announce Elon is donating $1 million to Hack Club.
 
 This gift will help launch a number of ideas we've been discussing, including helping more in-person hackathons get off the ground, providing more direct 1:1 technical support on the [Hack Club Slack](https://hackclub.com/slack/), and starting up cool new projects like [The Hacker Zephyr](https://github.com/hackclub/the-hacker-zephyr). We also want to use his gift to help 1,000 more teenagers start and join Hack Clubs in their towns.
 
-We will be spending every dollar as wisely as possible, growing thoughtfully, and adding diverse staff to make Hack Club better. We are pushing hard to try and make the Hack Club Slack the best place to be a teenager on the internet and expanding [HCB](https://hackclub.com/hcb/).
+We will be spending every dollar as wisely as possible, growing thoughtfully, and adding diverse staff to make Hack Club better. We are pushing hard to try and make the Hack Club Slack the best place to be a teenager on the internet and expanding [HCB](https://hackclub.com/fiscal-sponsorship/).
 
 Elon is very selective about the nonprofits he supports and we're proud Hack Club is one of them.
 

components/arcade/footer.js

@@ -0,0 +1,43 @@
+import { Box, Heading, Text, Link } from 'theme-ui'
+import Footer from '../footer'
+
+const Description = () => (
+  <Box sx={{ a: { color: '#FF5C00' }, pb: 4 }}>
+    <Heading as="h3" variant="subheadline" mb={2}>
+      A project by <a href="https://hackclub.com/">Hack Club</a>.
+    </Heading>
+    <Text as="p" variant="caption" mb={3} sx={{ width: ['85%', '75%', '60%'] }}>
+      <Link href="/arcade/power-hour">Previous edition: Power Hour</Link>
+    </Text>
+    <Text as="p" variant="caption" mb={3} sx={{ width: ['85%', '75%', '60%'] }}>
+      Hack Club is a registered 501(c)3 nonprofit organization that supports a
+      network of 20k+ technical high schoolers. We believe you learn best by
+      building so we're creating community and providing grants so you can make. In the past few years, we've{' '}
+      <Link href="https://summer.hackclub.com" target="_blank">
+        given away 100k+ in hardware grants
+      </Link>
+      ,{' '}
+      <Link
+        href="https://github.com/hackclub/the-hacker-zephyr"
+        target="_blank"
+      >
+        hosted the world's longest hackathon on land
+      </Link>
+      , and{' '}
+      <Link href="https://github.com/hackclub/assemble" target="_blank">
+        brought 183 teenagers to SF for a hackathon
+      </Link>
+      .
+    </Text>
+  </Box>
+)
+
+const ArcadeFooter = () => {
+  return (
+    <Footer>
+      <Description />
+    </Footer>
+  )
+}
+
+export default ArcadeFooter