add gokul soumya as speaker in cli week

kokoaespol · Oct 29, 2024 · c39a750 · c39a750
1 parent 9770a63
commit c39a750
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 15 deletions.
diff --git a/src/lib/assets/gokul-soumya.jpg b/src/lib/assets/gokul-soumya.jpg
diff --git a/src/lib/assets/miguel-sanchez.jpeg b/src/lib/assets/miguel-sanchez.jpeg
diff --git a/src/lib/components/Speaker.svelte b/src/lib/components/Speaker.svelte
@@ -10,18 +10,19 @@
 	const { name, image_url, date, time, title, topic }: Props = $props();
 </script>
 
-<div class="my-4 flex w-4/5 gap-6 rounded-2xl bg-neutral-800 px-6 py-4">
-	<img src={image_url} alt={name} class="w-[100px] rounded-full" />
-	<div class="flex flex-col gap-2">
-		<div class="mb-2 flex flex-col gap-1">
-			<span>{name}</span>
-			<small class="text-lime-600">{title}</small>
+<div class="my-4 flex w-fit flex-col items-center gap-6 rounded-2xl bg-neutral-800 px-6 py-4">
+	<img src={image_url} alt={name} class="w-[150px] self-center rounded-full" />
+	<div class="flex flex-col gap-6 px-6 py-4">
+		<div class="h-100 flex max-w-[250px] items-center text-center">
+			<span class="text-xl">{topic}</span>
+		</div>
+		<div class="flex flex-col gap-2">
+			<div class="mb-2 flex flex-col gap-1 text-center">
+				<span>{name}</span>
+				<small class="text-lime-600">{title}</small>
+			</div>
+			<span>📅 {date}</span>
+			<span>🕙 {time}</span>
 		</div>
-		<span>📅 {date}</span>
-		<span>🕙 {time}</span>
-	</div>
-	<div class="h-100 w-[1px] bg-lime-600"></div>
-	<div class="h-100 flex items-center text-center">
-		<span class="text-xl">{topic}</span>
 	</div>
 </div>
diff --git a/src/routes/events/cliweek/+page.svelte b/src/routes/events/cliweek/+page.svelte
@@ -2,6 +2,8 @@
 	import Heading from "$lib/components/layout/Heading.svelte";
 	import Tag from "$lib/components/Tag.svelte";
 	import Speaker from "$lib/components/Speaker.svelte";
+	import gokulSoumya from "$lib/assets/gokul-soumya.jpg";
+	import miguelSanchez from "$lib/assets/miguel-sanchez.jpeg";
 </script>
 
 <svelte:head>
@@ -67,17 +69,26 @@
 		</p>
 	</div>
 
-	<div id="speakers" class="flex w-full flex-col items-center">
-		<h4 class="text-xl text-lime-600">Speakers</h4>
+	<h4 class="text-xl text-lime-600">Speakers</h4>
 
+	<div id="speakers" class="flex w-full flex-wrap gap-4">
 		<Speaker
 			name="Miguel Sánchez"
 			title="Software Developer @ Devsu"
-			image_url="https://media.licdn.com/dms/image/v2/D4E03AQGnBb-gX-aI1w/profile-displayphoto-shrink_400_400/profile-displayphoto-shrink_400_400/0/1694747246966?e=1734566400&v=beta&t=9i7iqBjwH3Qznc_XTUP93_uY8qJ808bqBPQ_mGLzfCE"
+			image_url={miguelSanchez}
 			date="13-11-2024"
 			time="17H00"
 			topic="Del Backend a la Terminal: El Poder de los Django Commands"
 		/>
+
+		<Speaker
+			name="Gokul Soumya"
+			title="System Engineer @ SubCom"
+			image_url={gokulSoumya}
+			date="12-11-2024"
+			time="20H30"
+			topic="CLI Tool Development"
+		/>
 	</div>
 
 	<div>See you there!</div>