diff --git a/src/content/extra/research.md b/src/content/extra/research.md
new file mode 100644
index 0000000..766ab2f
--- /dev/null
+++ b/src/content/extra/research.md
@@ -0,0 +1,6 @@
+---
+title: Research
+---
+# Research
+
+I teach Lean!
diff --git a/src/lib/sitemap.ts b/src/lib/sitemap.ts
index 5dfcf30..03666a2 100644
--- a/src/lib/sitemap.ts
+++ b/src/lib/sitemap.ts
@@ -1,8 +1,8 @@
-import siteMetadata from '$content/metadata.json';
-
 export const routes: { route: string, name: string, disabled?: boolean }[] = [
 	{ route: "/", name: "Home" },
 	{ route: "/post", name: "Blog" },
 	{ route: "/tag", name: "Tags" },
 	{ route: "/gallery", name: "Gallery", disabled: true },
-].concat(siteMetadata?.extra || []);
+	{ route: "/research", name: "Research" },
+	{ route: "/archives", name: "Archives" },
+]
diff --git a/src/routes/[slug=extra]/+page.ts b/src/routes/[slug=extra]/+page.ts
deleted file mode 100644
index dba9665..0000000
--- a/src/routes/[slug=extra]/+page.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { PageLoad } from './$types';
-
-export const load: PageLoad = async ({ params }) => {
-	const post = await import(`$content/extra/${params.slug}.md`);
-	const Content = post.default;
-
-	return {
-		slug: params.slug,
-		metadata: post.metadata,
-		Content,
-	};
-}
diff --git a/src/routes/[slug=extra]/+page.svelte b/src/routes/archives/+page.svelte
similarity index 73%
rename from src/routes/[slug=extra]/+page.svelte
rename to src/routes/archives/+page.svelte
index 6dd6036..dd778e6 100644
--- a/src/routes/[slug=extra]/+page.svelte
+++ b/src/routes/archives/+page.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
 	import type { PageData } from './$types';
 	export let data: PageData;
-	const { slug, metadata, Content } = data;
+	const { metadata, Content } = data;
 	import siteMetadata from '$content/metadata.json';
 
-	const title = metadata?.title || (slug[0].toUpperCase() + slug.slice(1));
+	const title = metadata?.title
 </script>
 
 <svelte:head>
diff --git a/src/routes/archives/+page.ts b/src/routes/archives/+page.ts
new file mode 100644
index 0000000..ea28573
--- /dev/null
+++ b/src/routes/archives/+page.ts
@@ -0,0 +1,14 @@
+import { error } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async (_) => {
+	const post = await import(`$content/extra/archives.md`);
+	 if (!post) throw error(404);
+	const { name } = post.metadata;
+	const Content = post.default;
+
+	return {
+		name,
+		Content,
+	};
+}
diff --git a/src/routes/research/+page.svelte b/src/routes/research/+page.svelte
new file mode 100644
index 0000000..dd778e6
--- /dev/null
+++ b/src/routes/research/+page.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import type { PageData } from './$types';
+	export let data: PageData;
+	const { metadata, Content } = data;
+	import siteMetadata from '$content/metadata.json';
+
+	const title = metadata?.title
+</script>
+
+<svelte:head>
+	<title>{title} | {siteMetadata.blogName}</title>
+</svelte:head>
+
+<hr />
+<article class="prose lg:prose-xl dark:prose-dark p-4">
+	<Content />
+</article>
+<hr />
diff --git a/src/routes/research/+page.ts b/src/routes/research/+page.ts
new file mode 100644
index 0000000..b7e1488
--- /dev/null
+++ b/src/routes/research/+page.ts
@@ -0,0 +1,14 @@
+import { error } from '@sveltejs/kit';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async (_) => {
+	const post = await import(`$content/extra/research.md`);
+	 if (!post) throw error(404);
+	const { name } = post.metadata;
+	const Content = post.default;
+
+	return {
+		name,
+		Content,
+	};
+}