diff --git a/src/lib/components/ImgButton.svelte b/src/lib/components/ImgButton.svelte
index df37acf..1b1a409 100644
--- a/src/lib/components/ImgButton.svelte
+++ b/src/lib/components/ImgButton.svelte
@@ -1,14 +1,18 @@
 <script>
-	// @ts-nocheck
-	// lol
-
 	import { onMount } from 'svelte';
 
-	export let src, href;
+	/** @type {string} src */
+	export let src;
+
+	/** @type {string=} href */
+	export let href;
+
+	/** @type {HTMLImageElement} e */
 	let e;
 
 	// https://github.com/nbitzz/newnewwebsite/blob/a751e690a9993923aabd1984d9645c502f148c69/src/components/buttons/Buttons.astro#L74-L95
 	onMount(() => {
+		/** @param {MouseEvent} ev */
 		let startEffect = (ev) => {
 			let yP = 1 - (ev.offsetY / 31) * 2;
 			let xP = -1 + (ev.offsetX / 88) * 2;
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 27f7edf..27d4c14 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -86,9 +86,12 @@
 				</div>
 			</div>
 
-			<div class="md:w-[42rem] p-2 bg-black/75 rounded-lg mt-1 flex justify-center flex-wrap gap-1">
+			<div class="md:w-[42rem] p-2 bg-black/75 rounded-lg mt-1 flex justify-center flex-wrap gap-2">
 				<ImgButton href="https://cirroskais.xyz" src="/buttons/cirro.png"></ImgButton>
 				<ImgButton href="https://split.pet" src="/buttons/split.png"></ImgButton>
+				<ImgButton href="https://www.mozilla.org/en-US/firefox/new/" src="/buttons/firefox.gif"
+				></ImgButton>
+				<ImgButton src="/buttons/lol.gif" href=""></ImgButton>
 			</div>
 		</div>
 	</div>
diff --git a/static/buttons/firefox.gif b/static/buttons/firefox.gif
new file mode 100644
index 0000000..eabe610
Binary files /dev/null and b/static/buttons/firefox.gif differ
diff --git a/static/buttons/lol.gif b/static/buttons/lol.gif
new file mode 100644
index 0000000..dea9b06
Binary files /dev/null and b/static/buttons/lol.gif differ