Merge pull request #29 from Guysnacho/24/updt-sponsors-nd-program

Finish everything besides flyer and program skeleton

src/components/AvatarCard.svelte

@@ -11,8 +11,8 @@
 	<div class="card-header rounded-lg overflow-clip h-4/6 mb-2">
 		<img class="rounded-lg mx-auto w-full object-contain" src={photo} alt={name} />
 	</div>
-	<h5 class="text-center h5 md:h6 lg:h6 xl:h5">{affiliation}</h5>
 	<h3 class="text-center h3 sm:h2 md:h3 lg:h4">{name}</h3>
+	<h5 class="text-center h5 md:h6 lg:h6 xl:h5">{affiliation}</h5>
 	<h4 class="text-center h4 sm:h3 md:h4 {position == undefined ? 'hidden' : undefined}">
 		{position}
 	</h4>

src/components/Hero.svelte

@@ -1,11 +1,18 @@
 <script>
+	export let blur = false;
 	export let headerText = '';
 	export let imageSrc = '';
 </script>
 
 <div class="w-full h-96">
 	<header class="align-middle mx-auto relative text-center flex justify-center h-5/6 mb-16">
-		<img src={imageSrc} alt="Abstract submission" class="w-full overflow-clip object-cover" />
+		<img
+			src={imageSrc}
+			alt="Abstract submission"
+			class={blur
+				? 'w-full overflow-clip object-cover blur-sm'
+				: 'w-full overflow-clip object-cover'}
+		/>
 		<div
 			class="w-full py-3 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-slate-900 bg-opacity-40"
 		>

src/routes/+page.svelte

@@ -1,14 +1,16 @@
 <script>
 	import bgImage from '$lib/assets/background/2024_bg_brad-huchteman.jpg';
+	import AIforGenomics from '$lib/assets/sponsors/Sponsor-AI-Genom.png';
+	import AIforMed from '$lib/assets/sponsors/Sponsor-AI-MED.png';
 	import CenterOfAILearning from '$lib/assets/sponsors/Sponsor-CAIL-1.jpg';
-	import SocietyOfComputationalBiology from '$lib/assets/sponsors/Sponsor-ISCB-2.png';
 
 	import AnantMadabhushi from '$lib/assets/speakers/Anant-Madabhushi.jpg';
 	import GregGibson from '$lib/assets/speakers/Greg-Gibson.jpg';
 	import HengLi from '$lib/assets/speakers/Heng-Li.jpg';
 	import NancyCox from '$lib/assets/speakers/Nancy-Cox.jpg';
 
 	import KeynoteSpeaker from '../components/KeynoteSpeaker.svelte';
+	import { invitedSpeakers } from './program/data';
 
 	let speakers = [
 		{
@@ -71,6 +73,23 @@
 	</div>
 </div>
 
+<div class="container mx-auto self-center flex place-content-center my-10 variant-glass-secondary rounded-xl py-6">
+	<p class="text-center mx-auto md:mx-0 w-4/5">
+		The conference will take place at the <a
+			href="https://maps.app.goo.gl/CT3n9YrUaExJBTx37"
+			target="_blank"
+			class="underline text-secondary-300">R. Randall Rollins Building</a
+		>. Directions, maps, and parking information can be found
+		<a
+			href="https://sph.emory.edu/about/directions-maps/index.html"
+			target="_blank"
+			class="underline text-secondary-300">here</a
+		>. Parking balidation is available for visitors paring on Friday afternoon. Parking is free
+		Saturday and Sunday, learn more by going to our
+		<a href="/accommodations" class="underline text-secondary-300">accommodations page</a>!
+	</p>
+</div>
+
 <div class="w-full my-20">
 	<h2 class="h2 text-center">Keynote Speakers</h2>
 	<blockquote class="text-center mt-3 mb-10">Click to learn more</blockquote>
@@ -90,6 +109,28 @@
 	<hr class="!border-t-8 !border-double" />
 </div>
 
+<div class="my-20 w-96 mx-auto">
+	<h2
+		class="h2 text-center my-10 fill-token select-none drop-shadow-sm bg-gradient-to-br from-secondary-500 to-tertiary-100 bg-clip-text text-transparent box-decoration-clone"
+	>
+		Invited speakers
+	</h2>
+	<dl class="list-dl max-h-96 overflow-y-scroll rounded-md outline p-2 mb-5 text-center mx-auto">
+		{#each invitedSpeakers as invitee}
+			<div class="max-w-md overflow-clip">
+				<span class="flex-auto">
+					<dt class="font-bold">{invitee.name}</dt>
+					<dd>{@html invitee.affiliation}</dd>
+				</span>
+			</div>
+		{/each}
+	</dl>
+</div>
+
+<div class="container my-10 mx-auto">
+	<hr class="!border-t-8 !border-double" />
+</div>
+
 <div class="w-full my-16">
 	<h2 class="h2 text-center">Sponsors</h2>
 	<div class="space-y-10 my-5">
@@ -98,10 +139,12 @@
 			target="_blank"
 			aria-label="Emory Center for AI learning"
 		>
-			<div class="space-y-3 my-10 container mx-auto py-4 card-hover">
+			<div
+				class="space-y-3 my-10 container mx-auto py-4 card-hover rounded-md shadow-lg border-tertiary-600 border-4"
+			>
 				<h4 class="text-center text-lg">Center for AI learning</h4>
 				<img
-					class="w-5/6 sm:w-4/6 md:w-1/2 mx-auto rounded-md shadow-lg border-tertiary-600 border-4"
+					class="w-5/6 sm:w-4/6 md:w-1/2 mx-auto"
 					src={CenterOfAILearning}
 					alt="Emory University | Center of AI Learning"
 				/>
@@ -112,7 +155,9 @@
 			target="_blank"
 			aria-label="Emory Center for Computational and Quantitative Genetics"
 		>
-			<div class="space-y-3 my-10 container mx-auto py-4 card-hover">
+			<div
+				class="space-y-3 my-10 container mx-auto py-4 card-hover rounded-md shadow-lg border-tertiary-600 border-4"
+			>
 				<h4 class="text-center text-lg">
 					Emory Center for Computational and Quantitative Genetics
 				</h4>
@@ -123,22 +168,26 @@
 			target="_blank"
 			aria-label="Department of Biostatistics and Bioinformatics, Emory University"
 		>
-			<div class="space-y-3 my-10 container mx-auto py-4 card-hover">
+			<div
+				class="space-y-3 my-10 container mx-auto py-4 card-hover rounded-md shadow-lg border-tertiary-600 border-4"
+			>
 				<h4 class="text-center text-lg">Department of Biostatistics and Bioinformatics</h4>
 			</div>
 		</a>
-		<a
-			href="https://www.iscb.org/index.php"
-			target="_blank"
-			aria-label="International Society for Computational Biology"
-		>
-			<div class="space-y-3 my-10 container mx-auto py-4 card-hover">
-				<h4 class="text-center text-lg">International Society for Computational Biology</h4>
-				<img
-					class="object-contain mx-auto rounded-md shadow-lg border-tertiary-600 border-4"
-					src={SocietyOfComputationalBiology}
-					alt="International Society for Computational Biology"
-				/>
+		<a href="https://jianhu-lab.org" target="_blank" aria-label="AI for Genomics">
+			<div
+				class="space-y-3 my-10 container mx-auto py-4 card-hover rounded-md shadow-lg border-tertiary-600 border-4"
+			>
+				<h4 class="text-center text-lg">AI for Genomics</h4>
+				<img class="object-contain mx-auto" src={AIforGenomics} alt="AI for Genomics" />
+			</div>
+		</a>
+		<a href="https://aimed-lab.org" target="_blank" aria-label="AI.MED">
+			<div
+				class="space-y-3 my-10 container mx-auto py-4 card-hover rounded-md shadow-lg border-tertiary-600 border-4"
+			>
+				<h4 class="text-center text-lg">AI.MED</h4>
+				<img class="object-contain mx-auto" src={AIforMed} alt="AI.MED" />
 			</div>
 		</a>
 	</div>

src/routes/about/+page.svelte

@@ -1,4 +1,5 @@
 <script>
+	import Committee from '$lib/assets/background/mapbox-LJtfV2Dkp4U-unsplash.jpg';
 	import ChangSu from '$lib/assets/committee/Chang-Su.jpg';
 	import HongQin from '$lib/assets/committee/Hong-Qin.png';
 	import HuixiaoHong from '$lib/assets/committee/Huixiao-Hong.jpg';
@@ -7,7 +8,7 @@
 	import KunZhao from '$lib/assets/committee/Kun-Zhao.jpg';
 	import ManojBhasin from '$lib/assets/committee/Manoj-Bhasin.jpg';
 	import MarkBorodovsky from '$lib/assets/committee/Mark-Borodovsky.jpg';
-	import MatthewReyna from "$lib/assets/committee/Matthew-Reyna.jpg";
+	import MatthewReyna from '$lib/assets/committee/Matthew-Reyna.jpg';
 	import PaulSchliekelman from '$lib/assets/committee/Paul-Schliekelman.jpg';
 	import PengQiu from '$lib/assets/committee/Peng-Qiu.jpg';
 	import Steve from '$lib/assets/committee/Qin-Steve.jpg';
@@ -21,12 +22,11 @@
 	import ZhanaDuren from '$lib/assets/committee/Zhana-Duren.jpg';
 	import ZongliangYue from '$lib/assets/committee/Zongliang-Yue.jpg';
 
-	import Abstract from '$lib/assets/background/Chang-Su_abstract.jpg';
 	import logo from '$lib/assets/logo.jpg';
 	import AvatarCard from '../../components/AvatarCard.svelte';
 	import Hero from '../../components/Hero.svelte';
 
-	let coChairs = [
+	const coChairs = [
 		{
 			name: 'Steve Qin, PhD',
 			affiliation: 'Emory University',
@@ -40,7 +40,7 @@
 			position: 'Co-Chair'
 		}
 	];
-	let members = [
+	const members = [
 		{
 			name: 'Yongsheng Bai, PhD',
 			affiliation: 'Eastern Michigan University',
@@ -80,7 +80,7 @@
 
 		{ name: 'Kun Zhao', affiliation: 'CDC', photo: KunZhao },
 		{ name: 'Sangeeta Khare', affiliation: 'FDA NCTR', photo: SangeetaKhare },
-		{ name: 'Yana Bromberg', affiliation: 'FDA NCTR', photo: YanaBromberg },
+		{ name: 'Yana Bromberg', affiliation: 'Emory University', photo: YanaBromberg },
 		{ name: 'Matthew A. Reyna', affiliation: 'Emory University', photo: MatthewReyna }
 	];
 </script>
@@ -90,7 +90,7 @@
 </svelte:head>
 
 <div>
-	<Hero imageSrc={Abstract} headerText="Organizing Commitee" />
+	<Hero imageSrc={Committee} blur headerText="Organizing Commitee" />
 
 	<div class="container mx-auto m-11 space-y-5">
 		<!-- <blockquote class="blockquote my-5 mx-auto w-5/6">