fixed post dates and removed marquee classes from main page

src/routes/+page.svelte

@@ -4,19 +4,14 @@
     import GamedevWebring from "$lib/webrings/gamedev.svelte";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
     import LinkList from "$lib/lists/link-list.svelte";
-    import { quotes, type Quote } from "./quotes";
 
     import { posts as devlogPosts } from "./projects/projectn5/devlog/posts";
     import { posts as blogPosts } from "./blog/posts";
 
     let meImg: string = $state("common/me/a.webp");
-    let marqueeQuote: Quote = $state({
-        author: "",
-        content: "",
-        source: "",
-    });
-    let latestDevlogDate = devlogPosts.values().next().value?.date ?? "could not fetch";
-    let latestBlogDate = blogPosts.values().next().value?.date ?? "could not fetch";
+
+    let latestDevlogDate = devlogPosts[0].post.date;
+    let latestBlogDate = blogPosts[0].post.date;
 
     const galleryEntries: GalleryEntry[] = [
         {
@@ -51,7 +46,6 @@
 
     onMount(() => {
         setPicture();
-        setMarqueeText();
     });
 
     function getRandom(max: number): number {
@@ -63,10 +57,6 @@
         var selectedPicture = pictures[getRandom(pictures.length)];
         meImg = "common/me/" + selectedPicture + ".webp";
     };
-
-    let setMarqueeText = function() {
-        marqueeQuote = quotes[getRandom(quotes.length)];
-    };
 </script>
 
 <svelte:head>
@@ -78,11 +68,6 @@
     <h1 class="gradient-title"><i>Moin!</i> ~ welcome to my website :)</h1>
 
     <hr>
-    <!-- <div class="quote-marquee-container">
-        {@render marqueeContent({quote: marqueeQuote, ignoreA11y: false})}
-        {@render marqueeContent({quote: marqueeQuote, ignoreA11y: true})}
-        {@render marqueeContent({quote: marqueeQuote, ignoreA11y: true})}
-    </div> -->
 
     <h3>about ↬<img id="me-img" class="me-img" title="hi there" src={meImg} alt="Deniz, the website developer, small and pixelated">↫ me </h3>
 
@@ -113,10 +98,6 @@
     <Gallery entries={galleryEntries} />
 </Content>
 
-{#snippet marqueeContent({quote, ignoreA11y}: {quote: Quote, ignoreA11y: boolean})}
-    <span class="quote-marquee" aria-hidden="{ignoreA11y}"><i>{quote.content}</i> – {quote.author} [{quote.source}] ***</span>
-{/snippet}
-
 <style>
     .me-img {
         width: 32px;
@@ -134,35 +115,4 @@
         -webkit-text-fill-color: transparent;
         padding-bottom: 12px;
     }
-
-    .quote-marquee-container {
-        width: 100%;
-        background-color: var(--color-background-highlight);
-        display: flex;
-        overflow: hidden;
-        white-space: nowrap;
-    }
-
-    .quote-marquee {
-        animation: marquee-content 10s linear infinite;
-        font-family: 'Space Mono';
-        font-size: 1rem;
-        font-weight: 600;
-        padding: 6px 6px;
-    }
-
-    .quote-marquee-container:hover .quote-marquee {
-        animation-play-state: paused;
-    }
-
-    @keyframes marquee-content {
-        /* Element one fully ON screen at left-edge of container. */
-        from {
-            transform: translateX( 0% );
-        }
-        /* Element one fully OFF screen (just beyond left-ledge of container). */
-        to {
-            transform: translateX( -100% );
-        }
-    }
 </style>