Add speaker block to program at a glance

Guysnacho · Mar 22, 2024 · ac56fac · ac56fac
1 parent 040d1d6
commit ac56fac
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 10 deletions.
diff --git 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
@@ -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' }
 ];