For speakers page

src/lib/components/CollectionList.svelte

@@ -106,6 +106,9 @@
 						target="_blank"
 						class="underline hover:no-underline">Offer visitors your own benefit!</a
 					>{/if}
+				{#if col === 'speaker'}<a href="/{entry}/for-speakers" class="underline hover:no-underline"
+						>Participate as a speaker!</a
+					>{/if}
 			</div>
 		</div>
 	</div>

src/lib/components/Disclaimer.svelte

@@ -1,13 +1,15 @@
 <script>
-    export let type = "events";
+	export let type = 'events';
 </script>
 
 <div class="mt-4 mb-8 text-xl bg-pbw-yellow/20 dark:bg-gray-700 p-4 pbw-text-color-secondary">
-    {#if type === 'events'}
+	{#if type === 'events'}
-        ⚠️ All events published here are independent and have their own organisers. Prague Blockchain Week is an independent initiative that informs about these events.
+		⚠️ All events published here are independent and have their own organisers. Prague Blockchain
-If you want information about tickets, or to contact the organizers of a specific event - then contact them directly.
+		Week is an independent initiative that informs about these events. If you want information about
-    {/if}
+		tickets, or to contact the organizers of a specific event - then contact them directly.
-    {#if type === 'speakers'}
+	{/if}
-        ⚠️ All these people are guests of the individual events, which have their own organizers and have no direct connection to Prague Blockchain Week.
+	{#if type === 'speakers'}
-    {/if}
+		⚠️ All these people are guests of the individual events, which have their own organizers and
+		have no direct connection to Prague Blockchain Week.
+	{/if}
 </div>

src/lib/components/Footer.svelte

@@ -24,7 +24,7 @@
 							target="_blank">data.prgblockweek.com/23/index.json</a
 						>.
 						<div class="h-4" />
-						📖 The source data GitHub repository → <a
+						📖 The source data GitHub repository →<a
 							href="https://github.com/utxo-foundation/prague-blockchain-week"
 							class="underline hover:no-underline"
 							target="_blank">utxo-foundation/prague-blockchain-week</a

src/routes/+layout.svelte

@@ -3,7 +3,10 @@
 	import '../app.css';
 	import DarkModeToggle from '$lib/components/DarkModeToggle.svelte';
 
-	$: homepage = !$page.params.type && !$page.params.date && $page.route.id !== '/[entry]/schedule';
+	$: homepage =
+		!$page.params.type &&
+		!$page.params.date &&
+		!['/[entry]/schedule', '/[entry]/for-speakers'].includes($page.route.id);
 </script>
 
 <div class="w-full h-full bg-pbw-red">

src/routes/[entry]/+page.svelte

@@ -76,6 +76,7 @@
 			<CollectionList
 				arr={data.bundle.speakers.filter((s) => !['cz', 'sk'].includes(s.country))}
 				{entry}
+				offer="true"
 			/>
 		</div>
 		<h2 class="text-xl uppercase font-bold mt-10 pbw-text-color-secondary">

src/routes/[entry]/[type]/[slug]/+page.svelte

@@ -187,7 +187,11 @@
 									<div class="uppercase text-sm opacity-40">Address</div>
 									<div class="flex gap-2">
 										{#if item.mapUrl}
-											<a href={item.mapUrl} target="_blank" class="external underline hover:no-underline">{item.address}</a>
+											<a
+												href={item.mapUrl}
+												target="_blank"
+												class="external underline hover:no-underline">{item.address}</a
+											>
 										{:else}
 											{item.address}
 										{/if}

src/routes/[entry]/for-speakers/+page.svelte

@@ -0,0 +1,62 @@
+<script>
+	import { page } from '$app/stores';
+	import Footer from '$lib/components/Footer.svelte';
+	import Header from '$lib/components/Header.svelte';
+	import ItemLogo from '$lib/components/ItemLogo.svelte';
+	import { formatItemDate } from '$lib/utils.js';
+
+	import { format, compareAsc } from 'date-fns';
+
+	export let data;
+</script>
+
+<svelte:head>
+	<title>For speakers | #PBW{$page.params.entry}</title>
+</svelte:head>
+
+<Header path="schedule" type="for-speakers" />
+
+<div class="w-full">
+	<div class="max-w-7xl mx-auto pt-5 md:pt-10">
+		<div class="mx-4 xl:mx-0">
+			<h2 class="text-2xl uppercase font-bold pbw-text-color-secondary">For speakers</h2>
+			<div class="text-xl mt-4">
+				Want to participate in #PBW23 and be a speaker at one of the events? In the following list
+				you will find events that have open CfP for anyone.
+			</div>
+			<div class="text-xl mt-2">
+				CfP means "Call for Papers" and it is a proposal system for talks or other content. Please
+				learn in detail about the focus of each conference or event before submitting a proposal.
+			</div>
+
+			<div class="mt-10">
+				{#each data.bundle.events.filter((e) => e.cfp) as event}
+					<div class="mb-10 text-xl">
+						<div class="flex items-center h-14 gap-2 text-3xl">
+							<ItemLogo item={event} width="w-12" />
+							<div>
+								<a
+									href="/{$page.params.entry}/event/{event.id}"
+									class="text-pbw-red hover:underline">{event.name}</a
+								>
+							</div>
+						</div>
+						<div class="mt-2">Date: <span>{formatItemDate(event, { full: true })}</span></div>
+						{#if event.cfp.text}
+							<div class="mt-2">{event.cfp.text}</div>
+						{/if}
+						<div class="mt-2">
+							CfP link: <a
+								href={event.cfp.link}
+								target="_blank"
+								class="underline hover:no-underline">{event.cfp.link}</a
+							>
+						</div>
+					</div>
+				{/each}
+			</div>
+		</div>
+	</div>
+</div>
+
+<Footer bundle={data.bundle} />