finalized website

hackaburg · Mar 17, 2024 · 81915b1 · 81915b1
1 parent a16469a
commit 81915b1
Show file tree

Hide file tree

Showing 7 changed files with 44 additions and 22 deletions.
diff --git a/src/lib/busplan.pdf b/src/lib/busplan.pdf
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -21,10 +21,10 @@
 	<Timeline />
 	<Supporters />
 	<Team />
-	<Venue />
-	<FAQ />
 	<Behind />
 	<About />
+	<Venue />
+	<FAQ />
 </div>
 <Footer />
 

diff --git a/src/routes/components/Nav.svelte b/src/routes/components/Nav.svelte
@@ -43,6 +43,9 @@
 				<li class="mt-2 hover:text-hackaburg-900">
 					<a href="/#timeline" class="nav-element-base">Timeline</a>
 				</li>
+				<li class="mt-2 hover:text-hackaburg-900">
+					<a href="/#supporters" class="nav-element-base">Supporters</a>
+				</li>
 				<li class="mt-2 hover:text-hackaburg-900">
 					<a href="/#team" class="nav-element-base">Team</a>
 				</li>
@@ -52,6 +55,12 @@
 				<li class="mt-2 hover:text-hackaburg-900">
 					<a href="/#behind" class="nav-element-base">Behind Hackaburg</a>
 				</li>
+				<li class="mt-2 hover:text-hackaburg-900">
+					<a href="/#venue" class="nav-element-base">Venue</a>
+				</li>
+				<li class="mt-2 hover:text-hackaburg-900">
+					<a href="/#faq" class="nav-element-base">FAQ</a>
+				</li>
 			</ul>
 		</div>
 	</div>

diff --git a/src/routes/landing/FAQ.svelte b/src/routes/landing/FAQ.svelte
@@ -1,5 +1,6 @@
 <script>
 	import BaseComponent from '../components/BaseComponent.svelte';
+	import Button from '../components/Button.svelte';
 
 	const faq = [
 		{
@@ -75,7 +76,7 @@
 	<div class="w-full max-w-3xl mx-auto">
 		<div class="-my-6 sm:p-10">
 			{#each faq as { question, answer }, i}
-				<div class="group my-2">
+				<div class="group my-2 mt-7">
 					<div class="font-caveat font-medium text-2xl text-primary mb-1 sm:mb-0">
 						{question}
 					</div>
@@ -90,11 +91,7 @@
 	</div>
 	<div class="w-full flex justify-center">
 		<a href="mailto:[email protected]">
-			<button
-				class="m-auto mb-8 w-56 text-md w-52 mt-8 border-2 border-white rounded-3xl px-3 py-2 text-white hover:cursor-pointer hover:bg-black hover:text-gray-200"
-			>
-				Need support? Contact us!
-			</button>
+			<Button label="Need support? Contact us!" />
 		</a>
 	</div>
 </BaseComponent>
diff --git a/src/routes/landing/Hero.svelte b/src/routes/landing/Hero.svelte
@@ -12,17 +12,17 @@
 			</h1>
 
 			<p class="mb-6 font-light text-white lg:mb-8 text-xl dark:text-gray-400">
-				We are currently working on the next edition of Hackaburg. Stay tuned for more information.
+				The registration is NOW open! <br />Lets's connect the unconnected.
 			</p>
 			<p class="mb-6 font-bold text-white lg:mb-8 text-xl dark:text-gray-400">
 				<b class="text-primary">23.5. - 25.5.2024</b> | Techbase Regensburg
 			</p>
-			<div class="sm:flex md:space-x-4 -mt-10">
-				<div>
-					<a href="https://hackaburg.de/apply/" target="_blank" rel="noreferrer">
-						<Button label="Apply now" />
-					</a>
-				</div>
+			<div>
+				<a href="https://hackaburg.de/apply/" target="_blank" rel="noreferrer">
+					<Button label="APPLY NOW" />
+				</a>
+			</div>
+			<div class="sm:flex md:space-x-4">
 				<div>
 					<a
 						href="https://26490796.sibforms.com/serve/MUIFAPx4aKGKuMbU3UZxk_ODAxapOpxY9oApe-LFK48oC2HcUpuUDG5RfLrplRnzmlE2fhnxFsrLWAO1LoVerg8hegpCyxQDQ85Ac45SzhCZXZlT8m5RRT7wDfIbcv9GgTCPGWiw6QSSK2qQR2n6ST8ezKWg-QTn0tCj8LRENn-vhJpHafi3096LcWLZQXDIx_IzJZaOLL7Chfdk"

diff --git a/src/routes/landing/Timeline.svelte b/src/routes/landing/Timeline.svelte
@@ -3,7 +3,7 @@
 
 	const timeline = [
 		{
-			date: 'March 15, 2024',
+			date: 'March 17, 2024',
 			title: 'Registration opens',
 			content:
 				'At this day, you can fill your <b class="text-primary">profile form</b> (only takes 5min) and register for Hackaburg 2024. A <b class="text-primary">button</b> to our registration tool will appear on the website on that day, so you can not miss it.</b>'

diff --git a/src/routes/landing/Venue.svelte b/src/routes/landing/Venue.svelte
@@ -1,30 +1,46 @@
 <script>
 	import BaseComponent from '../components/BaseComponent.svelte';
+	import busplan from '$lib/busplan.pdf';
 </script>
 
 <BaseComponent headline={'Venue'} subHeadline={'How to get there?'} id={'venue'}>
 	<div class="grid grid-cols-1 md:grid-cols-2">
 		<div class="p-4">
-			<div class="lg:pl-24 flex flex-col">
-				<p class="text-lg text-white mb-2 text-left">Techbase Regensburg</p>
-				<p class="text-lg text-white mb-2 text-left">Franz-Mayer-Straße 1</p>
-				<p class="text-lg text-white mb-8 text-left">93053 Regensburg</p>
+			<div class="address lg:pl-24 flex flex-col text-white">
+				<p class="text-lg mb-2 text-left">Techbase Regensburg</p>
+				<p class="text-lg mb-2 text-left">Franz-Mayer-Straße 1</p>
+				<p class="text-lg mb-8 text-left">93053 Regensburg</p>
 				<div class="grid md:grid-cols-1 gap-4">
 					<a
 						href="https://www.google.de/maps/dir//TechBase+Regensburg"
-						class="w-full max-w-xs text-md w-1/2 text-white border-2 rounded-3xl px-3 py-2 cursor-pointer hover:bg-hackaburg-900 hover:text-white flex flex-col items-center"
+						class="w-full max-w-xs text-md w-1/2 text-hackaburg border-2 border-hackaburg-900 text-hackaburg-900 rounded-3xl px-3 py-2 cursor-pointer hover:bg-hackaburg-900 hover:text-white flex flex-col items-center"
 						>Directions</a
 					>
+					<a
+						href={busplan}
+						target="_blank"
+						rel="noreferrer"
+						class="w-full max-w-xs text-md text-hackaburg border-2 border-hackaburg-900 text-hackaburg-900 rounded-3xl px-3 py-2 cursor-pointer hover:bg-hackaburg-900 hover:text-white w-1/2 flex flex-col items-center"
+						>Bus Stop: TechCampus/OTH
+					</a>
 				</div>
 			</div>
 		</div>
 		<div class="p-4">
 			<iframe
-				class="size-max"
+				class="venue"
 				title="Map"
 				src="https://www.openstreetmap.org/export/embed.html?bbox=12.093780040740969%2C48.99895101491149%2C12.106568813323976%2C49.005672708905124&amp;layer=mapnik&amp;marker=49.00231197530939%2C12.10017442703247"
 				scrolling="no"
 			/>
 		</div>
 	</div>
 </BaseComponent>
+
+<style scoped>
+	.venue {
+		width: 100%;
+		height: 25rem;
+		border-radius: 5px;
+	}
+</style>