diff --git a/src/lib/header/Nav.svelte b/src/lib/header/Nav.svelte
index ed331f3..09db303 100644
--- a/src/lib/header/Nav.svelte
+++ b/src/lib/header/Nav.svelte
@@ -1,22 +1,25 @@
 <script>
 	// @ts-nocheck
-	import ThemeSwitcher from "$lib/ThemeSwitcher.svelte";
+	import ThemeSwitcher from '$lib/ThemeSwitcher.svelte';
 
-	import Button from "./Button.svelte";
-	import Dropdown from "./Dropdown.svelte";
-	import DropdownButton from "./DropdownButton.svelte";
+	import Button from './Button.svelte';
+	import Dropdown from './Dropdown.svelte';
 </script>
 
 <div class="flex items-center justify-between">
 	<div class="flex items-center">
 		<a class="flex h-16 hover:bg-white hover:bg-opacity-20 duration-300" href="/">
 			<!-- <Button url="/" text="<img src='/bart.png' />" type="title" /> -->
-			<img src="/bart.png" alt="Logo" class="h-full px-5 py-3 transform hover:scale-95 duration-300" />
+			<img
+				src="/bart.png"
+				alt="Logo"
+				class="h-full px-5 py-3 transform hover:scale-95 duration-300"
+			/>
 		</a>
 		<div class="hidden lg:flex h-16">
 			<Button url="/" text="Home" />
+			<Button disabled="true" url="/blog" text="Blog" />
 			<Button disabled="true" url="/portfolio" text="Portfolio" />
-			<Button disabled="true" url="/experience" text="Experience" />
 			<Button disabled="true" url="/esu" text="ESU" />
 			<Button disabled="true" url="/furry" text="Furry" />
 		</div>
@@ -27,11 +30,11 @@
 	<div class="flex lg:hidden h-16">
 		<Dropdown text="🍔">
 			<Button url="/" text="Home" />
+			<Button disabled="true" url="/blog" text="Blog" />
 			<Button disabled="true" url="/portfolio" text="Portfolio" />
-			<Button disabled="true" url="/experience" text="Experience" />
 			<Button disabled="true" url="/esu" text="ESU" />
 			<Button disabled="true" url="/furry" text="Furry" />
 			<ThemeSwitcher />
 		</Dropdown>
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/lib/home/Banner.svelte b/src/lib/home/Banner.svelte
index 770b9b2..c9b154e 100644
--- a/src/lib/home/Banner.svelte
+++ b/src/lib/home/Banner.svelte
@@ -39,7 +39,15 @@
 		"REST",
 		"GraphQL",
 		"TypeORM",
-		"Eloquent"
+		"Eloquent",
+		"Express",
+		"Linux",
+		"Composer",
+		"AlpineJS",
+		"Blade",
+		"JSX",
+		"Pug",
+		"Wordpress"
 	];
 
 	onMount(() => {
diff --git a/src/routes/blog/[id].svelte b/src/routes/blog/[id].svelte
new file mode 100644
index 0000000..e69de29
diff --git a/src/routes/blog/index.svelte b/src/routes/blog/index.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/tsconfig.json b/tsconfig.json
index 0555d52..4a8095f 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,4 +1,5 @@
 {
+	"extends": "./.svelte-kit/tsconfig.json",
 	"compilerOptions": {
 		"moduleResolution": "node",
 		"module": "es2020",