diff --git a/src/components/header.astro b/src/components/header.astro
index 05045d0..c0f104e 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -10,7 +10,7 @@ import "../styles/header.scss";
 		<p>
 			<a href="/">home</a>
 			<a href="/projects">projects</a>
-			<a href="/blog">blog</a>
+			<a href="/journal">journal</a>
 			<a href="/contact">contact</a>
 		</p>
 	</nav>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
deleted file mode 100644
index 94cc054..0000000
--- a/src/pages/blog.astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-import Layout from "../layouts/layout.astro";
-import "../styles/main.scss";
-import "../styles/blog.scss"
-import {type MarkdownInstance} from "astro";
-
-const posts = Object.values(import.meta.glob('./posts/*.mdx', { eager: true })) as MarkdownInstance<any>[];
-let empty = posts === undefined || posts.length === 0;
----
-
-<Layout>
-    <h2>blog</h2>
-    <ul class="blog-posts">
-        {!empty && posts.map(post =>
-            <li>
-                <span>
-                    <time datetime={new Date(post.frontmatter.date).toISOString()}>{new Date(post.frontmatter.date).toDateString()}</time>
-                </span>
-                <a href={post.url}>{post.frontmatter.title}</a>
-            </li>
-        )}
-        {empty && <p>no posts yet</p>}
-    </ul>
-</Layout>
\ No newline at end of file
diff --git a/src/pages/journal.astro b/src/pages/journal.astro
new file mode 100644
index 0000000..d2af4e5
--- /dev/null
+++ b/src/pages/journal.astro
@@ -0,0 +1,32 @@
+---
+import Layout from "../layouts/layout.astro";
+import "../styles/main.scss";
+import "../styles/journal.scss"
+import type {MarkdownInstance} from "astro";
+
+interface Post {
+    url: string;
+    title: string;
+    author: string;
+    id: string;
+    date: Date;
+}
+
+const posts = Object.values(import.meta.glob<Post>('./journal/*.mdx', { eager: true }));
+let empty = posts === undefined || posts.length === 0;
+---
+
+<Layout>
+    <h2>journal</h2>
+    <ul class="journal-posts">
+        {!empty && posts.map(post =>
+            <li>
+                <span>
+                    <time datetime={post.date.toISOString()}>{post.date.toDateString()}</time>
+                </span>
+                <a href={post.url}>#{post.id.toString().padStart(3, "0")}: {post.title}</a>
+            </li>
+        )}
+        {empty && <p>no posts yet</p>}
+    </ul>
+</Layout>
\ No newline at end of file
diff --git a/src/styles/blog.scss b/src/styles/journal.scss
similarity index 59%
rename from src/styles/blog.scss
rename to src/styles/journal.scss
index 0cb9ead..9146c5c 100644
--- a/src/styles/blog.scss
+++ b/src/styles/journal.scss
@@ -1,23 +1,23 @@
 @use "./_var.scss";
 
-ul.blog-posts {
+ul.journal-posts {
   list-style-type: none;
   padding: unset;
 }
 
-ul.blog-posts li {
+ul.journal-posts li {
   display: flex;
   margin-bottom: 20px;
 }
 
-ul.blog-posts li time {
+ul.journal-posts li time {
   font-style: normal;
 }
 
-ul.blog-posts li span {
+ul.journal-posts li span {
   flex: 0 0 130px;
 }
 
-ul.blog-posts li a:visited {
+ul.journal-posts li a:visited {
   color: var(--visited-color);
 }
\ No newline at end of file