diff --git a/components/congressional-app-challenge/screen.js b/components/congressional-app-challenge/screen.js
index 79e22666..963d60b3 100644
--- a/components/congressional-app-challenge/screen.js
+++ b/components/congressional-app-challenge/screen.js
@@ -10,7 +10,7 @@ const Screen = ({
}) => {
let color = backgroundImage ? '' : '#fff'
let expan = expand2
- ? ['100%', null, null, '68vh']
+ ? ['100%', null, null, '58vh']
: expand
? ['100%', null, null, '58vh']
: '58vh' // jank
@@ -83,7 +83,7 @@ const Screen = ({
padding: 3,
height: expan,
backgroundImage: `url(${backgroundImage})`,
- backgroundSize: 'cover'
+ backgroundSize: 'cover',
}}
>
{children}
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/package.json b/package.json
index 7fce9561..144ff1d8 100644
--- a/package.json
+++ b/package.json
@@ -107,5 +107,6 @@
"eslint": "8.57.0",
"eslint-config-next": "14.1.0",
"prettier": "^3.2.5"
- }
+ },
+ "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
diff --git a/pages/congressional-app-challenge.js b/pages/congressional-app-challenge.js
index ad26e12e..2711d784 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");
@@ -122,7 +123,7 @@ function Page({ carouselCards }) {
title="Hack Club - Congressional App Challenge"
backgroundImage="https://cloud-qqz8uj8y5-hack-club-bot.vercel.app/027544281748_b641f43479_o-1.jpg"
sxProps={{
- height: ['40vh', null, null, '100%'],
+ height: ['20vh', null, null, '100%'],
position: 'relative'
}}
>
@@ -234,6 +235,15 @@ function Page({ carouselCards }) {
+
+
+
+
+
- What will you create this year?
+ A nonprofit by and for teenagers
- Each year, thousands of high schoolers across the United States participate in the Congressional App Challenge, and this year, Hack Club is here to help.
-
- Every day, Hack Clubbers worldwide work together to build projects and win prizes in awesome hackathons and events.
- Join the Hack Club Slack to chat with and get support on your Congressional App Challenge submission from tens of thousands of other high school programmers.
+
+ Hack Club has given away $100,000s of Framework Laptops, 3D printers, and Raspberry Pis in the past year.
+
+
+
+ We host dozens of really cool, unique hackathons on trains and in forests for free.
+
+
+
+ Hack Clubbers provide free website and Discord bot hosting with SSH access and send tens of thousands of messages every day helping each other on their projects in the Hack Club Slack.
+
+
+
+ Join us as you work on your Congressional App Challenge project.
-
+
- Meet past winners
+ Meet past winners...
-
+
+
+
+
+
+
+
+
+
+
+
+
+ ...on the Hack Club Slack
+
+
+ Join the Slack and build your winning app submission today.
+
+
+
+
diff --git a/public/congressional-app-challenge/chevron.svg b/public/congressional-app-challenge/chevron.svg
new file mode 100644
index 00000000..b6cf988e
--- /dev/null
+++ b/public/congressional-app-challenge/chevron.svg
@@ -0,0 +1,3 @@
+