updated hero image, fixed code quality nits

- I left the tier 1 and tier 2 css commented because it was throwing errors at me when I uncommented them - Navbar home href is '/#'
athenahacks · Oct 9, 2024 · 6b63045 · 6b63045
1 parent 692859f
commit 6b63045
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 41 deletions.
diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte
@@ -3,7 +3,7 @@
 
 <script lang="ts">
 	type TiltRange = 'left' | 'right' | 'none';
-	type ButtonBackgroundColors = 'blue' | 'pink' | 'gold' | 'green';
+	type ButtonBackgroundColors = 'blue' | 'pink' | 'gold' | 'lime';
 
 	export let tilt: TiltRange;
 	export let backgroundColor: ButtonBackgroundColors;
@@ -62,7 +62,7 @@
 	.bg-gold {
 		background-color: $gold;
 	}
-	.bg-green {
+	.bg-lime {
 		background-color: $lime;
 	}
 

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -3,7 +3,6 @@
 <style lang="scss">
     h2 {
         font-family: 'Lilita One', sans-serif;
-        // color: $text-pink;
         color: $text-green;
         font-size: 3.5rem;
         font-weight: 400;

diff --git a/src/lib/components/sections/HeroSection.svelte b/src/lib/components/sections/HeroSection.svelte
@@ -11,15 +11,15 @@
 	<div class="content">
 		<!-- [BEGIN] Organizer application links -->
 		 <!-- TODO: Add application links -->
-		<!-- [END] Organizer application links -->
-
-		<!-- [BEGIN] Hackathon application links -->
-		<!-- <Button
+		  <!-- <Button
 			tilt="left"
 			backgroundColor="lime"
 			href="https://docs.google.com/forms/d/e/1FAIpQLSdqOgPcH2zSmEZerORxW13PubusZdtMttMavNi4oybVytdHVg/viewform?usp=sf_link"
 			target="_blank">Apply to be an Organizer!</Button
 		> -->
+		<!-- [END] Organizer application links -->
+
+		<!-- [BEGIN] Hackathon application links -->
 		<!-- <Button
 			tilt="left"
 			backgroundColor="blue"

diff --git a/src/lib/components/sections/Keynote.svelte b/src/lib/components/sections/Keynote.svelte
@@ -2,7 +2,7 @@
 	import Header from '../Header.svelte';
 </script>
 
-<!-- <section id="keynote">
+<section id="keynote">
 	<Header>Keynote</Header>
 	<div class="keynote-wrapper">
 		<div class="image">
@@ -26,9 +26,9 @@
 			</p>
 		</div>
 	</div>
-</section> -->
+</section> 
 
-<!-- <style lang="scss">
+<style lang="scss">
 	.keynote-wrapper {
 		display: flex;
 		justify-content: center;
@@ -82,4 +82,4 @@
 			}
 		}
 	} 
-</style> -->
+</style>
diff --git a/src/lib/components/sections/Schedule.svelte b/src/lib/components/sections/Schedule.svelte
@@ -2,33 +2,33 @@
 	import Header from '../Header.svelte';
 </script>
 
-<!-- <section id="schedule">
+<section id="schedule">
 	<Header>Schedule</Header>
     <p>Take a look at the schedule for the hackathon this weekend! Get excited for the workshops, socials, and food!</p>
 	<div class="schedule">
 		<div><img src="images/schedule1.png" alt="Saturday schedule" /></div>
 		<div><img src="images/schedule2.png" alt="Sunday schedule" /></div>
 	</div>
-</section> -->
+</section>
 
 <style lang="scss">
-	// .schedule {
-    //     margin-top: 3em;
-	// 	display: flex;
-	// 	position: relative;
-	// 	gap: 4em 3em;
+	.schedule {
+        margin-top: 3em;
+		display: flex;
+		position: relative;
+		gap: 4em 3em;
 
-    //     @include respond-to('small') {
-    //         flex-direction: column;
-    //     }
+        @include respond-to('small') {
+            flex-direction: column;
+        }
 
-	// 	div {
-	// 		flex: 1;
-	// 		img {
-	// 			border-radius: 1.2em;
-	// 			border: $brown 3px solid;
-	// 			width: 100%;
-	// 		}
-	// 	}
-	// }
+		div {
+			flex: 1;
+			img {
+				border-radius: 1.2em;
+				border: $brown 3px solid;
+				width: 100%;
+			}
+		}
+	}
 </style>
diff --git a/src/lib/components/sections/Sponsors.svelte b/src/lib/components/sections/Sponsors.svelte
@@ -31,7 +31,7 @@
 	<div class="thank-you-message">
 		<p>
 			A huge thank you to all our sponsors and contributors! If you're interested in sponsoring
-			AthenaHacks 2024, please contact us at <a href="mailto:[email protected]"
+			AthenaHacks 2025, please contact us at <a href="mailto:[email protected]"
 				>[email protected]</a
 			>
 		</p>

diff --git a/src/lib/scss/_variables.scss b/src/lib/scss/_variables.scss
@@ -4,9 +4,7 @@ $blue: #BFE2FF;
 $dark-blue: #93DDFC;
 $brown: #401E0A;
 $light-brown: #5A3019;
-// $pink: #FFB5CB;
 $pink-hover: #ff83a8;
-// $green: #C6EDC5;
 $earth-green: #A3CB8F; 
 $purple: #5F4DD2;
 $gold: #FFCB77;
@@ -18,8 +16,6 @@ $dark-brown: #85382A;
 $green: #62C34F;
 
 $text-gray: #322E39;
-// $text-pink: #F30075;
 $text-pink: #EE98A3;
-// $text-green: #4F5F10;
 $text-green: #2B310B;
 $text-brown: #85382A;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -47,12 +47,6 @@
 					width: 30%;
 					height: auto;
 				}
-
-				// p {
-				// 	font-family: 'Lilita One', sans-serif;
-				// 	color: $brown;
-				// 	font-size: 2rem;
-				// }
 			}
 		}
 	}

diff --git a/static/images/hero-section-leaf.png b/static/images/hero-section-leaf.png