diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a556e49..5edaa75 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,6 +6,10 @@
 
 	/** loading things from the server side */
 	let { data } = $props();
+
+	// Temporary progress bar. Update the value below!
+	import { Progress } from '@skeletonlabs/skeleton-svelte';
+	let progress = 60;
 </script>
 
 <title> McGill ECSESS </title>
@@ -17,6 +21,14 @@
 		<div id="test">
 			<PortableText value={data.description} />
 		</div>
+
+		<br />
+		<p class="italic">
+			Current development progress: {progress}%
+		</p>
+		<div id="progress" class="w-[80vw] lg:w-1/2 border-2">
+			<Progress value={progress} max={100} meterBg="bg-ecsess-200" height="h-4"></Progress>
+		</div>
 	</div>
 </Section>
 
diff --git a/src/routes/events/+page.server.js b/src/routes/events/+page.server.ts
similarity index 88%
rename from src/routes/events/+page.server.js
rename to src/routes/events/+page.server.ts
index 3151818..d73c5bb 100644
--- a/src/routes/events/+page.server.js
+++ b/src/routes/events/+page.server.ts
@@ -10,7 +10,7 @@ const eventQuery = `*[_type == "events"]{
   "lastUpdated": _updatedAt,
 }`;
 
-export const load = async () => {
+export const load = async () => {  
 	return {
 		events: await getFromCMS(eventQuery),
 	};
diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte
index c14e632..2fa2e81 100644
--- a/src/routes/events/+page.svelte
+++ b/src/routes/events/+page.svelte
@@ -13,8 +13,10 @@
 			<p>{event.name}</p>
 			<p>{event.date}</p>
 			<p>{event.location}</p>
-			<PortableText value={event.description} />
-            Category:
+			{#if event.description}
+				<PortableText value={event.description} />
+			{/if}
+			Category:
 			<div class="list">
 				<ul class="list-inside list-disc space-y-2">
 					{#each event.category as cat}