devlog post metadata is now fetched centrally from posts.ts

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

@@ -1,34 +1,8 @@
 <script lang="ts">
     import BannerTitleAlt from "$lib/banner-title-alt.svelte";
     import Content from "$lib/content.svelte";
-    import type { DevlogPost } from "./devlog-posts";
-    import { posts } from "./devlog-posts";
-    import { onMount } from 'svelte';
-
-    interface DevlogLiveEntry {
-        timestamp: string;
-        text: string;
-    }
-
-    let entries: DevlogLiveEntry[] = $state([]);
-
-	onMount(() => {
-        getRecentEntries();
-    });
-
-    async function getRecentEntries() {
-        let response = await fetch("https://server.denizk0461.dev:2761/recentEntries")
-        let data = await response.json();
-        data.forEach(datum => {
-            var date = new Date(datum.Timestamp)
-            console.log(datum.Timestamp)
-            entries.push({
-                timestamp: `${date.getFullYear()}-${leftpad(date.getMonth() + 1)}-${leftpad(date.getDate())} ${leftpad(date.getHours())}:${leftpad(date.getMinutes())}`,
-                text: datum.Text,
-            })
-        });
-        console.log(data)
-    };
+    // import type { DevlogPost } from "./devlog-posts";
+    import { posts, type DevlogPost } from "./posts";
 
     // Leftpads a single-digit number to two digits
     function leftpad(n: number): String {
@@ -38,6 +12,14 @@
         }
         return result;
     }
+
+    function getDevlogPosts(): DevlogPost[] {
+        let posts: DevlogPost[] = [];
+
+
+
+        return posts;
+    }
 </script>
 
 
@@ -57,32 +39,20 @@
     <p>2023 progress updates summarise an entire month's work, respectively. Progress updates thereafter denote noteworthy developments in a more collected format.</p>
 
     <div class="post-container">
-        {#each posts as post, index}
+        {#each posts.values() as post, index}
         {@render devlogPost({post, index})}
         {/each}
     </div>
 </Content>
 
-{#snippet liveUpdate({entry}: {entry: DevlogLiveEntry})}
-<div class="live-devlog-entry notched-small">
-    <p class="live-devlog-entry-time">{entry.timestamp}</p>
-    <p class="live-devlog-entry-content">{entry.text}</p>
-</div>
-{/snippet}
-
 {#snippet devlogPost({post, index}: {post: DevlogPost, index: number})}
 <div class="post-supercontainer">
-    <a href="/projects/projectn5/devlog/{post.date}/" class="post">
+    <a href="/projects/projectn5/devlog/{post.id}/" class="post">
         <div class="post-img-container">
-            <img class="post-img" src="/projects/projectn5/devlog/previews/{post.date}.webp" alt="Preview image for devlog {post.title}">
-            <!-- <p class="post-number">#{posts.length - index}</p> -->
+            <img class="post-img" src="/projects/projectn5/devlog/{post.id}/preview.webp" alt="Preview image for devlog {post.title}">
         </div>
         <div class="post-text-container">
-            {#if post.subtitle}
-                <p class="post-date">#{posts.length - index} // {post.subtitle}</p>
-            {:else}
-                <p class="post-date">#{posts.length - index} ~</p>
-            {/if}
+            <p class="post-date">#{posts.size - index} // {post.date}</p>
             <p class="post-title">{post.title}</p>
         </div>
     </a>