From 74a008c71530306ae65c2d48903c728ab4238309 Mon Sep 17 00:00:00 2001
From: Chaoscaot <chaoscaot@zohomail.eu>
Date: Tue, 25 Jul 2023 16:38:25 +0200
Subject: [PATCH] Fix Homepage

---
 src/pages/Home.svelte           | 2 +-
 src/pages/home/EventCard.svelte | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/Home.svelte b/src/pages/Home.svelte
index 77c5ffe..b863da1 100644
--- a/src/pages/Home.svelte
+++ b/src/pages/Home.svelte
@@ -57,7 +57,7 @@
     </div>
     <h1 class="text-3xl mt-4 ml-4">Past</h1>
     <div class="grid gap-4 p-4" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
-        {#each data.filter((e) => e.start < millis) as event}
+        {#each data.filter((e) => e.start < millis).reverse() as event}
             <EventCard {event} />
         {/each}
     </div>
diff --git a/src/pages/home/EventCard.svelte b/src/pages/home/EventCard.svelte
index 6ff8c51..d9713e4 100644
--- a/src/pages/home/EventCard.svelte
+++ b/src/pages/home/EventCard.svelte
@@ -11,10 +11,11 @@
 <a href="/event/{event.id}" use:link>
     <Card class="hover:scale-105 transition">
         <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{event.name}</h5>
-        <p>Startet: {new Intl.DateTimeFormat().format(event.start)}</p>
         {#if !sameDate}
+            <p>Startet: {new Intl.DateTimeFormat().format(event.start)}</p>
             <p>Endet: {new Intl.DateTimeFormat().format(event.end)}</p>
         {:else}
+            <p>Am: {new Intl.DateTimeFormat().format(event.start)}</p>
             <p>&nbsp;</p>
         {/if}
     </Card>