diff --git a/src/routes/+layout.server.ts b/src/routes/+layout.server.ts
new file mode 100644
index 0000000..7e476c0
--- /dev/null
+++ b/src/routes/+layout.server.ts
@@ -0,0 +1,5 @@
+export const load = () => {
+	const isAprilFools =
+		new Date().getDate() === 1 && new Date().getMonth() === 3;
+	return { isAprilFools };
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 459956b..cfd415f 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -18,7 +18,7 @@
 	} from "$lib/store/index.svelte";
 	import "../app.scss";
 
-	let { children } = $props();
+	let { children, data } = $props();
 	let enablePlausible = $state(false);
 
 	let scrollPositions = new Map<string, number>();
@@ -115,6 +115,13 @@
 			src="{PUB_PLAUSIBLE_URL}/js/script.js"
 		></script>
 	{/if}
+	{#if data.isAprilFools}
+		<style>
+			* {
+				font-family: "Comic Sans MS", "Comic Sans", cursive !important;
+			}
+		</style>
+	{/if}
 </svelte:head>
 
 <!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 73e4c9c..a0bb4fa 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,7 +1,7 @@
 import { browser } from "$app/environment";
 
 export const load = ({ data }) => {
-	if (!browser) return;
+	if (!browser) return data;
 	window.plausible =
 		window.plausible ||
 		((_, opts) => {
@@ -9,6 +9,7 @@ export const load = ({ data }) => {
 				status: 200,
 			});
 		});
+
 	return data;
 };
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 0f3ea86..765d26d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,19 +1,11 @@
 <script lang="ts">
-	// this comment was written on 15/11/2024 at 16:01 GMT.
-	// i bet to myself that i could complete this whole redesign implementation
-	// by the time realmy got started on it. i guess we'll see how that goes
-	//
-	// ship fast n break things !!
-	// -- nullptr
-
-	// that definitely happened
-	// -- JovannMC
-
 	import Uploader from "$lib/components/functional/Uploader.svelte";
 	import { converters } from "$lib/converters";
 	import { vertdLoaded } from "$lib/store/index.svelte";
 	import { AudioLines, Check, Film, Image } from "lucide-svelte";
 
+	const { data } = $props();
+
 	const getSupportedFormats = (name: string) =>
 		converters.find((c) => c.name === name)?.supportedFormats.join(", ") ||
 		"none";
diff --git a/src/service-worker.js b/src/service-worker.js
deleted file mode 100644
index 0cd3a5e..0000000
--- a/src/service-worker.js
+++ /dev/null
@@ -1,95 +0,0 @@
-/// <reference types="@sveltejs/kit" />
-// code modified from https://svelte.dev/docs/kit/service-workers
-import { build, files, version } from "$service-worker";
-
-// create a unique cache name for this deployment
-const CACHE = `cache-${version}`;
-
-const ASSETS = [
-	...build, // the app itself
-	...files, // everything in `static`
-];
-
-self.addEventListener("install", (event) => {
-	// create a new cache and add all files to it
-	async function addFilesToCache() {
-		try {
-			const cache = await caches.open(CACHE);
-			await cache.addAll(ASSETS);
-			console.log(`assets cached successfully: ${ASSETS}`);
-		} catch (err) {
-			console.error(`failed to cache assets: ${err}`);
-		}
-	}
-
-	console.log(`installing service worker for version ${version}`);
-	event.waitUntil(addFilesToCache());
-});
-
-self.addEventListener("activate", (event) => {
-	// remove previous cached data from disk
-	async function deleteOldCaches() {
-		try {
-			const keys = await caches.keys();
-			for (const key of keys) {
-				if (key !== CACHE) {
-					await caches.delete(key);
-					console.log(`deleted old cache: ${key}`);
-				}
-			}
-		} catch (error) {
-			console.error(`failed to delete old caches: ${error}`);
-		}
-	}
-
-	event.waitUntil(deleteOldCaches());
-});
-
-self.addEventListener("fetch", (event) => {
-	// ignore requests other than GET
-	if (event.request.method !== "GET") return;
-
-	async function respond() {
-		const url = new URL(event.request.url);
-		const cache = await caches.open(CACHE);
-
-		// assets can always be served from the cache
-		if (ASSETS.includes(url.pathname)) {
-			const response = await cache.match(url.pathname);
-			if (response) {
-				console.log(`serving ${url.pathname} from cache`);
-				return response;
-			}
-		}
-
-		// for everything else, try the network first, but
-		// fall back to the cache if we're offline
-		try {
-			const response = await fetch(event.request);
-
-			// if we're offline, fetch can return a value that is not a Response instead
-			// of throwing, and we can't pass this non-Response to respondWith
-			if (!(response instanceof Response)) {
-				throw new Error("invalid response from fetch");
-			}
-
-			if (response.status === 200)
-				cache.put(event.request, response.clone());
-
-			return response;
-		} catch (err) {
-			const response = await cache.match(event.request);
-
-			if (response) {
-				console.log(`Returning ${event.request.url} from cache`);
-				return response;
-			}
-
-			// if there's no cache, then just error out
-			// as there is nothing we can do to respond to this request
-			throw err;
-		}
-	}
-
-	event.respondWith(respond());
-});