moved project n5 page to project page root

src/lib/viewport/header.svelte

@@ -1,7 +1,7 @@
 {#snippet headerLinks()}
     <a href="/">Home</a>
     <a href="/projects">Projects</a>
-    <a href="/projects/projectn5/devlog">Project N5</a>
+    <a href="/projects/projectn5">Project N5</a>
     <a href="/blog">Blog</a>
     <a href="/about">About</a>
 {/snippet}

src/routes/+layout.svelte

@@ -185,6 +185,26 @@
             font-weight: 400;
         }
 
+        button {
+            font-family: var(--font-mono);
+            font-size: var(--font-size-mono);
+            padding: 8px;
+            background-color: transparent;
+            border: dashed 2px var(--color-highlight);
+            color: var(--color-highlight);
+            font-weight: 700;
+            cursor: pointer;
+            transition: background-color 0.05s ease-out;
+        }
+
+        button:hover {
+            background-color: var(--color-background-highlight);
+        }
+
+        .button-fullwidth {
+            width: 100%;
+        }
+
         /* #region Headers */
         /* All headers */
         h1, h2, h3, h4, h5, h6 {

src/routes/+page.svelte

@@ -22,7 +22,7 @@
             subtitle: `my active Godot game project about finding yourself in an unfamiliar future. <i>latest update: ${latestDevlogDate}</i>`,
             img: "projects/projectn5/devlog/2025/0523/birds_eye.webp",
             imgAlt: "Project N5 screenshot of Laura looking down at two cuboids",
-            link: "projects/projectn5/devlog",
+            link: "projects/projectn5",
         },
         {
             title: "Projects",

src/routes/projects/projectn5/+page.svelte

@@ -2,10 +2,12 @@
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
     // import type { DevlogPost } from "./devlog-posts";
-    import { posts, type DevlogPost } from "./posts";
+    import { posts, type DevlogPost } from "./devlog/posts";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
 
-    let entries: GalleryEntry[] = posts.entries().map(mapEntries).toArray();
+    let allEntries: GalleryEntry[] = posts.entries().map(mapEntries).toArray()
+    let entries: GalleryEntry[] = $state(allEntries.slice(0, 3));
+    let loadEntryButton: HTMLElement;
 
     function mapEntries(m: [String, DevlogPost], index: number): GalleryEntry {
         return {
@@ -17,6 +19,11 @@
         };
     }
 
+    function loadAllEntries() {
+        entries = allEntries;
+        loadEntryButton.style.display = "none";
+    }
+
     // Leftpads a single-digit number to two digits
     function leftpad(n: number): String {
         var result = n.toString();
@@ -29,17 +36,21 @@
 
 
 <svelte:head>
-    <title>Project N5 Devlog | denizk0461</title> 
+    <title>Project N5 | denizk0461</title> 
 </svelte:head>
 
 <Content>
     <Banner2
-        title="Project N5; Development Log"
+        title="Project N5"
         banner="/projects/projectn5/banner2.webp" />
 
-    <p>This is the development log for my game <b>Project N5</b>! It's an action-adventure jump-and-run game inspired by games such as Ratchet & Clank. Development started on <b>2023-09-16</b> and rebooted on <b>2025-05-16</b>.</p>
+    <p>I am currently working on a game under the working title <b>Project N5</b>! I'm aiming for it to be an action-adventure jump-and-run game inspired by games such as Ratchet & Clank. Development started on <b>2023-09-16</b> and rebooted on <b>2025-05-16</b>.</p>
 
-    <p>2023 progress updates summarise an entire month's work, respectively. Progress updates thereafter denote noteworthy developments in a more collected format.</p>
+    <h2 id="devlog">Development Log</h2>
+
+    <p>Development log entries in reverse chronological order (newest to oldest).</p> 
 
     <Gallery entries={entries} reverseTextOrder />
+
+    <button class="button-fullwidth" onclick={loadAllEntries} bind:this={loadEntryButton}>Load all entries</button>
 </Content>

src/routes/projects/projects.ts

@@ -33,7 +33,7 @@ export const projects: Project[] = [
         links: [
             {
                 text: "View the <b>development log</b>",
-                link: "/projects/projectn5/devlog",
+                link: "/projects/projectn5",
             },
             {
                 text: "Play an <b>old build</b> (developed until 2025-05-16)",