fix: Updated year and information

Author: Roboroads

src/routes/+page.svelte

@@ -9,7 +9,7 @@
 </script>
 
 <svelte:head>
-	<title>Frontend Festival 2023</title>
+	<title>Frontend Festival 2024</title>
 
 	<meta name="title" property="og:title" content="Frontend Festival 2023" />
 	<meta
@@ -28,9 +28,6 @@
 </svelte:head>
 
 <HeaderSection />
-<InfoSection />
-<!--<SpeakerScheduleSection />-->
-<Spacer />
-<!--<WorkshopScheduleSection />-->
-<!--<SpeakerSection />-->
+<InfoSection /><!--<SpeakerScheduleSection />-->
+<Spacer /><!--<WorkshopScheduleSection />--><!--<SpeakerSection />-->
 <PracticalInformationSection />

src/routes/InfoSection.svelte

@@ -4,19 +4,19 @@
 
 <div class="w-full bg-western py-32 text-black" id="info">
 	<div class="m-auto w-full max-w-6xl text-xl">
-		<TagBlock class="float-left max-w-lg" direction="right" extend="true">
-      September 5th Ordina is organizing the FRONTEND FESTIVAL again. An event with international speakers and
-			workshops, free of charge! You can expect new insights, lots of delicious snacks, a cozy
-			atmosphere and more…
+		<TagBlock class="float-left max-w-lg" direction="right" extend>
+			On the 5th of September, Sopra Steria will be hosting the second iteration of the Frontend
+			Festival! Join us for an evening of drinks, talks and workshops about various topics in the
+			world of opensource Frontend development.
 		</TagBlock>
 		<TagBlock
 			class="float-right mt-10 max-w-lg lg:mt-48"
 			direction="left"
 			backgroundColor="shark"
-			extend="true"
+			extend
 		>
-<!--			Are you a frontend developer who is ‘in’ for inspiration? Join us and get your ticket now!-->
-      More information coming soon!
+			Last year we had a blast and got together with over a hundred Frontend enthusiasts from around
+			the Utrecht area. Join us for dinner, get inspired by the talks and stay for the company.
 		</TagBlock>
 	</div>
 	<div class="clear-both" />

src/routes/SpeakerScheduleSection.svelte

@@ -5,21 +5,21 @@
 <div class="flex-center w-full flex-col bg-shark py-10 text-white" id="schedule">
 	<div class="px-2 text-4xl">Speaker schedule</div>
 	<div class="px-2 text-xl">The following schedule is not final and is subject to change.</div>
-	<TagBlock class="mt-5" direction="right" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-5" direction="right" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">16:00</div>
 			<div class="grow text-2xl">Welcome</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">16:30</div>
 			<div class="inline-flex grow flex-col">
 				<div class="text-2xl">Keynote with Kitze</div>
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">17:30</div>
 			<div class="inline-flex grow flex-col">
@@ -29,7 +29,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">17:45</div>
 			<div class="inline-flex grow flex-col">
@@ -41,7 +41,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">18:00</div>
 			<div class="inline-flex grow flex-col">
@@ -51,13 +51,13 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="right" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-2" direction="right" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">18:15</div>
 			<div class="grow text-2xl">Drinks & Dinner</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">19:15</div>
 			<div class="inline-flex grow flex-col">
@@ -67,7 +67,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="ordina">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="ordina">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">19:45</div>
 			<div class="inline-flex grow flex-col">
@@ -77,7 +77,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="right" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-2" direction="right" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">20:15</div>
 			<div class="grow text-2xl">Drinks</div>

src/routes/SpeakerSection.svelte

@@ -5,7 +5,7 @@
 <div class="w-full bg-fountain py-10 text-black" id="speakers">
 	<div class="mb-5 w-full text-center text-4xl">Speakers</div>
 	<div class="m-auto w-full max-w-6xl">
-		<TagBlock class="float-right max-w-lg" direction="left" extend="true">
+		<TagBlock class="float-right max-w-lg" direction="left" extend>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
 					<img class="aspect-square h-14 w-14 rounded-full" src="/speakers/ki.png" alt="Kitze" />
@@ -27,7 +27,7 @@
 			class="float-left mt-5 max-w-lg lg:mt-24"
 			direction="right"
 			backgroundColor="shark"
-			extend="true"
+			extend
 		>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
@@ -50,7 +50,7 @@
 			</div>
 		</TagBlock>
 
-		<TagBlock class="float-right mt-5 max-w-lg lg:mt-36" direction="left" extend="true">
+		<TagBlock class="float-right mt-5 max-w-lg lg:mt-36" direction="left" extend>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
 					<img
@@ -76,7 +76,7 @@
 			class="float-left mt-5 max-w-lg lg:mt-28"
 			direction="right"
 			backgroundColor="shark"
-			extend="true"
+			extend
 		>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
@@ -99,7 +99,7 @@
 			</div>
 		</TagBlock>
 
-		<TagBlock class="float-right mt-5 max-w-lg lg:mt-32" direction="left" extend="true">
+		<TagBlock class="float-right mt-5 max-w-lg lg:mt-32" direction="left" extend>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
 					<img
@@ -126,7 +126,7 @@
 			class="float-left mt-5 max-w-lg lg:mt-48"
 			direction="right"
 			backgroundColor="shark"
-			extend="true"
+			extend
 		>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
@@ -149,7 +149,7 @@
 			</div>
 		</TagBlock>
 
-		<TagBlock class="float-right mt-5 max-w-lg lg:mt-44" direction="left" extend="true">
+		<TagBlock class="float-right mt-5 max-w-lg lg:mt-44" direction="left" extend>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">
 					<img
@@ -178,7 +178,7 @@
 			class="float-left mt-5 max-w-lg lg:mt-72"
 			direction="right"
 			backgroundColor="shark"
-			extend="true"
+			extend
 		>
 			<div class="flex w-full flex-col">
 				<div class="flex grow items-center gap-2">

src/routes/WorkshopScheduleSection.svelte

@@ -7,13 +7,13 @@
 	<div class="px-2 text-xl">
 		If you want to attend to workshops, you have to register with them as well!
 	</div>
-	<TagBlock class="mt-5" direction="right" extend="true" backgroundColor="shark">
+	<TagBlock class="mt-5" direction="right" extend backgroundColor="shark">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">16:00</div>
 			<div class="grow text-2xl">Welcome</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">16:30</div>
 			<div class="inline-flex grow flex-col">
@@ -22,7 +22,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">17:30</div>
 			<div class="inline-flex grow flex-col">
@@ -42,13 +42,13 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="right" extend="true" backgroundColor="shark">
+	<TagBlock class="mt-2" direction="right" extend backgroundColor="shark">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">18:15</div>
 			<div class="grow text-2xl">Drinks & Dinner</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="left" extend="true" backgroundColor="fountain">
+	<TagBlock class="mt-2" direction="left" extend backgroundColor="fountain">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl">19:15</div>
 			<div class="inline-flex grow flex-col">
@@ -57,7 +57,7 @@
 			</div>
 		</div>
 	</TagBlock>
-	<TagBlock class="mt-2" direction="right" extend="true" backgroundColor="shark">
+	<TagBlock class="mt-2" direction="right" extend backgroundColor="shark">
 		<div class="flex w-screen max-w-xl gap-5">
 			<div class="pl-5 text-2xl sm:pl-0">20:15</div>
 			<div class="grow text-2xl">Drinks</div>