close hacker and mentor applications (#183)

HackAtUCI · Oct 19, 2024 · 68f70a3 · 68f70a3
1 parent 90d668f
commit 68f70a3
Show file tree

Hide file tree

Showing 8 changed files with 46 additions and 33 deletions.
diff --git a/apps/site/next.config.js b/apps/site/next.config.js
@@ -10,12 +10,12 @@ const nextConfig = {
 		return [
 			{
 				source: "/apply",
-				destination: "https://forms.gle/2vZ1pqNWk27qZc236",
+				destination: "/",
 				permanent: true,
 			},
 			{
 				source: "/mentor",
-				destination: "https://forms.gle/RBJ6RL1LBpmGfk3w6",
+				destination: "/",
 				permanent: true,
 			},
 		];

diff --git a/apps/site/src/app/(home)/sections/GetInvolved/GetInvolved.module.scss b/apps/site/src/app/(home)/sections/GetInvolved/GetInvolved.module.scss
@@ -143,6 +143,9 @@ $speech-shadow: 0 10px 0 rgba(1, 57, 70, 0.2);
 	padding: 4px 24px;
 	font-weight: $text-font-weight;
 
+	--bs-btn-disabled-bg: #{theme.$purple};
+	--bs-btn-disabled-border-color: #{theme.$purple};
+
 	@include bootstrap.media-breakpoint-up(md) {
 		padding: 4px 32px;
 	}

diff --git a/apps/site/src/app/(home)/sections/GetInvolved/GetInvolved.tsx b/apps/site/src/app/(home)/sections/GetInvolved/GetInvolved.tsx
@@ -12,14 +12,19 @@ const GetInvolved = () => {
 		<p>Otherwise, if you have some experience under your belt,</p>
 	);
 	const applyLink = (
-		<Button href="/apply" type="button" className={styles.applyButton}>
-			Apply as a Hacker
+		<Button href="/apply" type="button" className={styles.applyButton} disabled>
+			Hacker Apps Closed
 		</Button>
 	);
 
 	const mentorLink = (
-		<Button href="/mentor" type="button" className={styles.applyButton}>
-			Apply as a Mentor
+		<Button
+			href="/mentor"
+			type="button"
+			className={styles.applyButton}
+			disabled
+		>
+			Mentor Apps Closed
 		</Button>
 	);
 

diff --git a/apps/site/src/app/(home)/sections/Intro/Intro.module.scss b/apps/site/src/app/(home)/sections/Intro/Intro.module.scss
@@ -66,8 +66,11 @@
 		margin-top: 8vw;
 	}
 
+	@include bootstrap.media-breakpoint-up(xl) {
+		margin-top: 12vw;
+	}
+
 	@include bootstrap.media-breakpoint-up(xxl) {
-		max-width: 1200px;
 		margin-top: 15vw;
 	}
 }
diff --git a/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss b/apps/site/src/app/(home)/sections/Landing/ApplyButton.module.scss
@@ -1,23 +1,24 @@
 @use "bootstrap-utils" as bootstrap;
 
 .apply {
-	width: 45vw;
+	width: 60vw;
+	height: 100%;
 	transition-duration: 200ms;
 
-	&:hover {
-		scale: 1.1;
-	}
-
 	@include bootstrap.media-breakpoint-up(sm) {
-		width: 35vw;
+		width: 50vw;
 	}
 
 	@include bootstrap.media-breakpoint-up(md) {
-		width: 30vw;
+		width: 40vw;
 	}
 
 	@include bootstrap.media-breakpoint-up(lg) {
-		width: 25vw;
+		width: 35vw;
+	}
+
+	@include bootstrap.media-breakpoint-up(xl) {
+		width: 30vw;
 	}
 }
 
@@ -28,11 +29,11 @@
 
 svg:hover {
 	.outline {
-		stroke: yellow;
+		stroke: grey;
 	}
 
 	.text {
-		fill: yellow;
+		fill: grey;
 	}
 }
 

diff --git a/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx b/apps/site/src/app/(home)/sections/Landing/ApplyButton.tsx
diff --git a/apps/site/src/assets/images/apps-closed.svg b/apps/site/src/assets/images/apps-closed.svg
diff --git a/apps/site/src/components/Footer/Footer.tsx b/apps/site/src/components/Footer/Footer.tsx
@@ -100,10 +100,6 @@ export default function Footer() {
 						))}
 					</div>
 				</div>
-
-				<a href="/apply" className={styles.button} target="_blank">
-					Apply Now
-				</a>
 			</div>
 			<p className={styles.text}>Made with 👋 in Irvine, CA - Hack at UCI</p>
 		</footer>