Begin work on HCB open sourcing announcement (#1482)

* Begin work on open sourcing announcement * Create hcb-open-source.mdx * Update open-source.js * Update hcb-open-source.mdx * Update hcb-open-source.mdx * Update hcb-open-source.mdx * Update hcb-open-source.mdx * Update hcb-open-source.mdx * Update open-source.js * Update hcb-open-source.mdx * Update hcb-open-source.mdx * Update open-source.js * Update open-source.js * Update open-source.js
2026-04-19 19:45:07 +00:00 · 2025-03-29 01:57:33 -07:00 · 2025-03-29 01:57:33 -07:00 · bd5547b66f
commit bd5547b66f
parent c732ae0010
2 changed files with 140 additions and 0 deletions
--- a/components/announcements/hcb-open-source.mdx
+++ b/components/announcements/hcb-open-source.mdx
@ -0,0 +1,20 @@
+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, a page with positive and negative transactions" src="https://hc-cdn.hel1.your-objectstorage.com/s/v3/46debb1d90e87bc170842e8a885bde1409eeeb54_mockuuups-transparent-macbook-pro-mockup.png" width="700px" />
+</p>
+
+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 our finances](https://github.com/hackclub/ledger), [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.
--- a/pages/fiscal-sponsorship/open-source.js
+++ b/pages/fiscal-sponsorship/open-source.js
@ -0,0 +1,120 @@
+import {
+  Avatar,
+  Badge,
+  BaseStyles,
+  Box,
+  Button,
+  Container,
+  Flex,
+  Grid,
+  Heading,
+  Text
+} from 'theme-ui'
+import {
+  PillHolder,
+  AuthorPill,
+  DatePill
+} from '../../components/announcements/pills'
+import Head from 'next/head'
+import NextLink from 'next/link'
+import styled from '@emotion/styled'
+import theme from '../../lib/theme'
+import Meta from '@hackclub/meta'
+import Nav from '../../components/nav'
+import ForceTheme from '../../components/force-theme'
+import Footer from '../../components/footer'
+import Copy from '../../components/announcements/hcb-open-source.mdx'
+import Amount from '../../components/announcements/amount'
+import SlackCTA from '../../components/announcements/cta'
+import AnnouncementHolder from '../../components/announcements/holder'
+
+const StyledLink = styled.a`
+  text-decoration: underline;
+  color: ${theme.colors.white};
+`
+
+const RelonLink = props => {
+  const { href } = props
+  return (
+    <NextLink href={href} passHref>
+      <StyledLink>{props.children}</StyledLink>
+    </NextLink>
+  )
+}
+
+const RelonPage = () => (
+  <>
+    <Meta
+      as={Head}
+      title="HCB is now open source!"
+      description="Our fiscal sponsorship platform’s codebase is now publicly available under the AGPL license and we’re continuing to encourage transparency amongst nonprofits."
+      image="https://cloud-6w46cupdh-hack-club-bot.vercel.app/0social-card.png"
+    />
+    <ForceTheme theme="light" />
+    <Nav />
+    <Box
+      as="section"
+      sx={{
+        pt: [5, 6],
+        pb: [4, 5],
+        bg: 'rgb(104, 41, 205)',
+        backgroundImage: theme => theme.util.gx('purple', 'orange')
+      }}
+    >
+      <Container sx={{ textAlign: 'center', color: 'white' }}>
+        <Heading
+          as="h1"
+          variant="title"
+          sx={{
+            fontSize: [5, 6, null, 7],
+            span: {
+              WebkitTextStroke: 'currentColor',
+              WebkitTextStrokeWidth: ['2px', '3px'],
+              WebkitTextFillColor: 'transparent'
+            }
+          }}
+        >
+          <RelonLink href="/fiscal-sponsorship">HCB</RelonLink> is now open source!
+        </Heading>
+        <Heading
+          as="h2"
+          variant="title"
+          sx={{
+            fontSize: [5, 5, 5, 5],
+            fontWeight: 400,
+            marginTop: '24px',
+            maxWidth: '900px',
+            mx: 'auto'
+          }}
+        >
+          Our fiscal sponsorship platform’s <RelonLink href="https://github.com/hackclub/hcb">codebase</RelonLink> is now publicly available under the AGPL license and we’re continuing to encourage transparency amongst nonprofits.
+        </Heading>
+      </Container>
+    </Box>
+    <AnnouncementHolder>
+      <PillHolder>
+        <AuthorPill
+          firstName="Sam"
+          tag="Sam Poder"
+          image="https://github.com/sampoder.png"
+        />
+        <AuthorPill
+          firstName="Ian"
+          tag="Ian Madden"
+          image="https://github.com/YodaLightsabr.png"
+        />
+        <AuthorPill
+          firstName="Gary"
+          tag="Gary Tou"
+          image="https://github.com/garyhtou.png"
+        />
+        <DatePill tag="Mar 29, 2025" />
+      </PillHolder>
+      <Copy />
+    </AnnouncementHolder>
+    <SlackCTA />
+    <Footer />
+  </>
+)
+
+export default RelonPage