mirror of
https://github.com/System-End/site.git
synced 2026-04-19 15:18:18 +00:00
feat: space for more winners
This commit is contained in:
phthallo
parent
c4210a3409
commit
04465f6385
2 changed files with 74 additions and 14 deletions
|
|
@ -1,5 +1,6 @@
|
|||
import { Box, Image, Text } from 'theme-ui'
|
||||
|
||||
|
||||
export default function UserProfile({
|
||||
image,
|
||||
name,
|
||||
|
|
|
|||
|
|
@ -12,8 +12,9 @@ import Polaroid from '../components/congressional-app-challenge/polaroid'
|
|||
import UserProfile from '../components/congressional-app-challenge/userProfile'
|
||||
import ForceTheme from '../components/force-theme'
|
||||
import Carousel from '../components/index/carousel'
|
||||
import { TypeAnimation } from 'react-type-animation'
|
||||
import Photo from '../components/photo'
|
||||
import { TypeAnimation } from 'react-type-animation'
|
||||
|
||||
|
||||
const styled = `
|
||||
@import url("https://fonts.googleapis.com/css2?family=Gaegu&display=swap");
|
||||
|
|
@ -543,19 +544,18 @@ function Page({ carouselCards }) {
|
|||
id="winners"
|
||||
sx={{ backgroundColor: palette['cream'], padding: [3, 4, 4, 5] }}
|
||||
>
|
||||
<Box sx={{ padding: 4, height: ['100%', null, null, '100vh'] }}>
|
||||
<Box sx={{ padding: 4, height: ['100%', null, null, '170vh'] }}>
|
||||
<Heading as="h1" sx={{ pb: 4 }}>
|
||||
Meet <span class="underline pink">past winners</span>
|
||||
Meet <span class="underline pink">past winners</span>...
|
||||
</Heading>
|
||||
<Box sx={{ position: 'relative' }}>
|
||||
<Box sx={{ position: 'relative', display: 'flex', flexDirection: 'column', rowGap: 2 }}>
|
||||
<Screen
|
||||
expand2
|
||||
title="Hack Club - Challenge Winners v2 FINAL THIS ONE"
|
||||
title="Hack Club - Challenge Winners FINAL"
|
||||
sxProps={{
|
||||
position: ['relative', null, null, 'absolute'],
|
||||
top: [0, 0, 0, 40],
|
||||
marginBottom: [2, 2, 2, 0],
|
||||
zIndex: 1
|
||||
top: [0, 0, 0, 0],
|
||||
zIndex: 2
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
|
|
@ -563,7 +563,8 @@ function Page({ carouselCards }) {
|
|||
display: 'flex',
|
||||
flexDirection: ['column', 'row', 'row', 'row'],
|
||||
justifyContent: 'space-around',
|
||||
alignItems: 'center'
|
||||
alignItems: 'center',
|
||||
zIndex: 2
|
||||
}}
|
||||
>
|
||||
<UserProfile
|
||||
|
|
@ -586,13 +587,49 @@ function Page({ carouselCards }) {
|
|||
</Screen>
|
||||
|
||||
<Screen
|
||||
expand2
|
||||
title="Hack Club - Challenge Winners FINAL THIS ONE (2)"
|
||||
sxProps={{
|
||||
position: ['relative', null, null, 'absolute'],
|
||||
left: [0, 0, 0, 80],
|
||||
top: [0, 0, 0, 400],
|
||||
zIndex: 4
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
sx={{
|
||||
display: 'flex',
|
||||
flexDirection: ['column', 'row', 'row', 'row'],
|
||||
alignItems: 'center',
|
||||
justifyContent: 'space-around'
|
||||
}}
|
||||
>
|
||||
<UserProfile
|
||||
name="Celeste"
|
||||
age="16"
|
||||
state="GA"
|
||||
description="Celeste is a computer scientist, roboticist, and singer. She's passionate about the intersection of STEM and the arts, as well as tech advocacy."
|
||||
page="https://www.court-connect.net/"
|
||||
image="https://cloud-6a1c03tuu-hack-club-bot.vercel.app/0img_1754.jpg"
|
||||
/>
|
||||
<UserProfile
|
||||
name="Sahiti"
|
||||
age="18"
|
||||
state="GA"
|
||||
description="Sahiti is a developer in love with computer science and entrepreneurship. She aims to make an impact by spreading opportunities."
|
||||
page="https://www.congressionalappchallenge.us/23-GA06/"
|
||||
image="https://cloud-b6mzh2987-hack-club-bot.vercel.app/31659043447794.jpg"
|
||||
/>
|
||||
</Box>
|
||||
</Screen>
|
||||
<Screen
|
||||
expand2
|
||||
title="Hack Club - Challenge Winners (draft)"
|
||||
sxProps={{
|
||||
position: ['relative', null, null, 'absolute'],
|
||||
right: [0, 0, 0, 10],
|
||||
top: [0, 0, 0, -10],
|
||||
zIndex: 0
|
||||
top: [0, 0, 0, -45],
|
||||
zIndex: 1
|
||||
}}
|
||||
>
|
||||
<Box
|
||||
|
|
@ -611,19 +648,41 @@ function Page({ carouselCards }) {
|
|||
page="https://www.congressionalappchallenge.us/23-GA06/"
|
||||
image="https://cloud-b6mzh2987-hack-club-bot.vercel.app/31659043447794.jpg"
|
||||
/>
|
||||
<Box
|
||||
sx={{ display: ['none', null, 'flex', 'none'], padding: 2, width: 200 }}
|
||||
/>
|
||||
|
||||
</Box>
|
||||
<Box>
|
||||
<Box sx ={{
|
||||
left: [null, null, 10, 245],
|
||||
position: "absolute",
|
||||
textAlign: 'right',
|
||||
bottom: [0, null, 20, -220],
|
||||
display: ['none', null, null, 'block'],
|
||||
}}>
|
||||
<Heading as="h1" sx={{marginBottom: 3}}>
|
||||
...on the <span class = "underline blurple">Hack Club Slack
|
||||
</span>
|
||||
</Heading>
|
||||
<Text variant="subtitle">Join the <a href = "https://hackclub.com/slack">Slack</a> and build your winning app submission today.</Text>
|
||||
</Box>
|
||||
|
||||
<Image
|
||||
src="https://cloud-n807bcpij-hack-club-bot.vercel.app/0terrifiedheidi.png"
|
||||
alt="A sticker of scared Heidi"
|
||||
sx={{
|
||||
height: '250px',
|
||||
display: ['none', null, 'block', null],
|
||||
position: 'absolute',
|
||||
right: -4,
|
||||
bottom: -60
|
||||
display: ['none', null, 'block', 'block'],
|
||||
right: [0, null, 80, -4],
|
||||
bottom: [0, null, 15, -480],
|
||||
zIndex: 4
|
||||
}}
|
||||
/>
|
||||
</Box>
|
||||
</Screen>
|
||||
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue