mirror of
https://github.com/System-End/site.git
synced 2026-04-19 22:05:11 +00:00
Climate
This commit is contained in:
Yoda
parent
854ff3ea47
commit
5b0cd344e5
10 changed files with 1019 additions and 187 deletions
160
components/bank/directory/card.js
Normal file
160
components/bank/directory/card.js
Normal file
|
|
@ -0,0 +1,160 @@
|
|||
import { Card, Badge, Box, Heading, Text, Image } from 'theme-ui'
|
||||
import { Organization } from '../../../pages/bank/climate'
|
||||
import Tilt from '../../../components/tilt'
|
||||
|
||||
const badges = {
|
||||
"128_collective_funded": () => <></>,
|
||||
"128_collective_recommended": () => <></>,
|
||||
}
|
||||
|
||||
const categories = {
|
||||
Climate: "#FF0080",
|
||||
|
||||
}
|
||||
|
||||
const Types = {
|
||||
Nonprofit: "#FF0080",
|
||||
}
|
||||
|
||||
const TagRow = ({
|
||||
category,
|
||||
type,
|
||||
badgeNames
|
||||
}) => {
|
||||
return (
|
||||
<>
|
||||
{badgeNames.map(name => badges[name]).map((Badge, i) => <Badge key={i} />)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {{
|
||||
* organization: Organization,
|
||||
* showTags: boolean
|
||||
* }} props
|
||||
* @returns
|
||||
*/
|
||||
export const OrganizationCard = ({
|
||||
organization,
|
||||
showTags = false
|
||||
}) => (
|
||||
<Tilt>
|
||||
<Card
|
||||
as="a"
|
||||
href={organization.links.website}
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
itemScope
|
||||
itemType="http://schema.org/Event"
|
||||
variant="event"
|
||||
sx={{
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
minHeight: 128,
|
||||
color: 'white',
|
||||
textShadow: '0 1px 4px rgba(0, 0, 0, 0.375)',
|
||||
textDecoration: 'none',
|
||||
backgroundColor: 'black',
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
borderRadius: 'extra',
|
||||
overflow: 'hidden',
|
||||
position: 'relative',
|
||||
p: 3,
|
||||
height: '100%',
|
||||
display: 'flex',
|
||||
px: 3,
|
||||
backgroundImage: `linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.375) 75%), url('${organization.branding.backgroundImage}')`,
|
||||
textAlign: 'center',
|
||||
flexDirection: 'column'
|
||||
}}
|
||||
>
|
||||
<Box sx={{
|
||||
display: 'flex',
|
||||
justifyContent: 'end',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
flexDirection: 'row',
|
||||
mb: 2
|
||||
}}>
|
||||
|
||||
<Badge
|
||||
as="span"
|
||||
itemType="VirtualLocation"
|
||||
sx={{
|
||||
bg: 'snow',
|
||||
color: 'blue',
|
||||
fontSize: 'inherit',
|
||||
textShadow: 'none',
|
||||
borderRadius: 5,
|
||||
display: 'block'
|
||||
}}
|
||||
>
|
||||
{'Climate'}
|
||||
</Badge>
|
||||
</Box>
|
||||
|
||||
{organization.branding.logo && (
|
||||
<Image
|
||||
src={organization.branding.logo}
|
||||
alt={`${organization.name} logo`}
|
||||
loading="lazy"
|
||||
sx={{
|
||||
minWidth: 64,
|
||||
height: 64,
|
||||
objectFit: 'contain',
|
||||
objectPosition: 'left',
|
||||
borderRadius: 'default',
|
||||
mt: 'auto'
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
<Heading
|
||||
as={'h3'}
|
||||
itemProp="name"
|
||||
sx={{
|
||||
fontSize: [3, 4],
|
||||
mt: 2,
|
||||
mb: 3,
|
||||
overflowWrap: 'anywhere',
|
||||
width: '100%',
|
||||
display: 'block'
|
||||
}}
|
||||
>
|
||||
{organization.name}
|
||||
</Heading>
|
||||
<Box
|
||||
as="footer"
|
||||
sx={{
|
||||
mt: 'auto',
|
||||
mb: 0,
|
||||
width: '100%',
|
||||
opacity: 0.875,
|
||||
textTransform: 'none'
|
||||
}}
|
||||
>
|
||||
<>
|
||||
{' '}
|
||||
<Text
|
||||
as="span"
|
||||
itemProp="location"
|
||||
itemScope
|
||||
itemType="http://schema.org/Place"
|
||||
>
|
||||
<span itemProp="address">
|
||||
North America
|
||||
</span>
|
||||
</Text>
|
||||
</>
|
||||
</Box>
|
||||
<Box sx={{ display: 'none' }}>
|
||||
<span itemProp="url">{organization.links.website}</span>
|
||||
</Box>
|
||||
</Card>
|
||||
</Tilt>
|
||||
)
|
||||
|
||||
export default OrganizationCard;
|
||||
205
components/bank/header.js
Normal file
205
components/bank/header.js
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
import { Box, Button, Heading, Link, Text, Container, Badge } from 'theme-ui'
|
||||
import Fade from 'react-reveal/Fade'
|
||||
import ScrollHint from '../scroll-hint'
|
||||
import Image from 'next/image'
|
||||
import theme from '@hackclub/theme'
|
||||
|
||||
export default function Header({
|
||||
copy: {
|
||||
UnderlinedHeroText,
|
||||
UnstyledHeroText,
|
||||
PrimaryHeroText,
|
||||
Button1,
|
||||
Button2,
|
||||
Caption
|
||||
},
|
||||
links: {
|
||||
button1,
|
||||
button2
|
||||
},
|
||||
assets: {
|
||||
heroImage,
|
||||
underlineColor
|
||||
}
|
||||
}) {
|
||||
return (
|
||||
<>
|
||||
<Slide heroImage={heroImage}>
|
||||
<Vignette />
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
bottom: 5,
|
||||
mx: 'auto',
|
||||
width: '100%'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
zIndex: '100',
|
||||
paddingTop: '96px'
|
||||
}}
|
||||
>
|
||||
<Fade duration={625} bottom>
|
||||
<Container
|
||||
variant="container"
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
textAlign: 'center'
|
||||
}}
|
||||
>
|
||||
<Heading
|
||||
variant="ultratitle"
|
||||
sx={{
|
||||
marginBottom: 4,
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)',
|
||||
letterSpacing: '-0.02em',
|
||||
'@media screen and (max-height: 600px)': {
|
||||
lineHeight: 0.875
|
||||
},
|
||||
'@media screen and (min-height: 610px)': {
|
||||
lineHeight: 1.125
|
||||
}
|
||||
}}
|
||||
as="h1"
|
||||
>
|
||||
<Underline color={underlineColor}><UnderlinedHeroText /></Underline>
|
||||
{' '}
|
||||
<UnstyledHeroText />
|
||||
</Heading>
|
||||
<Container variant="copy">
|
||||
<Text
|
||||
variant="lead"
|
||||
sx={{
|
||||
textShadow: '0 3px 6px rgba(0, 0, 0, 0.5)',
|
||||
'@media screen and (max-height: 600px)': {
|
||||
lineHeight: 1
|
||||
}
|
||||
}}
|
||||
>
|
||||
<PrimaryHeroText />
|
||||
</Text>
|
||||
</Container>
|
||||
</Container>
|
||||
</Fade>
|
||||
</Box>
|
||||
<br />
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
marginBottom: 3
|
||||
}}
|
||||
>
|
||||
<Button
|
||||
variant="ctaLg"
|
||||
sx={{
|
||||
background: theme.util.gx('green', 'blue'),
|
||||
}}
|
||||
as="a"
|
||||
href={button1}
|
||||
style={{ zIndex: '100' }}
|
||||
>
|
||||
<Button1 />
|
||||
</Button>
|
||||
<Button
|
||||
variant="outlineLg"
|
||||
sx={{
|
||||
color: 'green',
|
||||
background: '#ffffff22'
|
||||
}}
|
||||
as="a"
|
||||
href={button2}
|
||||
target="_blank"
|
||||
style={{ zIndex: '100' }}
|
||||
ml={3}
|
||||
>
|
||||
<Button2 />
|
||||
</Button>
|
||||
</Box>
|
||||
<ScrollHint />
|
||||
</Box>
|
||||
<Box sx={{ position: 'absolute', bottom: 3, right: 2, display: ["none", "block"] }}>
|
||||
<Badge
|
||||
variant="pill"
|
||||
sx={{
|
||||
zIndex: '1',
|
||||
bg: 'muted',
|
||||
color: 'steel',
|
||||
fontWeight: 'normal'
|
||||
}}
|
||||
>
|
||||
<Caption />
|
||||
</Badge>
|
||||
</Box>
|
||||
</Slide>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
function Underline({ color, children }) {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
backgroundImage: `url(/underline-${color}.svg)`,
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundSize: '100% 1rem',
|
||||
backgroundPosition: 'bottom center'
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
function Slide({ children, heroImage }) {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'end',
|
||||
width: '100vw',
|
||||
backgroundSize: 'cover',
|
||||
backgroundColor: '#000000',
|
||||
boxShadow: 'inset 0 0 4rem 1rem rgba(0, 0, 0, 0.5)',
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover',
|
||||
width: '100%',
|
||||
minHeight: '100vh',
|
||||
position: 'relative'
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={heroImage}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
alt="Dark room with a stage and students sitting below"
|
||||
placeholder="blur"
|
||||
priority
|
||||
/>
|
||||
{children}
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
function Vignette() {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
backgroundImage:
|
||||
'linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25) 25%,rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 100%)',
|
||||
height: '100vh',
|
||||
left: '0',
|
||||
right: '0',
|
||||
position: 'absolute',
|
||||
zIndex: '0'
|
||||
}}
|
||||
></Box>
|
||||
)
|
||||
}
|
||||
|
|
@ -3,194 +3,51 @@ import Fade from 'react-reveal/Fade'
|
|||
import ScrollHint from '../scroll-hint'
|
||||
import Image from 'next/image'
|
||||
import hero from '../../public/bank/bg.webp'
|
||||
import Header from './header'
|
||||
|
||||
export default function Landing({ showButton, eventsCount }) {
|
||||
export default function Landing ({ eventsCount }) {
|
||||
return (
|
||||
<>
|
||||
<Slide>
|
||||
<Vignette />
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
position: 'absolute',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
bottom: 5,
|
||||
mx: 'auto',
|
||||
width: '100%'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
zIndex: '100',
|
||||
paddingTop: '96px'
|
||||
}}
|
||||
<Header
|
||||
copy={{
|
||||
UnderlinedHeroText: () => <>
|
||||
Become a 501(c)(3) nonprofit
|
||||
</>,
|
||||
UnstyledHeroText: () => <>
|
||||
with Hack Club Bank.
|
||||
</>,
|
||||
PrimaryHeroText: () => <>
|
||||
The team behind the{' '}
|
||||
<Link
|
||||
href="https://innovationcircuit.com"
|
||||
target="_blank"
|
||||
color="inherit"
|
||||
bold
|
||||
hoverline
|
||||
>
|
||||
<Fade duration={625} bottom>
|
||||
<Container
|
||||
variant="container"
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
textAlign: 'center'
|
||||
}}
|
||||
>
|
||||
<Heading
|
||||
variant="ultratitle"
|
||||
sx={{
|
||||
marginBottom: 4,
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)',
|
||||
letterSpacing: '-0.02em',
|
||||
'@media screen and (max-height: 600px)': {
|
||||
lineHeight: 0.875
|
||||
},
|
||||
'@media screen and (min-height: 610px)': {
|
||||
lineHeight: 1.125
|
||||
}
|
||||
}}
|
||||
as="h1"
|
||||
>
|
||||
<Underline>Become a 501(c)(3) nonprofit</Underline> with
|
||||
Hack Club Bank.
|
||||
</Heading>
|
||||
<Container variant="copy">
|
||||
<Text
|
||||
variant="lead"
|
||||
sx={{
|
||||
textShadow: '0 3px 6px rgba(0, 0, 0, 0.5)',
|
||||
'@media screen and (max-height: 600px)': {
|
||||
lineHeight: 1
|
||||
}
|
||||
}}
|
||||
>
|
||||
The team behind the{' '}
|
||||
<Link
|
||||
href="https://innovationcircuit.com"
|
||||
target="_blank"
|
||||
color="inherit"
|
||||
bold
|
||||
hoverline
|
||||
>
|
||||
Innovation Circuit
|
||||
</Link>{' '}
|
||||
is one of {Math.round((eventsCount - 50) / 100) * 100}+
|
||||
teams who use <strong>Hack Club Bank</strong> to
|
||||
run world-class organizations, hackathons, and clubs.
|
||||
</Text>
|
||||
</Container>
|
||||
</Container>
|
||||
</Fade>
|
||||
</Box>
|
||||
<br />
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
marginBottom: 3
|
||||
}}
|
||||
>
|
||||
{showButton && (
|
||||
<>
|
||||
<Button
|
||||
variant="ctaLg"
|
||||
as="a"
|
||||
href="#apply"
|
||||
style={{ zIndex: '100' }}
|
||||
>
|
||||
Apply Now
|
||||
</Button>
|
||||
<Button
|
||||
variant="outlineLg"
|
||||
as="a"
|
||||
href="https://bank.hackclub.com"
|
||||
target="_blank"
|
||||
style={{ zIndex: '100' }}
|
||||
ml={3}
|
||||
>
|
||||
Sign in
|
||||
</Button>
|
||||
</>
|
||||
)}
|
||||
</Box>
|
||||
<ScrollHint />
|
||||
</Box>
|
||||
<Box sx={{ position: 'absolute', bottom: 3, right: 2, display: ["none", "block"] }}>
|
||||
<Badge
|
||||
variant="pill"
|
||||
sx={{
|
||||
zIndex: '1',
|
||||
bg: 'muted',
|
||||
color: 'steel',
|
||||
fontWeight: 'normal'
|
||||
}}
|
||||
>
|
||||
Singapore
|
||||
</Badge>
|
||||
</Box>
|
||||
</Slide>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
function Underline({ children }) {
|
||||
return (
|
||||
<span
|
||||
style={{
|
||||
backgroundImage: 'url(/underline.svg)',
|
||||
backgroundRepeat: 'no-repeat',
|
||||
backgroundSize: '100% 1rem',
|
||||
backgroundPosition: 'bottom center'
|
||||
Innovation Circuit
|
||||
</Link>{' '}
|
||||
is one of {Math.round((eventsCount - 50) / 100) * 100}+
|
||||
teams who use <strong>Hack Club Bank</strong> to
|
||||
run world-class organizations, hackathons, and clubs.
|
||||
</>,
|
||||
Button1: () => <>
|
||||
Apply Now
|
||||
</>,
|
||||
Button2: () => <>
|
||||
Sign in
|
||||
</>,
|
||||
Caption: () => <>
|
||||
Singapore
|
||||
</>
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</span>
|
||||
)
|
||||
}
|
||||
|
||||
function Slide({ children }) {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'end',
|
||||
width: '100vw',
|
||||
backgroundSize: 'cover',
|
||||
backgroundColor: '#000000',
|
||||
boxShadow: 'inset 0 0 4rem 1rem rgba(0, 0, 0, 0.5)',
|
||||
backgroundPosition: 'center',
|
||||
backgroundSize: 'cover',
|
||||
width: '100%',
|
||||
minHeight: '100vh',
|
||||
position: 'relative'
|
||||
links={{
|
||||
button1: '#apply',
|
||||
button2: 'https://bank.hackclub.com'
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={hero}
|
||||
layout="fill"
|
||||
objectFit="cover"
|
||||
alt="Dark room with a stage and students sitting below"
|
||||
placeholder="blur"
|
||||
priority
|
||||
/>
|
||||
{children}
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
function Vignette() {
|
||||
return (
|
||||
<Box
|
||||
style={{
|
||||
backgroundImage:
|
||||
'linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25) 25%,rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 100%)',
|
||||
height: '100vh',
|
||||
left: '0',
|
||||
right: '0',
|
||||
position: 'absolute',
|
||||
zIndex: '0'
|
||||
assets={{
|
||||
heroImage: hero,
|
||||
underlineColor: 'red'
|
||||
}}
|
||||
></Box>
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,6 +26,8 @@ const MSparkles = ({
|
|||
colors = ['orange', 'yellow', 'green'],
|
||||
children,
|
||||
sx,
|
||||
path,
|
||||
viewBox,
|
||||
props,
|
||||
...delegated
|
||||
}) => {
|
||||
|
|
@ -58,6 +60,8 @@ const MSparkles = ({
|
|||
color={sparkle.color}
|
||||
size={sparkle.size}
|
||||
style={sparkle.style}
|
||||
path={path}
|
||||
viewBox={viewBox}
|
||||
/>
|
||||
))}
|
||||
<ChildWrapper as="strong" sx={sx} {...props}>
|
||||
|
|
@ -67,12 +71,12 @@ const MSparkles = ({
|
|||
)
|
||||
}
|
||||
|
||||
const Sparkle = ({ size, color, style }) => {
|
||||
const path =
|
||||
const Sparkle = ({ size, color, style, path, viewBox }) => {
|
||||
if (!path) path =
|
||||
'M27 0H18V7.44119C8.56638 8.96454 2.608 15.2023 2.608 24.168C2.608 34.4553 10.2396 38.3636 18 41.2862V60.3901C14.2364 58.7919 11.8724 55.3359 11.536 50.088H0.591999C0.999374 61.0056 7.97574 68.051 18 69.933V80H27V70.2565C37.6237 69.0685 44.656 62.1891 44.656 51.912C44.656 40.3121 35.4657 36.7574 27 33.8641V16.9739C30.363 18.3007 32.5185 21.3983 32.656 26.76H43.312C43.228 15.2519 36.6759 8.81537 27 7.38614V0ZM18 16.871C14.8637 17.9425 13.072 20.2358 13.072 23.304C13.072 26.6134 15.0429 28.7127 18 30.3352V16.871ZM27 44.7132V61.0707C31.4416 60.1212 34.192 57.2657 34.192 53.16C34.192 48.9744 31.1721 46.6064 27 44.7132Z'
|
||||
return (
|
||||
<SparkleWrapper style={style}>
|
||||
<SparkleSvg width={size} height={size} viewBox="0 0 82 82" fill="none">
|
||||
<SparkleSvg width={size} height={size} viewBox={viewBox || "0 0 82 82"} fill="none">
|
||||
<path fillRule="evenodd" clipRule="evenodd" d={path} fill={color} />
|
||||
</SparkleSvg>
|
||||
</SparkleWrapper>
|
||||
|
|
|
|||
506
pages/bank/climate/index.js
Normal file
506
pages/bank/climate/index.js
Normal file
|
|
@ -0,0 +1,506 @@
|
|||
import { Box, Container, Flex, Grid, Heading } from 'theme-ui'
|
||||
import Meta from '@hackclub/meta'
|
||||
import Head from 'next/head'
|
||||
import ForceTheme from '../../../components/force-theme'
|
||||
import Nav from '../../../components/nav'
|
||||
import Footer from '../../../components/footer'
|
||||
import MSparkles from '../../../components/hackathons/grant/money'
|
||||
import { Text, Button, Card } from 'theme-ui'
|
||||
import Icon from '@hackclub/icons'
|
||||
import OrganizationCard from '../../../components/bank/directory/card'
|
||||
import Zoom from 'react-reveal/Zoom'
|
||||
import ScrollHint from '../../../components/scroll-hint'
|
||||
/** @jsxImportSource theme-ui */
|
||||
|
||||
const styles = `
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
`
|
||||
|
||||
|
||||
const Requirement = ({ title, children, checkmark, background, size }) => {
|
||||
return (
|
||||
<Zoom>
|
||||
<Card
|
||||
variant="interactive"
|
||||
sx={{
|
||||
backgroundColor: 'elevated',
|
||||
backgroundImage: `url('${background}')`,
|
||||
backgroundSize: '40px 40px',
|
||||
backgroundRepeat: 'repeat',
|
||||
backgroundPosition: '10% 10%',
|
||||
color: 'snow',
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'start',
|
||||
height: '100%'
|
||||
}}
|
||||
>
|
||||
<Flex sx={{ alignItems: 'center' }}>
|
||||
<Box mr={3} sx={{ lineHeight: 0, flexShrink: 0 }}>
|
||||
<Icon glyph={checkmark} color="#ec3750" size={size} />
|
||||
</Box>
|
||||
<Text variant="heading" sx={{ fontSize: [2, 3, 3], lineHeight: 1.5 }}>
|
||||
{title}
|
||||
</Text>
|
||||
</Flex>
|
||||
|
||||
<Text pl={48} mt={2} sx={{ fontSize: [1, 2, 2] }}>
|
||||
{children}
|
||||
</Text>
|
||||
</Card>
|
||||
</Zoom>
|
||||
)
|
||||
}
|
||||
|
||||
const HackathonGrant = ({ rawOrganizations }) => {
|
||||
let open = true // applications are open
|
||||
let channel = 'https://hackclub.slack.com/archives/C03TS0VKFPZ' // #hackathon-grants
|
||||
|
||||
return (
|
||||
<>
|
||||
<Meta
|
||||
as={Head}
|
||||
title="Hackathon Grant"
|
||||
description="Hack Club is partnering with FIRST to provide $500 grants to in-person high school hackathons happening until June 30th, 2023."
|
||||
image="https://cloud-7yw9f6xnv-hack-club-bot.vercel.app/0grant.png"
|
||||
/>
|
||||
<style>{styles}</style>
|
||||
<Box as="main" key="main">
|
||||
<Nav dark />
|
||||
<ForceTheme theme="dark" />
|
||||
<Meta as={Head} title="Hackathon Grant" />
|
||||
<Box
|
||||
sx={{
|
||||
pt: [5, null, null, null, 6],
|
||||
pb: [3, 4, 5, null, 6],
|
||||
minHeight: ['70vh', 'none'],
|
||||
textAlign: 'center',
|
||||
backgroundImage:
|
||||
"linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url('https://cloud-ff8eau8q5-hack-club-bot.vercel.app/0jeremy-bishop-ewkxn5capa4-unsplash.jpg')",
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center center',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: '100%',
|
||||
maxWidth: 'calc(48rem + 512px)',
|
||||
mx: 'auto',
|
||||
px: '16px',
|
||||
backdropFilter: 'blur(1.5px)'
|
||||
}}
|
||||
>
|
||||
<Heading
|
||||
sx={{
|
||||
textAlign: 'center',
|
||||
mt: [2, 4],
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)',
|
||||
fontSize: [5, null, 6, 7]
|
||||
}}
|
||||
as="h1"
|
||||
variant="title"
|
||||
>
|
||||
<Flex
|
||||
sx={{ justifyContent: 'center', alignItems: 'center', mb: 2 }}
|
||||
>
|
||||
<MSparkles colors={['green', 'teal', 'blue']} path={`M491.9,156.3c-19.4-46-51.9-85-92.7-112.6C358.3,16.1,309,0,256,0c-35.3,0-69,7.2-99.7,20.1c-46,19.4-85,51.9-112.6,92.7
|
||||
C16.1,153.7,0,203,0,256c0,35.3,7.2,69,20.1,99.7c19.4,46,51.9,85,92.7,112.6C153.7,495.9,203,512,256,512c35.3,0,69-7.2,99.7-20.1
|
||||
c46-19.4,85-51.9,112.6-92.7C495.9,358.3,512,309,512,256C512,220.7,504.8,187,491.9,156.3z M123.2,81.3c-1,11.8,2.5,23.7,9.9,33.1
|
||||
c6.8,8.7,17.6,11.5,18.1,23.4c0.5,11.4-1.3,17.3-8.8,25.3c-3.2,3.4-5.5,8.3-8.8,11.5c-4,3.9-2.5,2.7-8.8,3.8
|
||||
c-11.8,2-21.9,5.1-33.4,8.2c-18,5-20.6-22.4-28.1-35.8C78.2,123.6,98.7,99.9,123.2,81.3z M74,378.8c-23.7-35-37.5-77.2-37.5-122.7
|
||||
c0-19.9,2.7-39.2,7.6-57.6c8.4,18.1,20.6,33.7,28.9,52.2c10.7,23.8,39.5,17.2,52.2,38.1c11.3,18.5-0.8,42,7.7,61.3
|
||||
c6.1,14.1,20.6,17.1,30.5,27.4c10.2,10.4,10,24.6,11.5,38.1c1.8,15.9,4.6,31.7,8.5,47.2c0,0.2,0.1,0.3,0.1,0.5
|
||||
c-4.4-1.5-8.7-3.2-12.9-5C131.2,441.7,97.7,413.8,74,378.8z M169.8,290.1c3.2-0.7,16.2,1.6,20.2,2.4c6.3,1.3,9.7,5.2,14.7,9.1
|
||||
c13,10.4,27.3,18.5,41.8,26.4c11.2,6.2,14.5,14.1,7.3,27c-6.9,12.2-22.1,20.4-31.9,30.2c-2.7,2.6-8.3,11.8-11.7,9.8
|
||||
c-2.4-1.4-3.2-13.3-4.1-16c-4.5-13.7-13.2-25.7-24.8-34.2c-3.6-2.7-12.4-6.2-14.5-9.9c-2.3-4-0.2-13.6-0.1-17.9
|
||||
c0.1-6.4-2.8-17-1.2-22.9C167.3,287.4,163.8,291.4,169.8,290.1z M378.7,438c-35,23.7-77.2,37.5-122.7,37.5
|
||||
c-12.5,0-24.7-1.1-36.7-3.1c0.1-3.1,0.2-6,0.5-8c2.8-18.2,11.9-35.9,24.1-49.5c12.1-13.4,28.7-22.5,39-37.7
|
||||
c10.2-14.9,13.2-34.9,9-52.3c-6.1-25.6-40.9-34.2-59.7-48.1c-10.8-8-20.4-20.4-34.6-21.4c-6.5-0.5-12,0.9-18.5-0.7
|
||||
c-5.9-1.5-10.6-4.7-16.9-3.9c-11.8,1.6-19.3,14.2-32,12.5c-12.1-1.6-24.5-15.7-27.2-27.2c-3.5-14.8,8.2-19.6,20.7-20.9
|
||||
c5.2-0.5,11.1-1.1,16.1,0.8c6.6,2.5,9.7,8.9,15.7,12.2c11.1,6.1,13.4-3.6,11.7-13.5c-2.5-14.8-5.5-20.8,7.7-31
|
||||
c9.1-7,17-12.1,15.5-24.7c-0.9-7.4-4.9-10.8-1.1-18.1c2.9-5.6,10.7-10.7,15.9-14c13.2-8.6,56.7-8,39-32.2
|
||||
c-5.2-7.1-14.9-19.8-24-21.5c-11.4-2.2-16.5,10.6-24.5,16.2c-8.2,5.8-24.3,12.4-32.5,3.4c-11.1-12.1,7.3-16.1,11.4-24.5
|
||||
c1.9-3.9,0-9.5-3.4-14.8c4.1-1.7,8.2-3.3,12.4-4.8c2.7,1.9,5.6,3.2,9.2,3.4c7.6,0.5,14.9-3.6,21.5,1.6c7.4,5.7,12.7,12.9,22.6,14.7
|
||||
c9.5,1.7,19.6-3.8,21.9-13.6c1.5-5.9,0-12.1-1.3-18.3c29.7,0.2,58.1,6.3,83.8,17.2c12.9,5.4,25.1,12.1,36.6,19.7
|
||||
c-2.3-1-5.2-1-8.8,0.7c-6.9,3.2-16.8,11.4-17.6,19.6c-0.8,9.2,12.8,10.5,19.2,10.5c9.7,0,19.6-4.3,16.4-15.6
|
||||
c-1.4-5-3.3-10.3-6.5-13.3c7.3,5,14.2,10.5,20.8,16.3c-0.1,0.1-0.2,0.2-0.3,0.2c-6.6,6.9-14.2,12.3-18.7,20.6
|
||||
c-3.2,5.9-6.8,8.7-13.2,10.2c-3.5,0.8-7.6,1.1-10.6,3.5c-8.3,6.8-3.5,22.4,4.3,27.1c9.9,5.9,24.6,3.1,32.1-5.3
|
||||
c5.8-6.6,9.3-18.1,19.8-18.1c4.6,0,9.1,1.8,12.4,5c4.3,4.5,3.5,8.7,4.4,14.3c1.7,10,10.4,4.6,15.8-0.5c3.9,7,7.4,14.1,10.6,21.5
|
||||
c-5.9,8.5-10.5,17.8-24.8,7.9c-8.5-5.9-13.7-14.5-24.4-17.1c-9.3-2.3-18.9,0.1-28.1,1.7c-10.5,1.8-22.9,2.6-30.8,10.5
|
||||
c-7.7,7.6-11.7,17.9-19.9,25.5c-15.8,14.9-22.4,31.1-12.2,52.1c9.8,20.2,30.4,31.2,52.6,29.7c21.8-1.5,44.4-14.1,43.8,17.6
|
||||
c-0.2,11.2,2.1,19,5.6,29.4c3.2,9.6,3,18.9,3.7,28.8c0.8,11.2,2.4,23.1,5.5,34.5C414.9,409.1,397.9,425,378.7,438z M459.4,338.5
|
||||
c-0.1-2.2-0.4-4.3-0.7-6.5c-1.5-9.8-7.3-19-8.1-28.7c-1.5-18.1,1.8-32.5-12.1-47.6c-13.4-14.6-33.1-18.1-52-15.1
|
||||
c-9.5,1.5-47.7,7.6-32.3-14.1c3-4.3,8.3-7.8,11.7-11.8c3-3.5,5.5-10,9-12.8c3.5-2.8,19.4-5.9,24-4.5c4.6,1.4,9.3,8,13.3,10.9
|
||||
c7.3,5.5,15.9,9.2,24.9,10.7c8.8,1.3,23.2-1.1,33.9-7c2.9,14.2,4.4,28.9,4.4,44C475.4,285.2,469.7,313.1,459.4,338.5z`} viewBox="0 0 512 512">
|
||||
<img src="/bank/climate/earth-on-bank.svg" height="82px" />
|
||||
</MSparkles>
|
||||
</Flex>
|
||||
Climate-focused nonprofits{' '}
|
||||
on <a sx={{ whiteSpace: 'nowrap' }}>Hack Club Bank</a>
|
||||
</Heading>
|
||||
<Box
|
||||
sx={{
|
||||
fontSize: [2, 3, 3],
|
||||
textAlign: 'center',
|
||||
my: 4
|
||||
}}
|
||||
>
|
||||
Nonprofits are making real environmental impact with Hack Club Bank's fiscal sponsorship and financial tools. Explore the climate efforts running on Hack Club Bank.
|
||||
</Box>
|
||||
<Button variant="ctaLg" as="a" href="#apply" sx={{ mt: 2 }}>
|
||||
{open ? 'Apply Now' : 'Coming Soon'}
|
||||
</Button>
|
||||
<Button
|
||||
variant="ctaLg"
|
||||
as="a"
|
||||
href="https://hackathons.hackclub.com"
|
||||
sx={{
|
||||
ml: [0, 3],
|
||||
mt: 2,
|
||||
backgroundImage: t => t.util.gx('green', 'blue')
|
||||
}}
|
||||
>
|
||||
<Text>
|
||||
Find hackathons{' '}
|
||||
<Text sx={{ display: ['none', 'inline'] }}>near you</Text>
|
||||
</Text>
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
<ScrollHint style={{
|
||||
transform: 'translateY(-250%) rotate(45deg)'
|
||||
}} />
|
||||
|
||||
|
||||
<Container sx={{ mt: [3, 4, 5] }}>
|
||||
<Grid columns={[1, 2, 3]} gap={[3, 4]} sx={{ mt: [3, 4, 5] }}>
|
||||
{rawOrganizations.map(org => new Organization(org)).map(organization => (
|
||||
<OrganizationCard organization={organization} key={organization.id} showTags={true} />
|
||||
))}
|
||||
</Grid>
|
||||
</Container>
|
||||
|
||||
<Box
|
||||
sx={{
|
||||
pt: [5, null, null, null, 6],
|
||||
pb: [3, 4, 5, null, 6],
|
||||
minHeight: ['70vh', 'none'],
|
||||
textAlign: 'center',
|
||||
backgroundImage:
|
||||
"linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4)), url('https://cloud-hc1lyhwxy-hack-club-bot.vercel.app/0marita-kavelashvili-ugnrxk1129g-unsplash.jpg')",
|
||||
backgroundSize: 'cover',
|
||||
backgroundPosition: 'center center',
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center'
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
width: '100%',
|
||||
maxWidth: 'calc(48rem + 512px)',
|
||||
mx: 'auto',
|
||||
px: '16px'
|
||||
}}
|
||||
>
|
||||
<Heading
|
||||
sx={{
|
||||
textAlign: 'center',
|
||||
mt: [2, 4],
|
||||
textShadow: '0 0 16px rgba(0, 0, 0, 1)',
|
||||
fontSize: [5, null, 6, 6]
|
||||
}}
|
||||
as="h3"
|
||||
variant="subheadline"
|
||||
>
|
||||
Join us in supporting climate initiatives.
|
||||
</Heading>
|
||||
<Box
|
||||
sx={{
|
||||
fontSize: [2, 3, 3],
|
||||
textAlign: 'center',
|
||||
my: 4
|
||||
}}
|
||||
>
|
||||
Let your money work for change by donating to all climate-focused nonprofits on Hack Club Bank. Donate to 128 Collective’s curated list of recommended organizations.
|
||||
</Box>
|
||||
<Button
|
||||
variant="ctaLg"
|
||||
as="a"
|
||||
href="https://hackathons.hackclub.com"
|
||||
sx={{
|
||||
ml: [0, 3],
|
||||
mt: 2,
|
||||
backgroundImage: t => t.util.gx('green', 'blue')
|
||||
}}
|
||||
>
|
||||
<Text>
|
||||
Donate to{' '}
|
||||
<Text sx={{ display: ['none', 'none', 'inline'] }}>Hack Club Bank</Text>{' '}
|
||||
Climate Fund
|
||||
</Text>
|
||||
</Button>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
<Footer dark key="footer" />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default HackathonGrant
|
||||
|
||||
/**
|
||||
*
|
||||
*//**
|
||||
* Represents an organization.
|
||||
*/
|
||||
export class Organization {
|
||||
/**
|
||||
* Creates an instance of Organization.
|
||||
* @param {object} rawOrganization - The raw organization data.
|
||||
*/
|
||||
constructor(rawOrganization) {
|
||||
/**
|
||||
* The raw organization data.
|
||||
* @type {object}
|
||||
*/
|
||||
this.raw = rawOrganization;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the ID of the organization.
|
||||
* @type {string}
|
||||
*/
|
||||
get id() {
|
||||
return this.raw.id;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the name of the organization.
|
||||
* @type {string}
|
||||
*/
|
||||
get name() {
|
||||
return this.raw.name;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the slug of the organization.
|
||||
* @type {string}
|
||||
*/
|
||||
get slug() {
|
||||
return this.raw.slug;
|
||||
}
|
||||
|
||||
/**
|
||||
* Checks if the organization is transparent.
|
||||
* @type {boolean}
|
||||
*/
|
||||
get isTransparent() {
|
||||
return this.raw.transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Checks if the organization is in demo mode.
|
||||
* @type {boolean}
|
||||
*/
|
||||
get isDemo() {
|
||||
return this.raw.demo_mode;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the number of users in the organization.
|
||||
* @type {number}
|
||||
*/
|
||||
get users() {
|
||||
return this.raw.users.length;
|
||||
}
|
||||
|
||||
/**
|
||||
* Checks if the organization accepts donations.
|
||||
* @type {boolean}
|
||||
*/
|
||||
get acceptsDonations() {
|
||||
return this.raw.donation_link !== null;
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the branding information of the organization.
|
||||
* @type {object}
|
||||
* @property {string} logo - The logo of the organization.
|
||||
* @property {string} donationHeader - The donation header of the organization.
|
||||
* @property {string} backgroundImage - The background image of the organization.
|
||||
* @property {string} publicMessage - The public message of the organization.
|
||||
*/
|
||||
get branding() {
|
||||
return {
|
||||
logo: this.raw.logo,
|
||||
donationHeader: this.raw.donation_header,
|
||||
backgroundImage: this.raw.background_image,
|
||||
publicMessage: this.raw.public_message
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the tags of the organization.
|
||||
* @type {object}
|
||||
* @property {string} type - The type of the organization.
|
||||
* @property {string} category - The category of the organization.
|
||||
* @property {string[]} badges - The badges of the organization.
|
||||
*/
|
||||
get tags() {
|
||||
return {
|
||||
type: this.raw.category,
|
||||
category: "Coding",
|
||||
badges: [
|
||||
"128_collective_funded"
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the creation date of the organization.
|
||||
* @type {Date}
|
||||
*/
|
||||
get createdAt() {
|
||||
return new Date(this.raw.created_at);
|
||||
}
|
||||
|
||||
/**
|
||||
* Gets the links associated with the organization.
|
||||
* @type {object}
|
||||
* @property {string} website - The website link of the organization.
|
||||
* @property {string} donations - The donation link of the organization (if it accepts donations).
|
||||
* @property {string} financials - The financials link of the organization (if it is transparent).
|
||||
*/
|
||||
get links() {
|
||||
const links = {
|
||||
website: this.raw.website
|
||||
};
|
||||
|
||||
if (this.acceptsDonations) links.donations = this.raw.donation_link;
|
||||
if (this.isTransparent) links.financials = `https://bank.hackclub.com/${this.slug}`;
|
||||
|
||||
return links;
|
||||
}
|
||||
|
||||
/**
|
||||
* Updates the organization data by making an API call.
|
||||
* @returns {Organization} The updated Organization instance.
|
||||
*/
|
||||
async update() {
|
||||
const response = await fetch(this.raw.href);
|
||||
const json = await response.json();
|
||||
this.raw = json;
|
||||
|
||||
return this;
|
||||
}
|
||||
}
|
||||
|
||||
export async function fetchRawClimateOrganizations () {
|
||||
// TODO: Get rid of unused keys
|
||||
return [
|
||||
{
|
||||
"id":"org_G3ux2J",
|
||||
"object":"organization",
|
||||
"href":"https://bank.hackclub.com/api/v3/organizations/org_G3ux2J.json",
|
||||
"name":"Youth Climate Finance Alliance",
|
||||
"slug":"youth-climate-finance-alliance",
|
||||
"website":"https://fossilfreefuture.earth/",
|
||||
"category":"nonprofit",
|
||||
"transparent":true,
|
||||
"demo_mode":false,
|
||||
"logo":"https://bank.hackclub.com/storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBZ1dmIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--24792feb0b39170e10b2cdcdb9640aa226e960f7/YCFAlogo_darkbg_400x400.png",
|
||||
"donation_header":null,
|
||||
"background_image":"https://bank.hackclub.com/storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcFNxIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--85c11fd2730ea19872536273e35282e2163d0f56/IMG_8914.JPG",
|
||||
"public_message":null,
|
||||
"donation_link":"https://bank.hackclub.com/donations/start/youth-climate-finance-alliance",
|
||||
"balances":{
|
||||
"balance_cents":3941865,
|
||||
"fee_balance_cents":0,
|
||||
"incoming_balance_cents":0,
|
||||
"total_raised":5070045
|
||||
},
|
||||
"created_at":"2023-02-22T22:01:06Z",
|
||||
"users":[
|
||||
{
|
||||
"id":"usr_k6tvjR",
|
||||
"object":"user",
|
||||
"full_name":"Yousuf Munir",
|
||||
"admin":false,
|
||||
"photo":"https://gravatar.com/avatar/b8f5c657166f507431a48fa71c5e670c?s=48\u0026d=https%3A%2F%2Fui-avatars.com%2Fapi%2F/YM/48/ec3750/fff"
|
||||
},
|
||||
{
|
||||
"id":"usr_eNtM0d",
|
||||
"object":"user",
|
||||
"full_name":"Sof Petros",
|
||||
"admin":false,
|
||||
"photo":"https://bank.hackclub.com/storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBajJQIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--c36bb0149adcb437bcbc3f0a5f17775fbcb1ae3e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lKYW5CbFp3WTZCa1ZVT2c1MGFIVnRZbTVoYVd4SklnczBPSGcwT0Y0R093WlVPZ3huY21GMmFYUjVTU0lMWTJWdWRHVnlCanNHVkRvTFpYaDBaVzUwU1NJS05EaDRORGdHT3daVSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--db2756997f8f6f475b203ef1060ca1788a709656/IMG_5483.jpeg"
|
||||
},
|
||||
{
|
||||
"id":"usr_Jptr7D",
|
||||
"object":"user",
|
||||
"full_name":"Gabrielle Heidrich",
|
||||
"admin":false,
|
||||
"photo":"https://gravatar.com/avatar/a0e0d170ab0c450cbccd12c8f67f0a27?s=48\u0026d=https%3A%2F%2Fui-avatars.com%2Fapi%2F/GH/48/5bc0de/fff"
|
||||
},
|
||||
{
|
||||
"id":"usr_prtYXg",
|
||||
"object":"user",
|
||||
"full_name":"Isabella Guinigundo",
|
||||
"admin":false,
|
||||
"photo":"https://bank.hackclub.com/storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaE9BIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--9458e78685e864949a04eb370e6128ed4813e79e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDVG9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RG5Sb2RXMWlibUZwYkVraUN6UTRlRFE0WGdZN0JsUTZER2R5WVhacGRIbEpJZ3RqWlc1MFpYSUdPd1pVT2d0bGVIUmxiblJKSWdvME9IZzBPQVk3QmxRPSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--0b7ce54a24f36efbacd451555b06eed66aa6f802/Profile-Professional(1).jpg"
|
||||
},
|
||||
{
|
||||
"id":"usr_LZtYym",
|
||||
"object":"user",
|
||||
"full_name":"Connie Lu",
|
||||
"admin":false,
|
||||
"photo":"https://gravatar.com/avatar/df6027bcdc3ea817081fa2da48ff8cc8?s=48\u0026d=https%3A%2F%2Fui-avatars.com%2Fapi%2F/CL/48/ec3750/fff"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const Grouping = ({
|
||||
title,
|
||||
desc,
|
||||
header,
|
||||
children,
|
||||
footer,
|
||||
organizations,
|
||||
showTags = false,
|
||||
useFilter
|
||||
}) => {
|
||||
return (
|
||||
<Box
|
||||
as="main"
|
||||
sx={{ bg: 'background', color: 'text', textAlign: [null, 'center'] }}
|
||||
>
|
||||
{header}
|
||||
<Container sx={{ mt: [3, 4, 5] }}>
|
||||
{children}
|
||||
<Grid columns={[1, 2, 3]} gap={[3, 4]} sx={{ mt: [3, 4, 5] }}>
|
||||
{organizations.map(organization => (
|
||||
<OrganizationCard organization={organization} key={organizations.id} showTags={true} />
|
||||
))}
|
||||
</Grid>
|
||||
</Container>
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
||||
export const getStaticProps = async () => {
|
||||
return {
|
||||
props: {
|
||||
rawOrganizations: await fetchRawClimateOrganizations()
|
||||
},
|
||||
revalidate: 60
|
||||
}
|
||||
};
|
||||
|
|
@ -41,7 +41,7 @@ export default function Bank({ stats }) {
|
|||
</Meta>
|
||||
<style>{styles}</style>
|
||||
<Box>
|
||||
<Landing eventsCount={stats.events_count} showButton />
|
||||
<Landing eventsCount={stats.events_count} />
|
||||
|
||||
<Features />
|
||||
|
||||
|
|
|
|||
99
public/bank/climate/earth-on-bank.svg
Normal file
99
public/bank/climate/earth-on-bank.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 52 KiB |
BIN
public/bank/tree.jpg
Normal file
BIN
public/bank/tree.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 MiB |
1
public/underline-green.svg
Executable file
1
public/underline-green.svg
Executable file
|
|
@ -0,0 +1 @@
|
|||
<svg preserveAspectRatio="none" width="119" height="6" viewBox="0 0 119 6" xmlns="http://www.w3.org/2000/svg"><path d="M117.434 3.853C59.027 5.933 84.784-2.46 1.566 3.436" stroke="#33d6a6" stroke-width="2" fill="none" stroke-linecap="round"/></svg>
|
||||
|
After Width: | Height: | Size: 249 B |
|
Before Width: | Height: | Size: 249 B After Width: | Height: | Size: 249 B |
Loading…
Add table
Reference in a new issue