Add more images to homepage

This commit is contained in:
Lachlan Campbell 2020-09-09 21:01:16 +00:00
parent c2308c3208
commit dbc238a24c
2 changed files with 19 additions and 6 deletions

View file

@ -6,6 +6,7 @@ import theme from '../lib/theme'
import Icon from './icon'
import Flag from './flag'
import ScrollLock from 'react-scrolllock'
import NextLink from 'next/link'
const rgbaBgColor = (props, opacity) =>
`rgba(
@ -141,7 +142,9 @@ const NavBar = styled(Box)`
const Navigation = props => (
<NavBar role="navigation" {...props}>
<Link href="https://hackclub.com/clubs/" children="Clubs" />
<NextLink href="/slack" passHref>
<Link children="Slack" />
</NextLink>
<Link href="https://workshops.hackclub.com/" children="Workshops" />
<Link href="https://scrapbook.hackclub.com/" children="Scrapbook" />
<Link href="https://hackclub.com/bank/" children="Bank" />

View file

@ -412,10 +412,14 @@ const Page = () => (
how to run it live.
</>
}
/>
>
<Photo
src="https://cloud-5l827972h.vercel.app/2020-09-09_jwn3zheyafktu0hj5mb4tu7mrz49u6j3.png"
alt="Megan presenting a workshop at Flagship 2019"
sx={{ maxWidth: [null, 332] }}
/>
</Feature>
<Feature
icon="payment-transfer"
color="green"
name="Workshop Bounty Program"
desc={
<>
@ -429,7 +433,13 @@ const Page = () => (
have fun with your bounties.
</>
}
/>
>
<Image
src="https://cloud-7p08n03ez.vercel.app/2020-09-09_4kmbqakaxvjax13rzwhfq6qutzvyxn34.jpeg"
alt="Wanted poster for $200"
width={180}
/>
</Feature>
<Feature
icon="slack-fill"
color="#5d114c"
@ -494,7 +504,7 @@ const Page = () => (
<Photo
src="https://assets.hackclub.com/log/2020-06-29_workshops.jpg"
alt="Students going wild on a Zoom call"
sx={{ maxWidth: [null, 384] }}
sx={{ maxWidth: [null, 332] }}
/>
</Feature>
</Grid>