diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index e574638e..d441f1c5 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -5,7 +5,7 @@
version: 2
updates:
- - package-ecosystem: "npm" # See documentation for possible values
- directory: "/" # Location of package manifests
+ - package-ecosystem: 'npm' # See documentation for possible values
+ directory: '/' # Location of package manifests
schedule:
- interval: "weekly"
+ interval: 'weekly'
diff --git a/components/analytics.js b/components/analytics.js
index aa5a7b34..e5f61d01 100644
--- a/components/analytics.js
+++ b/components/analytics.js
@@ -1,9 +1,9 @@
import Script from 'next/script'
const Analytics = () => (
-
)
diff --git a/components/announcements/amount.js b/components/announcements/amount.js
index 9d68c7d6..dec062e9 100644
--- a/components/announcements/amount.js
+++ b/components/announcements/amount.js
@@ -1,11 +1,15 @@
import Sparkles from '../sparkles'
-const Amount = ({amount}) => (
- {amount}
+const Amount = ({ amount }) => (
+
+ {amount}
+
)
export default Amount
diff --git a/components/announcements/cta.js b/components/announcements/cta.js
index 61040faf..2e41e8ec 100644
--- a/components/announcements/cta.js
+++ b/components/announcements/cta.js
@@ -22,8 +22,9 @@ export default function SlackCTA() {
Hack Club is a global community of high school makers & student-led
- coding clubs. We’ve got a 24/7 Slack chatroom of {thousands}k+ teenagers
- learning to code & building amazing projects, & you’ll fit right in.
+ coding clubs. We’ve got a 24/7 Slack chatroom of {thousands}k+
+ teenagers learning to code & building amazing projects, & you’ll fit
+ right in.
diff --git a/components/announcements/preston-werner.mdx b/components/announcements/preston-werner.mdx
index 1af69fa3..f371cc58 100644
--- a/components/announcements/preston-werner.mdx
+++ b/components/announcements/preston-werner.mdx
@@ -6,7 +6,7 @@ We are deeply grateful for this gift.
In the coming months, we hope you’ll share our excitement as we make 2 new hires directly serving Hack Clubbers. This gift increases Hack Club’s budget by 60%, and helps us build a diverse foundation at the leadership level of Hack Club as we grow.
-We are so honored to be included among the many gifts the Preston-Werners make each year. This is the 3rd year the Preston-Werners have given a gift to Hack Club, and they've supported the organization from the beginning.
+We are so honored to be included among the many gifts the Preston-Werners make each year. This is the 3rd year the Preston-Werners have given a gift to Hack Club, and they've supported the organization from the beginning.
Tom and Theresa inspire Hack Club's values. They are self-made hackers, passionate about constructing a better world in creative ways. They are deeply committed to environmental protection, women’s rights, ending global poverty and injustice; and are tremendous collaborators in making Hack Club a place where all young people can build and create their own solutions through coding and technology, regardless of their background. They apply rigorous-thinking, curiosity, humility, transparency, and deep expertise in academia and coding to the problems that need solving in the world, and inspire us to do the same.
diff --git a/components/announcements/relon.mdx b/components/announcements/relon.mdx
index 880e0db4..9819ae6d 100644
--- a/components/announcements/relon.mdx
+++ b/components/announcements/relon.mdx
@@ -20,7 +20,7 @@ Hack Club's mission is to help foster a new generation of hackers. This starts i
To every Hack Clubber: Elon continues to support you and your work, so go forth and do amazing things. We can't wait to share what you make.
-
+
Zach Latta, Founder & Executive Director
Christina Asquith, COO
diff --git a/components/color-switcher.js b/components/color-switcher.js
index 2363c352..b578ed10 100755
--- a/components/color-switcher.js
+++ b/components/color-switcher.js
@@ -1,6 +1,6 @@
import { IconButton, useColorMode } from 'theme-ui'
-const ColorSwitcher = (props) => {
+const ColorSwitcher = props => {
const [mode, setMode] = useColorMode()
return (
(
)
-export default Sponsors
\ No newline at end of file
+export default Sponsors
diff --git a/components/donate/sprigMeta.js b/components/donate/sprigMeta.js
index 4d616229..c161b145 100644
--- a/components/donate/sprigMeta.js
+++ b/components/donate/sprigMeta.js
@@ -2,11 +2,13 @@ import Meta from '@hackclub/meta'
import Head from 'next/head'
const SprigMeta = () => {
- return
+ return (
+
+ )
}
-export default SprigMeta
\ No newline at end of file
+export default SprigMeta
diff --git a/components/dot.js b/components/dot.js
index 0985e215..40aa9f0b 100644
--- a/components/dot.js
+++ b/components/dot.js
@@ -1,4 +1,4 @@
-import { Text } from "theme-ui"
+import { Text } from 'theme-ui'
import { keyframes } from '@emotion/react'
const flashing = keyframes({
@@ -27,4 +27,4 @@ export default function Dot() {
}}
/>
)
-}
\ No newline at end of file
+}
diff --git a/components/hackathons/features/marketing.js b/components/hackathons/features/marketing.js
index 507ce0a0..4d365cb6 100644
--- a/components/hackathons/features/marketing.js
+++ b/components/hackathons/features/marketing.js
@@ -23,9 +23,9 @@ const Content = () => (
Spread the word about your hackathon.
- Reach hackers worldwide by listing your event on hackathons.hackclub.com, the first Google search
- result for "high school hackathons." Your event will also be emailed to a
- network of high school hackers in your area.
+ Reach hackers worldwide by listing your event on hackathons.hackclub.com,
+ the first Google search result for "high school hackathons." Your event
+ will also be emailed to a network of high school hackers in your area.
-
-
- {timer.length ? (
-
- {timer}
-
- ) : (
- <>
- )}
-
+
+
+ {timer.length ? (
+
+ {timer}
+
+ ) : (
+ <>
+ )}
+
-
+
Join us this winter as 150+ teenage hackers from all around the
world travel to Delhi, India for Epoch! Together, we’ll build the
unexpected, share what we’ve learnt in 2022, and experience the
thrill of being in-person together.
- In Austin, Bay Area, or Vermont? Join a regional Epoch event!
+ In{' '}
+
+ Austin
+
+ ,{' '}
+
+ Bay Area
+
+ , or{' '}
+
+ Vermont
+
+ ? Join a regional Epoch event!
-
+
@@ -85,7 +85,7 @@ export default function Workshops({ data, stars }) {
Workshops
-
+
100+ community-contributed, self-guided coding tutorials and ideas.
@@ -110,7 +110,7 @@ export default function Workshops({ data, stars }) {
diff --git a/components/index/carousel-cards.js b/components/index/carousel-cards.js
index 61eb2007..5ccfc818 100644
--- a/components/index/carousel-cards.js
+++ b/components/index/carousel-cards.js
@@ -44,7 +44,14 @@ export default function CarouselCards({
>
{title}
-
+
{description}
diff --git a/components/index/events.js b/components/index/events.js
index d67f88ad..7e306970 100644
--- a/components/index/events.js
+++ b/components/index/events.js
@@ -137,7 +137,7 @@ export default function Events({ events }) {
!past(event.end) ? : <>
)}
-
+
We just had these events:{' '}
{events.slice(0, 3).map(event =>
past(event.end) ? (
diff --git a/components/jobs/brand-director/jd.mdx b/components/jobs/brand-director/jd.mdx
index ae088c35..06054eae 100644
--- a/components/jobs/brand-director/jd.mdx
+++ b/components/jobs/brand-director/jd.mdx
@@ -3,19 +3,19 @@ _As of May 28th, 2021, applications for this role are now closed. Thank you to e
**Starting salary:** $120K - $140k
**Location:** Burlington, Vermont or remote
-Hi, I'm Christina, Hack Club COO, and I'm looking to hire a Brand Director to lead our team of journalists, programmers, startup entrepreneurs and donors in telling Hack Club's story.
+Hi, I'm Christina, Hack Club COO, and I'm looking to hire a Brand Director to lead our team of journalists, programmers, startup entrepreneurs and donors in telling Hack Club's story.
-As Brand Director, you'll mastermind and execute a strategy to present Hack Club beautifully---with sophistication, nuance and edge---to our donor audience, who include the world’s most innovative, creative, disruptive and wealthy individuals.
+As Brand Director, you'll mastermind and execute a strategy to present Hack Club beautifully---with sophistication, nuance and edge---to our donor audience, who include the world’s most innovative, creative, disruptive and wealthy individuals.
-The mission of **[Hack Club](https://hackclub.com)** is to be a place where teenagers can become more technical, feel welcome in getting started, feel inspired to build with code in ways that are always honest, transparent, high-integrity, kind and friendly. We want students to self-organize and assert themselves as persons.
+The mission of **[Hack Club](https://hackclub.com)** is to be a place where teenagers can become more technical, feel welcome in getting started, feel inspired to build with code in ways that are always honest, transparent, high-integrity, kind and friendly. We want students to self-organize and assert themselves as persons.
-Already, Hack Club is the largest network of talented teen coders in the country. When successful, Hack Club will be a nationwide cultural institution, creating a new generation of young people with the skills, network, and value system to become problem-solvers and builders for the 21st century-- a new Boy and Girl Scouts.
+Already, Hack Club is the largest network of talented teen coders in the country. When successful, Hack Club will be a nationwide cultural institution, creating a new generation of young people with the skills, network, and value system to become problem-solvers and builders for the 21st century-- a new Boy and Girl Scouts.
-You should have experience building a brand from scratch in the nonprofit sector for a donor audience.
+You should have experience building a brand from scratch in the nonprofit sector for a donor audience.
You will be Hack Club's first brand director, so although we have ideas we are looking for someone who listens well, and then drives this process.
-Activities could include creating a library of video assets, creating donor materials, designing outreach campaigns, hosting events on Clubhouse or in our AMAs, orchestrating a series of journalism pieces, and working alongside our 9-person team of coders, engineers and artists; as well as hiring contractors to implement the vision.
+Activities could include creating a library of video assets, creating donor materials, designing outreach campaigns, hosting events on Clubhouse or in our AMAs, orchestrating a series of journalism pieces, and working alongside our 9-person team of coders, engineers and artists; as well as hiring contractors to implement the vision.
We'll be working closely together, and my background is as a print, magazine, radio journalist and editor and doc-maker, published in news outlets like The New York Times, The Atlantic and The Economist.
@@ -37,6 +37,6 @@ Founded in 2014 by a teen hacker on the internet, 500 Hack Club are running toda
Hack Club staff works directly with 14-18 year olds, as they run their own clubs and build amazing projects, including a weather balloon that sent an Arduino into space, a summer project that distributed $50k in hardware, a program to send thousands of hand-written cards to front-line COVID workers, a robot from recyled parts in Zambia, and so much more.
-Hack Club operates with zero cost to school systems or taxpayers; has no teachers or curriculum; is remote and online; and is totally free and accessible to all teenagers regardless of race, gender or economic background. Our model works in rich, poor, urban and remote schools. Hack Club is also fully transparent with its finances, and operates at one of the lowest costs per student in the nonprofit sector. We rarely do corporate partnerships.
+Hack Club operates with zero cost to school systems or taxpayers; has no teachers or curriculum; is remote and online; and is totally free and accessible to all teenagers regardless of race, gender or economic background. Our model works in rich, poor, urban and remote schools. Hack Club is also fully transparent with its finances, and operates at one of the lowest costs per student in the nonprofit sector. We rarely do corporate partnerships.
We pride ourselves in being a coding education nonprofit that acts more like a tech-start up. Our work environment is fun, challenging, risk-taking, and high-energy. We are structured, but support flexible hours.
diff --git a/components/jobs/communications-manager/jd.mdx b/components/jobs/communications-manager/jd.mdx
index 2aba8a14..4fd3bc46 100644
--- a/components/jobs/communications-manager/jd.mdx
+++ b/components/jobs/communications-manager/jd.mdx
@@ -2,34 +2,35 @@
Hack Club is a fun, quickly-growing start-up, run by a small team of highly-creative engineers, building programs every day for thousands of teenagers from around the world. Watch https://www.youtube.com/watch?v=2BID8_pGuqA to learn more about Hack Club, and to see the sort of projects you would be supporting. Our existing donors include many high-profile, Silicon Valley tech founders who have given initial gifts.
-We are looking for a lead to focus on communications.
+We are looking for a lead to focus on communications.
This person should be a strong and persuasive writer, be diligent and detail-oriented with an exemplary work ethic. This person's main goal will be to make sure every teenager who would want to know about Hack Club knows about Hack Club, and create comms that meet teens where they're at.
The ideal candidate will be a creative communicator, up-to-date on presentation, video and design software, with organizational skills to tell Hack Club's story to the world.
-
**Responsibilities include:**
-- Design Hack Club's story and brand, and strategize on how to tell it to the world through different media, including video, social media, and print
-- Collaborate with video and design teams to build cool comms
-- Respond to communication-related issues in a timely manner
-- Coach and assist Hack Clubbers to be able to speak about their Hack Club experiences and grow their communication skills
-- Create informative and interesting newsletters for Hack Clubbers
-- Do some outreach to mainstream media, especially during breaking news
+
+- Design Hack Club's story and brand, and strategize on how to tell it to the world through different media, including video, social media, and print
+- Collaborate with video and design teams to build cool comms
+- Respond to communication-related issues in a timely manner
+- Coach and assist Hack Clubbers to be able to speak about their Hack Club experiences and grow their communication skills
+- Create informative and interesting newsletters for Hack Clubbers
+- Do some outreach to mainstream media, especially during breaking news
**Basic Qualifications:**
-- Exceptional communication abilities, including writing, speaking, and active listening
-- Excellent organizational skills and attention to detail
-- Great project management skills, including time management, goal-setting, multitasking and prioritization
-- Can demonstrate with examples having created media/messaging that's generated a huge following
-- Has done stuff that's gone viral
-- Has led brand/marketing campaigns for organizations
-- Has published writing/video/media that's been popular
-- Leadership abilities, including training and mentorship
-- You are technical or you can demonstrate a basic understanding of technical terminology
-- You are older than 18, and can create media for teenagers
-- Technical aptitude, or energy to learn quickly, including enough knowledge of design software, online communities like Slack, coding programs, and Notion to work with the team
+
+- Exceptional communication abilities, including writing, speaking, and active listening
+- Excellent organizational skills and attention to detail
+- Great project management skills, including time management, goal-setting, multitasking and prioritization
+- Can demonstrate with examples having created media/messaging that's generated a huge following
+- Has done stuff that's gone viral
+- Has led brand/marketing campaigns for organizations
+- Has published writing/video/media that's been popular
+- Leadership abilities, including training and mentorship
+- You are technical or you can demonstrate a basic understanding of technical terminology
+- You are older than 18, and can create media for teenagers
+- Technical aptitude, or energy to learn quickly, including enough knowledge of design software, online communities like Slack, coding programs, and Notion to work with the team
We have a strong preference for someone in-person in Vermont, but we will consider applications from people who want to work remotely, provided they are willing to travel to our offices. Relocation assistance is available. We have COVID protocols and take them seriously.
-**How to Apply:** Email jobs@hackclub.com with "papyrus" in the subject line, 3 bullet points demonstrating why you would be exceptional for the role, and your resume.
\ No newline at end of file
+**How to Apply:** Email jobs@hackclub.com with "papyrus" in the subject line, 3 bullet points demonstrating why you would be exceptional for the role, and your resume.
diff --git a/components/jobs/customer-success-lead/jd.mdx b/components/jobs/customer-success-lead/jd.mdx
index 35368d37..5bc50fe3 100644
--- a/components/jobs/customer-success-lead/jd.mdx
+++ b/components/jobs/customer-success-lead/jd.mdx
@@ -38,7 +38,7 @@ _This position has been filled as of May 3rd, 2022. Thank you to everyone who ap
### REQUIRED
- Software savvy: Experienced in Google Docs or Microsoft Office applications, comfortable in spreadsheets, databases, project management software tools
-- Superior organizational skills
+- Superior organizational skills
- Terrific written and verbal communication skills
**FULL JOB DESCRIPTION HERE:** [hack.af/cust-success-lead](https://hack.af/cust-success-lead)
diff --git a/components/jobs/executive-producer/jd.mdx b/components/jobs/executive-producer/jd.mdx
index b9125e69..bf66db29 100644
--- a/components/jobs/executive-producer/jd.mdx
+++ b/components/jobs/executive-producer/jd.mdx
@@ -10,7 +10,6 @@ One unique and fun aspect of working for Hack Club is that you interact directly
Your goal is to tell Hack Club's story so that every technical teenager in the world hears about Hack Club and in a way that makes Hack Club better for those already in it.
-
**Responsibilities for you and your team include:**
- Curating and managing 30-60-90 day content calendar with launches
@@ -38,7 +37,7 @@ Hack Club's work is highly technical. Our content must go deep in capturing tech
- You're an entrepreneurial self-starter and a hard worker
- You're a good editor and can shape and idea, and give solid feedback
- You have an eye for how to make content go viral.
-- You have made short videos
+- You have made short videos
- Demonstrated ability to repurpose long form content (blogs/Op-Eds/conversation transcriptions) into into micro-content (short videos or static posts, stories, memes).
- You're comfortable communicating online (we're on Slack).
diff --git a/components/jobs/philanthropy-communications-lead/jd.mdx b/components/jobs/philanthropy-communications-lead/jd.mdx
index 9b8d50d6..ec0817c8 100644
--- a/components/jobs/philanthropy-communications-lead/jd.mdx
+++ b/components/jobs/philanthropy-communications-lead/jd.mdx
@@ -20,19 +20,19 @@ Conceptualize partnerships with aligned companies like SpaceX, Replit, GitHub an
Actively participate in creating our media/marketing strategy, and then work closely with Hack Club's communications team, which will:
-- Edit a blog by and for Hack Club that is multimedia and pulls from engineers, the founder and teenagers.
+- Edit a blog by and for Hack Club that is multimedia and pulls from engineers, the founder and teenagers.
-- Manage our social media, including a 15k Twitter following, and launch out Instagram, and build out our YouTube
+- Manage our social media, including a 15k Twitter following, and launch out Instagram, and build out our YouTube
-- Create informative and interesting newsletters for Hack Club club leaders and a separate (but overlapping) letter for donors. Roam across the org generating content.
+- Create informative and interesting newsletters for Hack Club club leaders and a separate (but overlapping) letter for donors. Roam across the org generating content.
-- Design video content with a video editor that produces 1 min videos on the organization. This will tap into the creativity of the community to produce.
+- Design video content with a video editor that produces 1 min videos on the organization. This will tap into the creativity of the community to produce.
-- Facilitate, coach and assist Hack Clubbers to be able to speak about their Hack Club experiences and grow their communication skills
+- Facilitate, coach and assist Hack Clubbers to be able to speak about their Hack Club experiences and grow their communication skills
-- Create informative and interesting newsletters for Hack Clubbers
+- Create informative and interesting newsletters for Hack Clubbers
-** Your skills and qualifications: **
+** Your skills and qualifications: **
You have a demonstrated track record of identifying, cultivating, and soliciting donations
@@ -84,4 +84,4 @@ Fully Covid-19 vaccinated
**TO APPLY:** Email jobs@hackclub.com with "bling" in the subject line, 3 bullet points demonstrating why you would be exceptional for the role, and your resume
-Hack Club provides equal employment opportunities without regard to race, color, ethnicity, religion, sex, pregnancy or recent childbirth or related medical condition, gender identity and expression, sexual orientation, national origin, ancestry, age, disability, the use of a guide or support animal because of blindness, deafness or physical handicap of any individual, citizenship, veteran or military status, genetic information, marital status, familial status, domestic or sexual violence status, possession of a GED instead of high school diploma, or any other protected characteristic under applicable federal, state or local laws.
\ No newline at end of file
+Hack Club provides equal employment opportunities without regard to race, color, ethnicity, religion, sex, pregnancy or recent childbirth or related medical condition, gender identity and expression, sexual orientation, national origin, ancestry, age, disability, the use of a guide or support animal because of blindness, deafness or physical handicap of any individual, citizenship, veteran or military status, genetic information, marital status, familial status, domestic or sexual violence status, possession of a GED instead of high school diploma, or any other protected characteristic under applicable federal, state or local laws.
diff --git a/components/photo.js b/components/photo.js
index 34260edc..c487c6d5 100644
--- a/components/photo.js
+++ b/components/photo.js
@@ -16,7 +16,16 @@ const Caption = styled(Text)`
z-index: 0;
`
-const Photo = ({ src, width, height, alt, showAlt, dark, loading, ...props }) => {
+const Photo = ({
+ src,
+ width,
+ height,
+ alt,
+ showAlt,
+ dark,
+ loading,
+ ...props
+}) => {
const [colorMode] = useColorMode()
const showCaption = showAlt && alt
return (
diff --git a/components/posts/index.js b/components/posts/index.js
index e047dff0..7eb4b9d5 100644
--- a/components/posts/index.js
+++ b/components/posts/index.js
@@ -7,7 +7,8 @@ import Image from 'next/image'
import Mention from './mention'
import Emoji from './emoji'
-const dataDetector = /(<.+?\|?\S+>)|(@\S+)|(`{3}[\S\s]+`{3})|(`[^`]+`)|(_[^_]+_)|(\*[^\*]+\*)|(:[^ .,;`\u2013~!@#$%^&*(){}=\\:"<>?|A-Z]+:)/
+const dataDetector =
+ /(<.+?\|?\S+>)|(@\S+)|(`{3}[\S\s]+`{3})|(`[^`]+`)|(_[^_]+_)|(\*[^\*]+\*)|(:[^ .,;`\u2013~!@#$%^&*(){}=\\:"<>?|A-Z]+:)/
export const formatText = text =>
text.split(dataDetector).map((chunk, i) => {
@@ -117,13 +118,13 @@ const Post = ({
img: { objectFit: 'cover', width: '100%' }
}}
>
- {filter(attachments, a => ['jpg', 'jpeg', 'png'].includes(a.split('.')[a.split('.').length - 1])).map(img => (
-
- ))}
+ {filter(attachments, a =>
+ ['jpg', 'jpeg', 'png'].includes(
+ a.split('.')[a.split('.').length - 1]
+ )
+ ).map(img => (
+
+ ))}
)}
diff --git a/components/scroll-hint.js b/components/scroll-hint.js
index 91fbd70b..32dd985e 100644
--- a/components/scroll-hint.js
+++ b/components/scroll-hint.js
@@ -14,7 +14,7 @@ const handleClick = () => {
}
})
}
-const ScrollHint = ({...props}) => (
+const ScrollHint = ({ ...props }) => (
(
>
)
-export default ScrollHint
\ No newline at end of file
+export default ScrollHint
diff --git a/components/secret.js b/components/secret.js
index f397e873..3fa759e1 100644
--- a/components/secret.js
+++ b/components/secret.js
@@ -1,12 +1,12 @@
-import { Box, Text } from "theme-ui"
-import { useState, useEffect } from "react"
+import { Box, Text } from 'theme-ui'
+import { useState, useEffect } from 'react'
export default function Secret({ reveal, ...props }) {
const [img, setImage] = useState('')
useEffect(() => {
setImage('https://geta.dino.icu/dino.png')
- },[])
+ }, [])
return (
{
+const Signature = ({ fname, lname, width }) => {
// enforce a sane color mode (typescript should do this in the future)
let [colorMode] = useColorMode()
colorMode = colorMode === 'dark' ? 'light' : 'dark'
diff --git a/components/signatures.js b/components/signatures.js
index e3b14ac9..1505fbdd 100644
--- a/components/signatures.js
+++ b/components/signatures.js
@@ -1,7 +1,6 @@
import { Image, useColorMode } from 'theme-ui'
-
-const Signatures = ({fileName, width}) => {
+const Signatures = ({ fileName, width }) => {
// enforce a sane color mode (typescript should do this in the future)
let [colorMode] = useColorMode()
colorMode = colorMode === 'dark' ? 'light' : 'dark'
diff --git a/components/slack.js b/components/slack.js
index d36d3389..6c76e7c4 100644
--- a/components/slack.js
+++ b/components/slack.js
@@ -37,9 +37,10 @@ const Content = () => (
Come for the skills, stay for the people.
- Communication and planning for our open source projects happen in the Slack. Coding is often seen as an isolating activity. Plenty of groups exist for
- kids who are interested in sports, theater, or chess, but the stereotype
- of a programmer is a person who sits alone in a dark room.{' '}
+ Communication and planning for our open source projects happen in the
+ Slack. Coding is often seen as an isolating activity. Plenty of groups
+ exist for kids who are interested in sports, theater, or chess, but the
+ stereotype of a programmer is a person who sits alone in a dark room.{' '}
It doesn't have to be this way—in the Hack Club Slack
(Discord-style online groupchat), you'll find a group of {formatted}+{' '}
fabulous people to talk to, active at all hours.
diff --git a/components/slack/header.js b/components/slack/header.js
index 5d17428d..32ce33e9 100644
--- a/components/slack/header.js
+++ b/components/slack/header.js
@@ -5,11 +5,7 @@ import usePrefersMotion from '../../lib/use-prefers-motion'
import useHasMounted from '../../lib/use-has-mounted'
const Content = () => (
-
+ {
return (
)}
-
*/}
-
UI components
-
- Want to make a Hack Club themed site? Use our pre-made CSS and UI components to hackify your site.
+
+ Want to make a Hack Club themed site? Use our pre-made CSS and UI
+ components to hackify your site.
-
@@ -166,7 +176,7 @@ const Page = ({ repos }) => (
name="VIP Newsletter"
url={`https://github.com/hackclub/vip-newsletters`}
/>
-
@@ -179,7 +189,10 @@ const Page = ({ repos }) => (
GitHub Repositories
-
+
Want to contribute?
diff --git a/pages/philanthropy/index.js b/pages/philanthropy/index.js
index 3e384e38..d1961062 100644
--- a/pages/philanthropy/index.js
+++ b/pages/philanthropy/index.js
@@ -658,7 +658,8 @@ const Philanthropy = ({ posts = [] }) => {
- Starting in 2021, Hack Club has engaged with an external auditing firm and has audited financials through the current fiscal year.
+ Starting in 2021, Hack Club has engaged with an external auditing
+ firm and has audited financials through the current fiscal year.
{/*
@@ -1190,14 +1191,19 @@ const Philanthropy = ({ posts = [] }) => {
- In 2021, Maggie joined the Hack Club community; she has since shipped 10+
- coding projects from widgets to raycast extensions.
+ In 2021, Maggie joined the Hack Club community; she has since
+ shipped 10+ coding projects from widgets to raycast
+ extensions.
- The Hack Club community "inspired me to step outside my comfort zone and take on challenges I never previously would have — starting a CS Club at my school, (co-)hosting AMAs, and even organizing Leland Hacks, the first in-person hackathon in my city after the pandemic.”
+ The Hack Club community "inspired me to step outside my
+ comfort zone and take on challenges I never previously would
+ have — starting a CS Club at my school, (co-)hosting AMAs, and
+ even organizing Leland Hacks, the first in-person hackathon in
+ my city after the pandemic.”
+ as="a"
+ href="/philanthropy"
+ target="_blank"
+ mb={4}
+ sx={{
+ fontSize: '1em !important',
+ background: 'slate',
+ textAlign: 'center'
+ }}
+ >
+ Learn more about Hack Club
+
diff --git a/pages/philosophy.js b/pages/philosophy.js
index 4b0e75a1..e1fe3912 100644
--- a/pages/philosophy.js
+++ b/pages/philosophy.js
@@ -4,7 +4,7 @@ import { Box, Heading, Container, Text, Button, Link } from 'theme-ui'
import Nav from '../components/nav'
import styled from '@emotion/styled'
import Footer from '../components/footer'
-import NextLink from "next/link"
+import NextLink from 'next/link'
const Header = styled(Box)`
color: white;
@@ -270,10 +270,7 @@ export default function Philosophy() {
Start a club
-
diff --git a/pages/press.js b/pages/press.js
index 96346b65..feb58630 100644
--- a/pages/press.js
+++ b/pages/press.js
@@ -9,7 +9,6 @@ import { Logo } from './brand'
const Page = () => (
<>
-
(
<>
diff --git a/pages/relon.js b/pages/relon.js
index bcaba60e..ad503dd4 100644
--- a/pages/relon.js
+++ b/pages/relon.js
@@ -8,9 +8,13 @@ import {
Flex,
Grid,
Heading,
- Text,
+ Text
} from 'theme-ui'
-import { PillHolder, AuthorPill, DatePill } from '../components/announcements/pills'
+import {
+ PillHolder,
+ AuthorPill,
+ DatePill
+} from '../components/announcements/pills'
import Head from 'next/head'
import NextLink from 'next/link'
import styled from '@emotion/styled'
@@ -24,22 +28,18 @@ import Amount from '../components/announcements/amount'
import SlackCTA from '../components/announcements/cta'
import AnnouncementHolder from '../components/announcements/holder'
-
const StyledLink = styled.a`
text-decoration: none;
color: ${theme.colors.white};
-`;
+`
-const RelonLink = (props) => {
- const {href} = props
+const RelonLink = props => {
+ const { href } = props
return (
-
- {props.children}
-
+ {props.children}
)
-
}
const RelonPage = () => (
@@ -74,7 +74,8 @@ const RelonPage = () => (
}
}}
>
- Elon Musk is donating to Hack Club
+ Elon Musk is donating to{' '}
+ Hack Club
diff --git a/pages/ship.js b/pages/ship.js
index 7bae2bf4..0bb747b7 100644
--- a/pages/ship.js
+++ b/pages/ship.js
@@ -139,8 +139,9 @@ const ShipPage = ({ posts = [] }) => (
Want to ship your own projects?
- The #ship channel on the Hack Club Slack is where {thousands}k+ teenagers
- from around the world share what they’re working on & help each other.
+ The #ship channel on the Hack Club Slack is where {thousands}k+
+ teenagers from around the world share what they’re working on & help
+ each other.
-