diff --git a/components/announcement.js b/components/announcement.js index 19eb81017..3281c90b8 100644 --- a/components/announcement.js +++ b/components/announcement.js @@ -1,7 +1,7 @@ import { Card, Text, Box } from 'theme-ui' import { keyframes } from '@emotion/react' import Icon from './icon' -import Image from 'next/image' +import Image from "next/legacy/image" const unfold = keyframes({ from: { transform: 'scaleY(0)' }, diff --git a/components/announcements/cta.js b/components/announcements/cta.js index 2e41e8eca..1a9749e8b 100644 --- a/components/announcements/cta.js +++ b/components/announcements/cta.js @@ -28,7 +28,7 @@ export default function SlackCTA() {

- + @@ -36,5 +36,5 @@ export default function SlackCTA() { - ) + ); } diff --git a/components/arcade/projects.js b/components/arcade/projects.js index 97f2f2a0d..6c6481156 100644 --- a/components/arcade/projects.js +++ b/components/arcade/projects.js @@ -14,7 +14,7 @@ import { Image } from 'theme-ui' import Photo from '../../components/photo' -import NextImage from 'next/image' +import NextImage from "next/legacy/image" import Marquee from 'react-marquee-slider' import Photo1 from '../../public/winter/1.jpeg' import Photo2 from '../../public/winter/2.png' diff --git a/components/background-image.js b/components/background-image.js index 61822ec6d..7b7914db7 100644 --- a/components/background-image.js +++ b/components/background-image.js @@ -1,5 +1,5 @@ import { Box } from 'theme-ui' -import Image from 'next/image' +import Image from "next/legacy/image" /* * Use this component inside a container with CSS: diff --git a/components/comma.js b/components/comma.js index 11efc6088..b9578a1a0 100644 --- a/components/comma.js +++ b/components/comma.js @@ -1,5 +1,5 @@ export default function Comma({ children }) { return children ? children.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') - : '' + : ''; } diff --git a/components/fiscal-sponsorship/features.js b/components/fiscal-sponsorship/features.js index c78ff8d31..39fedb010 100644 --- a/components/fiscal-sponsorship/features.js +++ b/components/fiscal-sponsorship/features.js @@ -1,7 +1,7 @@ import { Box, Heading, Link, Text, Container, Grid } from 'theme-ui' import Icon from '../icon' import { Balancer } from 'react-wrap-balancer' -import Image from 'next/image' +import Image from "next/legacy/image" import imgLaptop from '../../public/fiscal-sponsorship/laptop.png' export default function Features() { diff --git a/components/fiscal-sponsorship/first/features.js b/components/fiscal-sponsorship/first/features.js index 59c54f3d9..3ef08d7c8 100644 --- a/components/fiscal-sponsorship/first/features.js +++ b/components/fiscal-sponsorship/first/features.js @@ -1,7 +1,7 @@ import { Box, Heading, Link, Text, Container, Card, Image } from 'theme-ui' import Icon from '../../icon' import Masonry from 'react-masonry-css' -import NextImage from 'next/image' +import NextImage from "next/legacy/image" import Fade from 'react-reveal/Fade' diff --git a/components/fiscal-sponsorship/tooltip.js b/components/fiscal-sponsorship/tooltip.js index f730ca824..293f7e361 100644 --- a/components/fiscal-sponsorship/tooltip.js +++ b/components/fiscal-sponsorship/tooltip.js @@ -8,7 +8,7 @@ const addClassNameToChildren = (children, className) => ) const tooltip = direction => - function Tooltip({ children, text, id }) { + (function Tooltip({ children, text, id }) { const escapedText = text.replace(/'/g, "\\'") const directionalStyles = { e: ` @@ -89,7 +89,7 @@ const tooltip = direction => {children} ) - } + }) const Tooltip = tooltip() Tooltip.N = tooltip('n') diff --git a/components/flag.js b/components/flag.js index bb4863e74..874083972 100644 --- a/components/flag.js +++ b/components/flag.js @@ -58,7 +58,7 @@ const Base = styled('a')` ` const Flag = props => ( - + ) diff --git a/components/footer.js b/components/footer.js index 76afb92a8..a3b49b7aa 100644 --- a/components/footer.js +++ b/components/footer.js @@ -90,22 +90,22 @@ const Footer = ({ Hack Club - + Philosophy - + Our Team & Board - + Jobs - + Branding - + Press Inquiries - + Donate diff --git a/components/hackathons/features/marketing.js b/components/hackathons/features/marketing.js index 4d365cb65..b1aab1966 100644 --- a/components/hackathons/features/marketing.js +++ b/components/hackathons/features/marketing.js @@ -27,7 +27,7 @@ const Content = () => ( 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. - + - + Meet other hackers + + - - - - + + + + - - + + + Behind the scenes... + + - - Behind the scenes... - - - Teenagers organize hackathons like{' '} - - Assemble - {' '} - &{' '} - - Windy City Hacks - - . The hack’s the limit. - - Hack Club is providing grants, support, and more, to help you run - the next amazing hackathon. - - - - - ) + Assemble + {' '} + &{' '} + + Windy City Hacks + + . The hack’s the limit. + + Hack Club is providing grants, support, and more, to help you run + the next amazing hackathon. + + + + ; } diff --git a/components/hackathons/landing.js b/components/hackathons/landing.js index 522e12eb6..85caf2275 100644 --- a/components/hackathons/landing.js +++ b/components/hackathons/landing.js @@ -1,7 +1,7 @@ import { Box, Button, Heading, Text, Card } from 'theme-ui' import Fade from 'react-reveal/Fade' import ScrollHint from '../scroll-hint' -import Image from 'next/image' +import Image from "next/legacy/image" import hero from '../../public/hackathons/assemble.JPG' import Icon from '../icon' diff --git a/components/hackathons/scrolling-hackathons.js b/components/hackathons/scrolling-hackathons.js index f61caf69d..550168830 100644 --- a/components/hackathons/scrolling-hackathons.js +++ b/components/hackathons/scrolling-hackathons.js @@ -27,67 +27,65 @@ export default function ScrollingHackathons({ setPageIsVisible(isVisible) } - return ( - <> - {title ? ( - - - Join other high-schoolers at an upcoming hackathon. - - + {title ? ( + + + Join other high-schoolers at an upcoming hackathon. + + + + + + - - - - - from{' '} - - - hackathons.hackclub.com - - - , last updated just now. - - - - ) : ( - <> + from{' '} + + + hackathons.hackclub.com + + + , last updated just now. + + + + ) : ( + <> + )} + + {pageIsVisible && ( + + {() => ( + + {eventData.map(({ ...props }) => ( + + ))} + + )} + )} - - {pageIsVisible && ( - - {() => ( - - {eventData.map(({ ...props }) => ( - - ))} - - )} - - )} - - - ) + + ; } const flashing = keyframes({ diff --git a/components/index/events.js b/components/index/events.js index 36af639ba..fecdddd43 100644 --- a/components/index/events.js +++ b/components/index/events.js @@ -14,7 +14,7 @@ const Event = ({ id, slug, title, desc, leader, avatar, start, end, cal }) => ( passHref target="_blank" rel="noopener" - > + legacyBehavior> with "hack the planet" in the subject line. We don't think we'll be able to identify this person by looking at resume alone, so please include 300-400 words on your background relative to this role and why you're interested. +To apply, please email us at \ with "hack the planet" in the subject line. We don't think we'll be able to identify this person by looking at resume alone, so please include 300-400 words on your background relative to this role and why you're interested. Compensation range: $120K - $140k, depending on experience and fit. We offer healthcare and 4 weeks paid vacation. diff --git a/components/jobs/clubs-lead/jd.mdx b/components/jobs/clubs-lead/jd.mdx index 5e0520be4..aff1e775f 100644 --- a/components/jobs/clubs-lead/jd.mdx +++ b/components/jobs/clubs-lead/jd.mdx @@ -40,7 +40,7 @@ A bit of what we suspect you'll be like: **Location:** We have an in-person office in Burlington, Vermont where six of us work collaboratively. This is an in-person role, though this position can temporarily start remotely during COVID. Relocation assistance is provided. -To apply, email with "magic" in the subject line. We don't think we'll be able to identify you just by looking at your resume, so please include 300-400 words on your background relative to this role and why you're interested. +To apply, email \ with "magic" in the subject line. We don't think we'll be able to identify you just by looking at your resume, so please include 300-400 words on your background relative to this role and why you're interested. And last, some details on compensation. This role pays between $60 - $100K, depending on your experience---and as a nonprofit we know that's probably less than you'd make elsewhere. We offer healthcare and 4 weeks paid vacation. diff --git a/components/jobs/executive-assistant/jd.mdx b/components/jobs/executive-assistant/jd.mdx index 9ce6cff3d..fbf06ec0d 100644 --- a/components/jobs/executive-assistant/jd.mdx +++ b/components/jobs/executive-assistant/jd.mdx @@ -41,7 +41,7 @@ Exhibit strong attention to detail, ability to adapt daily schedules and routine **APPLY HERE:** [bit.ly/hackclub-exec-asst-apply](https://bit.ly/hackclub-exec-asst-apply) -**TO LEARN MORE**, feel free to contact our search partner, Charlene Wallace, at , for a confidential exploratory conversation. +**TO LEARN MORE**, feel free to contact our search partner, Charlene Wallace, at \, for a confidential exploratory conversation. --- diff --git a/components/jobs/hcb-ops-associate/jd.mdx b/components/jobs/hcb-ops-associate/jd.mdx index 01311ae4c..5fbe94d3b 100644 --- a/components/jobs/hcb-ops-associate/jd.mdx +++ b/components/jobs/hcb-ops-associate/jd.mdx @@ -48,7 +48,7 @@ A bit of what we think you'll be like: **Location:** We have an in-person office in Burlington, Vermont where six of us work collaboratively. This is an in-person role, though this position can temporarily (1–2 weeks) start remotely during COVID with relocation assistance provided. -To apply, email us at with "I will go down with this ship" in the subject line. Please include your resume, 300–400 words on your background relative to this role and why you're interested, and a separate 100–200 words on something you're passionate about (a book series, anime, hobby, collecting something, sports, _anything_). +To apply, email us at \ with "I will go down with this ship" in the subject line. Please include your resume, 300–400 words on your background relative to this role and why you're interested, and a separate 100–200 words on something you're passionate about (a book series, anime, hobby, collecting something, sports, _anything_). And last, some details on compensation. This role pays between $38K–$43K, depending on your experience—and as a nonprofit we know that's probably less than you'd make elsewhere. We offer healthcare and 4 weeks paid vacation. diff --git a/components/mention.js b/components/mention.js index 658e95dd8..faebd492a 100644 --- a/components/mention.js +++ b/components/mention.js @@ -3,32 +3,31 @@ import { memo } from 'react' const StaticMention = memo(function StaticMention({ avatar, username, link }) { return ( - - - {avatar && ( - {username} - )} - @{username} - - - ) + ( + + {avatar && ( + {username} + )}@{username} + + ) + ); }) export default StaticMention diff --git a/components/nav.js b/components/nav.js index 8ba6a3ee1..b7f219e71 100644 --- a/components/nav.js +++ b/components/nav.js @@ -129,13 +129,13 @@ const NavBar = styled(Box)` const Navigation = props => ( // REMINDER: This should be no more than 7 links :) - + Clubs - + Fiscal Sponsorship - + Hackathons Community @@ -143,7 +143,7 @@ const Navigation = props => ( The Boreal Express - + OnBoard diff --git a/components/photo.js b/components/photo.js index c487c6d51..8513e0f63 100644 --- a/components/photo.js +++ b/components/photo.js @@ -1,6 +1,6 @@ import styled from '@emotion/styled' import { Box, Card, Text, useColorMode } from 'theme-ui' -import Image from 'next/image' +import Image from "next/legacy/image" import theme from '../lib/theme' const Caption = styled(Text)` diff --git a/components/posts/emoji.js b/components/posts/emoji.js index 1f7a513a1..042e62e1f 100644 --- a/components/posts/emoji.js +++ b/components/posts/emoji.js @@ -1,5 +1,5 @@ import { memo, useState, useEffect } from 'react' -import Image from 'next/image' +import Image from "next/legacy/image" const stripColons = str => { const colonIndex = str.indexOf(':') diff --git a/components/posts/index.js b/components/posts/index.js index 7eb4b9d56..be419972f 100644 --- a/components/posts/index.js +++ b/components/posts/index.js @@ -3,7 +3,7 @@ import { formatDate } from '../../lib/dates' import { Fragment, memo } from 'react' import { last, filter } from 'lodash' import Masonry from 'react-masonry-css' -import Image from 'next/image' +import Image from "next/legacy/image" import Mention from './mention' import Emoji from './emoji' @@ -38,18 +38,18 @@ export const formatText = text => ) } if (chunk?.startsWith('```')) { - return 
{chunk.replace(/```/g, '')}
+ return 
{chunk.replace(/```/g, '')}
; } if (chunk?.startsWith('`')) { - return {chunk.replace(/`/g, '')} + return {chunk.replace(/`/g, '')}; } if (chunk?.startsWith('*')) { - return {chunk.replace(/\*/g, '')} + return {chunk.replace(/\*/g, '')}; } if (chunk?.startsWith('_')) { - return {chunk.replace(/_/g, '')} + return {chunk.replace(/_/g, '')}; } - return {chunk?.replace(/&/g, '&')} + return {chunk?.replace(/&/g, '&')}; }) const Post = ({ diff --git a/components/slack.js b/components/slack.js index 74721c322..09415b9cb 100644 --- a/components/slack.js +++ b/components/slack.js @@ -45,7 +45,7 @@ const Content = () => ( (Discord-style online groupchat), you'll find a group of {formatted}+{' '} fabulous people to talk to, active at all hours. - + - - - - - - - - {/* - Powering nonprofits at every scale - */} - - - - - - - {organizations - // .map(org => new Organization(org)) - .map(organization => ( - - + + + + + + + + + {/* + Powering nonprofits at every scale + */} + + + + + + + {organizations + // .map(org => new Organization(org)) + .map(organization => ( + + + {`${organization.name} - {`${organization.name} +
+ + {organization.name} + + -
- - {organization.name} - - - {organization.location.readable} - -
- - {organization.description} + > + {organization.location.readable} - - - ))} - - - - - +
+ + {organization.description} + + + + ))} + + + + + - - - - - + + + + + - - - -
- - One simple, transparent fee: -
- 7% of income. - - - This fee goes directly to Hack Club's operations staff, - including teen interns working under mentors. This allows us to - deliver best-in-class software and support, grow sustainably, - while also providing paid career training for young people from - diverse backgrounds. - -
+ + + +
- No legal fees. -
- No startup fees. -
- No transaction fees. -
- No card issuing fees. -
- No subscription fees. -
- No check deposit fees. + One simple, transparent fee:
- No credit card processing fees. + 7% of income. - - - - - - -
- - - The fiscal sponsor of choice for the best funders. - - - - {['128.png', 'ycjf.png', 'first.png'].map(file => ( - {file.split('.')[0].toUpperCase()} - ))} - -
- - - “HCB’s Climate fiscal sponsorship program removes funding - barriers with a blend of youth-centered, tech-savvy services and - a deep commitment to authentic youth empowerment.” - - - — - - Kate Goss - - , Executive Director,{' '} - - 128 Collective - - - - - - - + + This fee goes directly to Hack Club's operations staff, + including teen interns working under mentors. This allows us to + deliver best-in-class software and support, grow sustainably, + while also providing paid career training for young people from + diverse backgrounds. + +
+ + No legal fees. +
+ No startup fees. +
+ No transaction fees. +
+ No card issuing fees. +
+ No subscription fees. +
+ No check deposit fees. +
+ No credit card processing fees. + + + + + - - - - +
- - Built by Hack Club + + + The fiscal sponsor of choice for the best funders. + -

- As{' '} - - Hack Club - {' '} - grew, we needed a way to empower our members. We currently have - over 30,000 high schoolers involved in Hack Club with over 400 - clubs around the world. -

-

- We started HCB in 2018 to support teen-led clubs and hackathons. - After showing it to our educational partners, we knew we had - tapped into something much larger. Today, HCB removes financial - and legal barriers for thousands doing good in their community. -

- - - - - As part of our commitment to climate justice, funding for HCB’s - operations and staff will never come from the{' '} - - fossil fuel industry - - . - + {['128.png', 'ycjf.png', 'first.png'].map(file => ( + {file.split('.')[0].toUpperCase()} + ))}
+ + + “HCB’s Climate fiscal sponsorship program removes funding + barriers with a blend of youth-centered, tech-savvy services and + a deep commitment to authentic youth empowerment.” + + + — + + Kate Goss + + , Executive Director,{' '} + + 128 Collective + + + + + + + + + + +
+ + Built by Hack Club + +

+ As{' '} + + Hack Club + {' '} + grew, we needed a way to empower our members. We currently have + over 30,000 high schoolers involved in Hack Club with over 400 + clubs around the world. +

+

+ We started HCB in 2018 to support teen-led clubs and hackathons. + After showing it to our educational partners, we knew we had + tapped into something much larger. Today, HCB removes financial + and legal barriers for thousands doing good in their community. +

+ + + + + + As part of our commitment to climate justice, funding for HCB’s + operations and staff will never come from the{' '} + + fossil fuel industry + + . + + +
+ + + + - - - - - - - No startup fees, no minimum balance. - - - - -