From f2ddb2b5c55a4418970d1f4c97c7a2ede3ea8142 Mon Sep 17 00:00:00 2001
From: sepia <sepia@sepiatones.xyz>
Date: Sat, 2 Aug 2025 18:46:45 -0500
Subject: [PATCH] Add projects page

---
 data/pages/about.html    |  4 ----
 data/pages/projects.html | 22 ++++++++++++++++++++++
 src/index.tsx            | 14 ++++++++++++++
 templates/index.html.hbs |  1 +
 4 files changed, 37 insertions(+), 4 deletions(-)
 create mode 100644 data/pages/projects.html

diff --git a/data/pages/about.html b/data/pages/about.html
index e123ee2..551091c 100644
--- a/data/pages/about.html
+++ b/data/pages/about.html
@@ -8,10 +8,6 @@
       a living world
     </li>
     <li>building Pantalaimon, an AI agent system (coming soon)</li>
-    <li>
-      finishing up a little
-      <a href="https://gomoku.sepiatones.xyz">gomoku!</a> webapp
-    </li>
   </ul>
   <h3>Dormant Interests/Projects</h3>
   <ul>
diff --git a/data/pages/projects.html b/data/pages/projects.html
new file mode 100644
index 0000000..3b87b5f
--- /dev/null
+++ b/data/pages/projects.html
@@ -0,0 +1,22 @@
+<article>
+  <h2>Projects</h2>
+  <ul>
+    <li>
+      <a href="gomoku.sepiatones.xyz">Gomoku!</a> - a simple multiplayer
+      implementation of the game Gomoku
+    </li>
+    <li>
+      <a href="civ.plus">Civ+</a> - a sandbox MMORPG where players build nations
+    </li>
+    <li>
+      <a href="https://git.sepiatones.xyz/sepia/sepiatones_xyz"
+        >sepiatones.xyz</a
+      >
+      - the website you're on
+    </li>
+    <li>
+      <a href="git.sepiatones.xyz/sepia/pantalaimon">Pantalaimon</a> - an AI
+      coding agent
+    </li>
+  </ul>
+</article>
diff --git a/src/index.tsx b/src/index.tsx
index 94e2392..76f751a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -35,6 +35,20 @@ const app = new Elysia()
       return "Internal server error";
     }
   })
+  .get("/projects", async ({ set }) => {
+    try {
+      const content = await fs.readFile(
+        path.join(process.cwd(), "data/pages/projects.html"),
+        "utf8",
+      );
+      return renderTemplate("index.html", { content });
+    } catch (error) {
+      console.error("Error serving main page: ", error);
+      set.status = 500;
+      set.headers["Content-Type"] = "text/plain";
+      return "Internal server error";
+    }
+  })
   .get("/posts/:post_name", async ({ params, set }) => {
     try {
       const filePath = path.join(
diff --git a/templates/index.html.hbs b/templates/index.html.hbs
index 4ed227f..dbe9dff 100644
--- a/templates/index.html.hbs
+++ b/templates/index.html.hbs
@@ -13,6 +13,7 @@
       <h1>sepiatones.xyz</h1>
       <nav>
         <a href="/">about</a>
+        <a href="/projects">projects</a>
         <a href="https://git.sepiatones.xyz/sepia">code</a>
         <a
           hx-get="/recent_posts"