diff --git a/zenno/src/routes/+layout.svelte b/zenno/src/routes/+layout.svelte
index 6d8a969..1defa05 100644
--- a/zenno/src/routes/+layout.svelte
+++ b/zenno/src/routes/+layout.svelte
@@ -21,6 +21,7 @@
 			<a href={resolve('/spurt')} class="mx-8 my-1 inline-block">Spurt Speed</a>
 			<a href={resolve('/mspeed')} class="mx-8 my-1 inline-block">Mechanical Speed</a>
 			<a href={resolve('/convo')} class="mx-8 my-1 inline-block">Lobby Conversations</a>
+			<a href={resolve('/doc')} class="mx-8 my-1 inline-block">Documents</a>
 		</span>
 	</nav>
 	<div class="mx-4 grow lg:m-auto lg:max-w-7xl lg:min-w-7xl">
diff --git a/zenno/src/routes/+page.svelte b/zenno/src/routes/+page.svelte
index 3c8ea4f..025b5ef 100644
--- a/zenno/src/routes/+page.svelte
+++ b/zenno/src/routes/+page.svelte
@@ -4,8 +4,9 @@
 
 <h1 class="m-8 text-center text-7xl">Zenno Rob Roy</h1>
 <p>She's read all about Umamusume, and she's always happy to share her knowledge and give recommendations!</p>
+
 <h2 class="mt-8 mb-4 text-4xl">Tools</h2>
-<ul class="list-disc pl-4">
+<ul class="mb-4 list-disc pl-4">
 	<li>
 		<a href={resolve('/spurt')}>Spurt Speed</a> — Calculate a horse's target speed in the last spurt and compare to other distance aptitudes
 		and running styles.
@@ -24,17 +25,13 @@
 		> — Skill search by name or unique owner within Discord. Install to a server or user.
 	</li>
 </ul>
-<h2 class="mt-8 mb-4 text-4xl">About</h2>
-<p>Tools to fill some gaps I've felt in Umamusume optimization.</p>
-<p>This site is very under construction. To demonstrate just how under construction it is, here is lorem ipsum:</p>
-<p>
-	Lorem ipsum (/ ˌ l ɔː. r ə m ˈ ɪ p. s ə m/ LOR-əm IP-səm) is a dummy or placeholder text commonly used in graphic design,
-	publishing, and web development. It is typically a corrupted version of De finibus bonorum et malorum, a 1st-century BC text by
-	the Roman statesman and philosopher Cicero, with words altered, added, and removed to make it nonsensical and improper Latin.
-	The first two words are the truncation of dolorem ipsum ("pain itself"). Lorem ipsum's purpose is to permit a page layout to be
-	designed, independently of the copy that will subsequently populate it, or to demonstrate various fonts of a typeface without
-	meaningful text that could be distracting. Versions of the Lorem ipsum text have been used in typesetting since the 1960s, when
-	advertisements for Letraset transfer sheets popularized it. Lorem ipsum was introduced to the digital world in the mid-1980s,
-	when Aldus employed it in graphic and word-processing templates for its desktop publishing program PageMaker. Other popular word
-	processors, including Pages and Microsoft Word, have since adopted Lorem ipsum, as have many LaTeX packages, web content
-</p>
+
+<h2 class="my-4 text-4xl">Documents</h2>
+<ul class="mb-4 list-disc pl-4">
+	<li>
+		<a href={resolve('/doc/frbm')}>Front Runner Black Magic</a> &mdash; Detailed analysis of how front runners interact with race mechanics.
+	</li>
+</ul>
+
+<h2 class="my-4 text-4xl">About</h2>
+<p>My repository of tools to fill some gaps I've felt in Umamusume optimization, as well as original research and editorials.</p>
diff --git a/zenno/src/routes/doc/+page.svelte b/zenno/src/routes/doc/+page.svelte
new file mode 100644
index 0000000..973014b
--- /dev/null
+++ b/zenno/src/routes/doc/+page.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+</script>
+
+<h1 class="m-8 text-center text-7xl">Zenno Rob Roy &mdash; Documents</h1>
+<p>Articles about Umamusume, including editorials and research.</p>
+
+<ul class="mb-4 list-disc pl-4">
+	<li>
+		<a href={resolve('/doc/frbm')}>Front Runner Black Magic</a> &mdash; Detailed analysis of how front runners interact with race mechanics.
+	</li>
+</ul>