From 04465f6385c9e0221422f3b7ff3c38505153310d Mon Sep 17 00:00:00 2001
From: phthallo <annabelquach13@gmail.com>
Date: Thu, 30 Jan 2025 12:10:11 -0500
Subject: [PATCH] feat: space for more winners

---
 .../userProfile.js                            |  1 +
 pages/congressional-app-challenge.js          | 87 ++++++++++++++++---
 2 files changed, 74 insertions(+), 14 deletions(-)

diff --git a/components/congressional-app-challenge/userProfile.js b/components/congressional-app-challenge/userProfile.js
index 5e116aff..761b973d 100644
--- a/components/congressional-app-challenge/userProfile.js
+++ b/components/congressional-app-challenge/userProfile.js
@@ -1,5 +1,6 @@
 import { Box, Image, Text } from 'theme-ui'
 
+
 export default function UserProfile({
   image,
   name,
diff --git a/pages/congressional-app-challenge.js b/pages/congressional-app-challenge.js
index ad26e12e..9bd0318c 100644
--- a/pages/congressional-app-challenge.js
+++ b/pages/congressional-app-challenge.js
@@ -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>