added changelog

src/routes/+page.svelte

@@ -5,10 +5,13 @@
 
     import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
     import { posts as blogPosts } from "./blog/posts";
+    import { entries as changelogEntries, type ChangelogEntry } from "./changelog";
 
     let latestDevlogDate = devlogPosts[0].post.date;
     let latestBlogDate = blogPosts[0].post.date;
 
+    let changelogEntriesTrimmed = changelogEntries.slice(0, 4);
+
     const galleryEntries: GalleryEntry[] = [
         {
             title: "Project N5 – devlog",
@@ -46,6 +49,18 @@
     <meta name="description" content="I'm a developer posting about my gamedev, programming, electronics, and sometimes music projects!">
 </svelte:head>
 
+{#snippet changelogEntry({ entry }: { entry: ChangelogEntry })}
+    <div class="changelog-entry">    
+        <span class="changelog-entry-timestamp">{entry.date}, {entry.time} ::</span>
+        <p>
+            {entry.content}
+            {#if entry.link}
+                <a class="changelog-entry-link" href="{entry.link}">»</a>
+            {/if}
+        </p>
+    </div>
+{/snippet}
+
 <Content>
     <h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
 
@@ -58,6 +73,13 @@
         <p>This place is a constant work-in-progress – while I try to keep URLs intact, a lot of stuff is being modified and moved around! If anything's <a href="/blog/2026/0131">broken</a>, please do let me know.</p>
     </div>
 
+    <div class="changelog-container">
+        <h6 class="changelog-header">website changelog <span class="small-supertext">(new!)</span></h6>
+        {#each changelogEntriesTrimmed as entry}
+            {@render changelogEntry({entry})}
+        {/each}
+    </div>
+
     <div class="webring-container">
         <GamedevWebring />
     </div>
@@ -69,11 +91,45 @@
     .me-img {
         width: 110px;
         min-width: 110px;
-        /* margin-top: 12px; */
         float: left;
         margin-right: 12px;
     }
 
+    .changelog-container {
+        padding: 8px 24px;
+        border: 2px var(--color-highlight) dashed;
+    }
+    
+    .changelog-header {
+        margin-top: 8px;
+    }
+
+    .changelog-entry * {
+        margin: 0;
+    }
+
+    .changelog-entry {
+        display: flex;
+        flex-direction: row;
+        gap: 8px;
+        margin: 4px 0;
+    }
+
+    .changelog-entry-timestamp {
+        font-family: var(--font-mono);
+        font-size: 0.9rem;
+        color: var(--color-highlight);
+        min-width: fit-content;
+    }
+
+    .changelog-entry-link {
+        font-family: var(--font-mono);
+        font-size: 1.3rem;
+        color: var(--color-highlight);
+        text-decoration: none;
+        line-height: 1rem;
+    }
+
     .webring-container {
         display: flex;
         flex-direction: row;

src/routes/changelog.ts

@@ -0,0 +1,16 @@
+export interface ChangelogEntry {
+    date: string;
+    time: string;
+
+    content: string;
+    link?: string;
+}
+
+export const entries: ChangelogEntry[] = [
+    {
+        date: "2026-02-02",
+        time: "19:30",
+        content: "updated some texts and moved my contact info to the about page. also created this changelog!",
+        link: "/meta/about",
+    },
+];