Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/evanss2025/site
Browse files Browse the repository at this point in the history
  • Loading branch information
@kyraezikeuzor
kyraezikeuzor committed Sep 3, 2024
2 parents f6e7c6e + ebc85d7 commit dd9d91a
Show file tree
Hide file tree
Showing 4 changed files with 78 additions and 37 deletions.
4 changes: 2 additions & 2 deletions components/congressional-app-challenge/carousel-cards.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ export default function Carousel({
img
}){
return (
<Box id={user} sx={{width:['80%'], m:'3'}}>
<Image src={img} sx={{ borderRadius: '10px 10px 0 0', width: '100%', height: '15em'}}></Image>
<Box id={user} sx={{width:['65%', '80%'], m:'3', display:'flex', flexDirection:'column', justifyContent:'center', alignItems:'center'}}>
<Image src={img} sx={{ borderRadius: '10px 10px 0 0', width: '100%', height: ['12em', '15em']}}></Image>
<Box sx={{alignItems:'left', textAlign:'left', display:'flex', flexDirection:'column', background:'white', color:'black', p:'2', borderRadius: '0 0 10px 10px', marginBottom: '2', padding: '3', height: '8em'}}>
<Link href = {link} target="_blank" rel="noopener">
<Text as="h3" sx={{}}>{title}</Text>
Expand Down
3 changes: 2 additions & 1 deletion components/congressional-app-challenge/carousel.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ const Carousel = ({ cards }) => {
/*
const Carousel = ({ cards }) => {
const scrollContainerRef = useRef(null);
const cardsPerView = 3; // Number of cards visible at once
const cardsPerView = 1; // Number of cards visible at once
const cardWidth = 400; // Width of each card in pixels
const scrollAmount = cardsPerView * cardWidth; // Total scroll width for each move
Expand Down Expand Up @@ -160,6 +160,7 @@ const Carousel = ({ cards }) => {
ref={scrollContainerRef}
style={{
display: 'flex',
margin: '0',
width: '70%',
overflowX: 'hidden', // Hide overflow content
}}
Expand Down
2 changes: 1 addition & 1 deletion lib/congressional-carousel.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
{
"title": "DriveSmart (Sahiti, 17)",
"user": "Sahiti",
"description": "Drivesmart helps teen drivers be safe on the roads through machine learning, and moderation.",
"description": "Drivesmart helps teen drivers be safe on the roads through ML and moderation.",
"link": "https://www.congressionalappchallenge.us/23-GA06/",
"img": "https://cloud-dcu6dxu0h-hack-club-bot.vercel.app/1drivesmart.png"
},
Expand Down
106 changes: 73 additions & 33 deletions pages/congressional-app-challenge.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -250,6 +250,52 @@ function Page({
}}>
<Text as="h2" sx={{fontSize:'30px', mt:'3', color:'#C70000'}}>STEP 2</Text>
<Text as="p" sx={{width: ['90%', '70%'], fontSize:'23px'}}>Join Zoom calls with past Hack Club winners to learn about their projects and to get advice on where to start.</Text>
<Box
sx={{
display:'flex',
flexDirection:['column', 'row'],
m:'2'}}>
<Box
sx={{
display:'flex',
flexDirection:'column'}}>
<Image
src="/home/flagship_4.jpg"
sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
</Image>
<Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
</Box>
<Box
sx={{
display:'flex',
flexDirection:'column'}}>
<Image
src="/home/flagship_4.jpg"
sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
</Image>
<Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
</Box>
<Box
sx={{
display:'flex',
flexDirection:'column'}}>
<Image
src="/home/flagship_4.jpg"
sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
</Image>
<Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
</Box>
<Box
sx={{
display:'flex',
flexDirection:'column'}}>
<Image
src="/home/flagship_4.jpg"
sx={{ borderRadius: '10px', m:'3', wdith:['100%', '50%']}}>
</Image>
<Text as='p' sx={{fontSize:'23px'}}>Name, Age</Text>
</Box>
</Box>
<Grid
id="zoom-cards"
gap={2}
Expand All @@ -260,74 +306,68 @@ function Page({
alignItems:'center',
justifyItems:'center'}}
>
<Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
<Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
<Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
<Box
sx={{
alignItems:'left',
textAlign:'left',
alignItems:'center',
textAlign:'center',
display:'flex',
flexDirection:'column',
background:'white',
color:'black',
p:'2',
borderRadius: '0 0 10px 10px',
borderRadius: '10px',
marginBottom: '2',
padding: '3'}}
>
<Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
<Text as="i" sx={{}}>Call description</Text>
<Text as="i" sx={{}}>September 10th, 7 PM EST</Text>
<Text as="h3" sx={{}}>September 10th, 7 PM EST</Text>
<a>
<Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>
</Box>
<a>
<Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>

</Box>
<Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
<Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
<Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
<Box
sx={{
alignItems:'left',
textAlign:'left',
alignItems:'center',
textAlign:'center',
display:'flex',
flexDirection:'column',
background:'white',
color:'black',
p:'2',
borderRadius: '0 0 10px 10px',
borderRadius: '10px',
marginBottom: '2',
padding: '3'}}
>
<Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
<Text as="i" sx={{}}>Call description</Text>
<Text as="i" sx={{}}>September 19th, 8 PM EST</Text>
<Text as="h3" sx={{}}>September 19th, 8 PM EST</Text>
<a>
<Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>
</Box>
<a>
<Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>

</Box>
<Box id="zoom-card" sx={{width:['90%', '80%'], m:'3'}}>
<Image src="/home/flagship_4.jpg" sx={{ borderRadius: '10px 10px 0 0'}}></Image>
<Box id="zoom-card" sx={{width:['90%'], m:'3'}}>
<Box
sx={{
alignItems:'left',
textAlign:'left',
alignItems:'center',
textAlign:'center',
display:'flex',
flexDirection:'column',
background:'white',
color:'black',
p:'2',
borderRadius: '0 0 10px 10px',
borderRadius: '10px',
marginBottom: '2',
padding: '3'}}
>
<Text as="h3" sx={{}}>FIRSTNAME LASTNAME</Text>
<Text as="i" sx={{}}>Call description</Text>
<Text as="i" sx={{}}>October 2nd, 7 PM EST</Text>
<Text as="h3" sx={{}}>October 2nd, 7 PM EST</Text>
<a>
<Button sx={{background:'#001D85', color:'#white', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>
</Box>
<a>
<Button sx={{background:'white', color:'#001D85', mt:'2', borderRadius:'10px'}}>Add to Calendar</Button>
</a>

</Box>
</Grid>

Expand Down

0 comments on commit dd9d91a

Please sign in to comment.