diff --git a/middleware.js b/middleware.js index 094651bf..2b14223c 100644 --- a/middleware.js +++ b/middleware.js @@ -12,4 +12,11 @@ export function middleware(request) { response.cookies.set('continent', continent || '') return response } + + if (request.nextUrl.pathname === '/donate/') { + return NextResponse.redirect('https://hackclub.com/philanthropy/'); + } + + return NextResponse.next(); + } diff --git a/pages/content/transparency/may-2020.mdx b/pages/content/transparency/may-2020.mdx index 963b70fc..8b8210d5 100644 --- a/pages/content/transparency/may-2020.mdx +++ b/pages/content/transparency/may-2020.mdx @@ -45,7 +45,7 @@ The below summary was calculated from HQ's export from [HCB](https://hackclub.co - $5,000 - Think Together -Thank you to all the new donors to Hack Club this month. You make Hack Club possible. We rely on donations to keep Hack Club free for students. [Donate here.](https://hackclub.com/donate/) +Thank you to all the new donors to Hack Club this month. You make Hack Club possible. We rely on donations to keep Hack Club free for students. [Donate here.](https://hackclub.com/philanthropy/) Please note that [Elon Musk also donated $500K this month](https://twitter.com/hackclub/status/1263153557945159680), but the gift didn't hit our account until June 3rd, so it will be included in the June finance update. diff --git a/pages/donate.js b/pages/donate.js deleted file mode 100644 index 94efa14c..00000000 --- a/pages/donate.js +++ /dev/null @@ -1,547 +0,0 @@ -import React, { useEffect } from 'react' -import styled from '@emotion/styled' -import { - Box, - Button, - Container, - Flex, - Heading, - Card, - Grid, - Link as A, - Text, - Avatar -} from 'theme-ui' -import Photo from '../components/photo' -import Image from 'next/image' -import Head from 'next/head' -import Meta from '@hackclub/meta' -import ForceTheme from '../components/force-theme' -import Nav from '../components/nav' -import Footer from '../components/footer' -import SprigForm from '../components/donate/sprigForm' -import SprigMeta from '../components/donate/sprigMeta' -import Sponsors from '../components/donate/sponsors' -import donors from '../components/donate/donors.json' -import Marquee from 'react-marquee-slider' -import ExecuteBig from '../public/donate/codedaydc_hack.jpg' -import HackCamp from '../public/donate/sf.jpg' -import HackerGames from '../public/donate/0img_20210830_161125.jpg' -import LaptopDonations from '../public/donate/0screenshot_2021-10-03_at_4.20.30_pm.png' -import Kerala from '../public/donate/0img-20210918-wa0091.jpg' -import HackPenn from '../public/donate/0color_pop.jpg' -import ElonAMA from '../public/donate/elon.jpg' -import SpaceX from '../public/donate/0spacex_and_hack_club.jpg' -import Flagship from '../public/donate/flagship.png' -import MAHacks from '../public/donate/0screenshot_2021-10-03_at_4.07.51_pm.png' -import HackCamp2020 from '../public/donate/0img_6447.jpg' -import InnovationCircuit from '../public/donate/0screenshot_2021-10-03_at_3.45.54_pm.png' -import WindyCity from '../public/donate/6screenshot_2021-10-03_at_3.29.29_pm.png' -import ZephyrFun from '../public/donate/0screenshot_2021-10-03_at_3.59.34_pm.png' -import GoldenTrain from '../public/home/golden-train.png' - -const Header = styled(Box)` - background: url('/pattern.svg'); -` - -const Sheet = styled(Card)` - position: relative; - overflow: hidden; - border-radius: 8px; - width: 100%; - color: white; -` -Sheet.defaultProps = { - sx: { - bg: 'rgba(255, 255, 255, 0.875)', - p: [3, 4], - color: 'black', - width: 1, - mb: 4 - } -} - -const Row = styled(Box)` - text-align: left; - @media screen and (min-width: 48em) { - display: grid; - grid-gap: 18px; - grid-template-columns: ${({ reverse }) => - reverse ? '3fr 2fr' : '2fr 3fr'}; - } -` - -const Quote = styled(Sheet)` - position: relative; - &:before { - content: '“'; - line-height: 1; - font-size: 48px; - padding-left: 6px; - position: absolute; - left: 0; - top: 0; - color: #fff; - opacity: 0.5; - padding: 18px; - } -` - -Sheet.defaultProps = { - sx: { - maxWidth: '52rem', - fontSize: 3, - p: [4, 5], - color: 'white' - } -} -const FirstQuote = styled(Quote)` - background-image: radial-gradient( - at left top, - rgb(45, 228, 207), - rgb(41, 206, 104), - rgb(53, 181, 36) - ); -` -const SecondQuote = styled(Quote)` - background-image: radial-gradient( - at left bottom, - rgb(45, 158, 228), - rgb(45, 66, 228), - rgb(115, 45, 228) - ); -` -const subhline = { fontSize: [3, 4], style: { lineHeight: '1.375' } } - -const contentContainer = { - maxWidth: 72, - width: 1, - p: 3, - color: 'black', - style: { position: 'relative' } -} -const content = { maxWidth: 48, mx: 0, color: 'black' } - -const title = 'Donate' -const desc = - 'Contribute today to empower the next generation and help start a coding club at every high school.' - -const DonorGrid = styled(Box)` - display: grid; - grid-gap: 6px; - grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); - align-items: center; - p, - a { - width: 100%; - } - @media screen and (min-width: 48em) { - grid-gap: 18px; - grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); - } -` - -const DonorCardBase = styled(Sheet)` - display: flex; - justify-content: center; - align-items: center; - @media screen and (max-width: 32em) { - border-radius: 0; - box-shadow: none; - } -` -const DonorCard = ({ name, link = false }) => ( - - - {name} - - -) - -const PhotoRow = ({ photos }) => ( - - - - {photos.map((photo, index) => ( - Hack Club students - ))} - - - - - {photos.map((photo, index) => ( - Hack Club students - ))} - - - -) - -const DonorListing = ({ name, url }) => { - if (url) { - return ( - - - - ) - } else { - return - } -} - -export default function Donate({ sprig }) { - useEffect(() => { - if (sprig) { - window.document.getElementById('sprig-donation').scrollIntoView() - } - }, [sprig]) - - return ( - - -