From a0c22419e8086d807fc101cbc3d42b07c7744a96 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Mon, 27 Mar 2023 04:22:09 +0200
Subject: [PATCH] Make speaker photos as circle

---
 src/lib/components/CollectionList.svelte      | 5 +++--
 src/routes/[entry]/+page.svelte               | 6 ++++--
 src/routes/[entry]/[type]/+page.svelte        | 2 +-
 src/routes/[entry]/[type]/[slug]/+page.svelte | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/CollectionList.svelte b/src/lib/components/CollectionList.svelte
index 09d9f6e6..51ac683f 100644
--- a/src/lib/components/CollectionList.svelte
+++ b/src/lib/components/CollectionList.svelte
@@ -9,6 +9,7 @@
 	export let img = 'photoUrl';
 	export let aspect = 'aspect-square';
 	export let size = 'normal';
+	export let circle = false;
 	export let offer = false;
 	export let bundle = null;
 	export let currentItem = null;
@@ -38,7 +39,7 @@
 	<div
 		class="{size === 'small' ? 'p-0.5 lg:p-1' : 'p-1 lg:p-1.5'} {!item.hidden
 			? 'hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10'
-			: ''} {size === 'small' ? 'rounded-lg' : 'rounded-2xl'}"
+			: ''} {(size === 'small' ? 'rounded-lg' : 'rounded-2xl')}"
 	>
 		<div class="w-full relative">
 			{#if col === 'benefit'}
@@ -55,7 +56,7 @@
 					width="w-full"
 					{aspect}
 					{img}
-					rounded={size === 'small' ? 'rounded-lg' : 'rounded-2xl'}
+					rounded={circle ? 'rounded-full' : (size === 'small' ? 'rounded-lg' : 'rounded-2xl')}
 				/>
 			</a>
 		</div>
diff --git a/src/routes/[entry]/+page.svelte b/src/routes/[entry]/+page.svelte
index 359dd659..db26003d 100644
--- a/src/routes/[entry]/+page.svelte
+++ b/src/routes/[entry]/+page.svelte
@@ -80,6 +80,7 @@
 				arr={processItemsList(speakers.filter((s) => !['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
 				{entry}
 				offer="true"
+				circle="true"
 			/>
 		</div>
 		<h2 class="text-xl uppercase font-bold mt-10 pbw-text-color-secondary">
@@ -92,6 +93,7 @@
 				arr={processItemsList(speakers.filter((s) => ['cz', 'sk'].includes(s.country)).sort((x, y) => (x.name > y.name ? 1 : -1)))}
 				{entry}
 				offer="true"
+				circle="true"
 			/>
 		</div>
 		<h2 class="text-2xl uppercase font-bold mt-10 pbw-text-color-secondary">
@@ -104,7 +106,7 @@
 		</div>
 		{#if data.bundle.benefits}
 			<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
-				<a href="/{entry}/benefits">Benefits for visitors</a> ({data.bundle.benefits.length})
+				<a href="/{entry}/benefits">PBW Benefits for visitors</a> ({data.bundle.benefits.length})
 			</h2>
 			<div
 				class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 my-6 text-center text-xl mb-8"
@@ -121,7 +123,7 @@
 		{/if}
 		{#if data.bundle['media-partners']}
 			<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">
-				<a href="/{entry}/media-partners">Media Partners & Communities</a> ({data.bundle[
+				<a href="/{entry}/media-partners">PBW Media Partners & Communities</a> ({data.bundle[
 					'media-partners'
 				].length})
 			</h2>
diff --git a/src/routes/[entry]/[type]/+page.svelte b/src/routes/[entry]/[type]/+page.svelte
index 5698d258..2cbd7b71 100644
--- a/src/routes/[entry]/[type]/+page.svelte
+++ b/src/routes/[entry]/[type]/+page.svelte
@@ -182,7 +182,7 @@
 									{#if type === 'speakers'}
 										<td class="w-12 md:w-14">
 											<a href="/{entry}/{tc.model}/{item.id}">
-												<ItemLogo {item} img="photoUrl" />
+												<ItemLogo {item} img="photoUrl" rounded="rounded-full" />
 											</a>
 										</td>
 										<td class="text-2xl h-12">
diff --git a/src/routes/[entry]/[type]/[slug]/+page.svelte b/src/routes/[entry]/[type]/[slug]/+page.svelte
index 43842e3f..d1eca56b 100644
--- a/src/routes/[entry]/[type]/[slug]/+page.svelte
+++ b/src/routes/[entry]/[type]/[slug]/+page.svelte
@@ -386,7 +386,7 @@
 					<div
 						class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 xl:grid-cols-8 mt-4 text-center text-xl"
 					>
-						<CollectionList arr={item.speakers} bundle={data.bundle} currentItem={item} />
+						<CollectionList arr={item.speakers} bundle={data.bundle} currentItem={item} circle="true" />
 					</div>
 				{/if}
 				{#if item.events}