From ac56fac9cf4383a29714fd60c48e37765cfe066d Mon Sep 17 00:00:00 2001
From: Samuel Adetunji <guysnacho2@gmail.com>
Date: Thu, 21 Mar 2024 22:05:04 -0500
Subject: [PATCH] Add speaker block to program at a glance

---
 src/routes/program/+page.svelte | 32 ++++++++++++++++++++++++++++----
 src/routes/program/data.ts      | 12 ++++++------
 2 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/src/routes/program/+page.svelte b/src/routes/program/+page.svelte
index 3c068c8..c793d43 100644
--- a/src/routes/program/+page.svelte
+++ b/src/routes/program/+page.svelte
@@ -38,27 +38,51 @@
 		<Tab bind:group={tabSet} name="Day 3" value={2}><span>March 24</span></Tab>
 		<!-- Tab Panels --->
 		<svelte:fragment slot="panel">
-			<ol class="list space-y-2 w-4/5 mx-auto">
+			<ol class="list space-y-4 w-4/5 mx-auto">
 				{#if tabSet === 0}
 					{#each dayOneEvents as event}
 						<li class="h5">
 							<span>{event.time}</span>
-							<span class="flex-auto">{event.name}</span>
+							<span class="flex-auto"
+								><div>
+									<p>{event.name}</p>
+									{#if event.speaker}
+										<p class="font-semibold">{event.speaker}</p>
+									{/if}
+								</div></span
+							>
 						</li>
+						<hr class="!border-t-2 !border-solid" />
 					{/each}
 				{:else if tabSet === 1}
 					{#each dayTwoEvents as event}
 						<li class="h5">
 							<span>{event.time}</span>
-							<span class="flex-auto">{event.name}</span>
+							<span class="flex-auto"
+								><div>
+									<p>{event.name}</p>
+									{#if event.speaker}
+										<p class="font-semibold">{event.speaker}</p>
+									{/if}
+								</div></span
+							>
 						</li>
+						<hr class="!border-t-2 !border-solid" />
 					{/each}
 				{:else if tabSet === 2}
 					{#each dayThreeEvents as event}
 						<li class="h5">
 							<span>{event.time}</span>
-							<span class="flex-auto">{event.name}</span>
+							<span class="flex-auto"
+								><div>
+									<p>{event.name}</p>
+									{#if event.speaker}
+										<p class="font-semibold">{event.speaker}</p>
+									{/if}
+								</div></span
+							>
 						</li>
+						<hr class="!border-t-2 !border-solid" />
 					{/each}
 				{/if}
 			</ol>
diff --git a/src/routes/program/data.ts b/src/routes/program/data.ts
index 5a6bea9..ed49c64 100644
--- a/src/routes/program/data.ts
+++ b/src/routes/program/data.ts
@@ -140,7 +140,7 @@ export const invitedSpeakers = [
 
 export const dayOneEvents = [
 	{ name: 'Welcome remarks', time: '1:00pm' },
-	{ name: 'Keynote speech (Anant)', time: '1:15 - 2:15' },
+	{ name: 'Keynote speech', speaker: 'Anant Madabhushi', time: '1:15 - 2:15' },
 	{ name: 'Break', time: '2:15 - 2:30' },
 	{ name: 'Ashish Sharma Memorial Session', time: '2:30 - 3:45' },
 	{ name: 'Break', time: '3:45 - 4:00' },
@@ -151,27 +151,27 @@ export const dayOneEvents = [
 
 export const dayTwoEvents = [
 	{ name: 'Breakfast', time: '7:30 - 8:30' },
-	{ name: 'Keynote speech (Greg Gibson)', time: '8:30 - 9:30' },
+	{ name: 'Keynote speech', speaker: 'Greg Gibson', time: '8:30 - 9:30' },
 	{ name: 'Break', time: '9:30 - 9:45' },
 	{ name: 'Breakout sessions (1,2,3,4)	', time: '9:45 -	11:00' },
 	{ name: 'Break', time: '11:00 - 11:15' },
 	{ name: 'Breakout sessions (5,6,7,8)', time: '11:15 - 12:30' },
 	{ name: 'Lunch', time: '12:30 - 1:30' },
-	{ name: 'Workshops (I, II, III)', time: '1:30 - 2:45' },
+	{ name: 'Workshops (I,II,III)', time: '1:30 - 2:45' },
 	{ name: 'Break', time: '2:45 - 3:00' },
 	{ name: 'Breakout sessions (9,10,11,12)', time: '3:00 -	4:15' },
 	{ name: 'Break', time: '4:15 - 4:30' },
-	{ name: 'Plenary speech (Nancy Cox)', time: '4:30 -	5:30' },
+	{ name: 'Plenary speech', speaker: 'Nancy Cox', time: '4:30 -	5:30' },
 	{ name: 'Election and banquet', time: '5:30 - 7:00' }
 ];
 
 export const dayThreeEvents = [
 	{ name: 'Breakfast', time: '7:30 - 8:30' },
 	{ name: 'Board meeting (by invitation only)', time: '7:30 - 8:30' },
-	{ name: 'Keynote speech (Heng Li)', time: '8:30 - 9:30' },
+	{ name: 'Keynote speech', speaker: 'Heng Li', time: '8:30 - 9:30' },
 	{ name: 'Break', time: '9:30 - 9:45' },
 	{ name: 'Breakout sessions (13,14,15,16)', time: '9:45 - 11:00' },
 	{ name: 'Break', time: '11:00 - 11:15' },
-	{ name: 'Breakout sessions (17,18,19, 20)', time: '11:15 - 12:30' },
+	{ name: 'Breakout sessions (17,18,19,20)', time: '11:15 - 12:30' },
 	{ name: 'Awards and closing', time: '12:30 - 1:00' }
 ];