diff --git a/src/routes/example/+page.svelte b/src/routes/example/+page.svelte index dbc8a0f..65d6fc1 100644 --- a/src/routes/example/+page.svelte +++ b/src/routes/example/+page.svelte @@ -26,9 +26,9 @@ { image: "/example/logo7.png", name: "Sponsor 7", url: "https://example7.com" } ]; - // Schedule Configuration - You don't need to use this schedule, this is just an example! - const scheduleData = { - saturday: { + // Schedule Configuration - You don't need to use this exact schedule, this is just an example! + const scheduleData: { title: string; items: { event: string; time: string; }[] }[] = [ + { title: "Saturday, September 27th", items: [ { event: "Doors open", time: "11:00 AM" }, @@ -43,7 +43,7 @@ { event: "Midnight surprise", time: "12:00 AM" } ] }, - sunday: { + { title: "Sunday, September 28th", items: [ { event: "Breakfast", time: "8:00 AM" }, @@ -51,7 +51,7 @@ { event: "Closing ceremony", time: "12:00 PM" } ] } - }; + ]; import { onMount } from "svelte"; @@ -960,43 +960,25 @@ Mumbai`.split("\n")
- -
-

- {scheduleData.saturday.title} -

- -
- {#each scheduleData.saturday.items as item, index} -
- {item.event} - {item.time} -
- {#if index < scheduleData.saturday.items.length - 1} -
- {/if} - {/each} + {#each scheduleData as day, dayIndex} +
+

+ {day.title} +

+ +
+ {#each day.items as item, index} +
+ {item.event} + {item.time} +
+ {#if index < day.items.length - 1} +
+ {/if} + {/each} +
-
- - -
-

- {scheduleData.sunday.title} -

- -
- {#each scheduleData.sunday.items as item, index} -
- {item.event} - {item.time} -
- {#if index < scheduleData.sunday.items.length - 1} -
- {/if} - {/each} -
-
+ {/each}