For speakers page

This commit is contained in:
tree 2023-02-01 14:03:29 +01:00
parent 6de09a1c13
commit a27ba8a19a
7 changed files with 87 additions and 12 deletions

View File

@ -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>

View File

@ -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'}
⚠️ All events published here are independent and have their own organisers. Prague Blockchain Week is an independent initiative that informs about these events.
If you want information about tickets, or to contact the organizers of a specific event - then contact them directly.
{/if}
{#if type === 'speakers'}
⚠️ 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>
{#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. If you want information about
tickets, or to contact the organizers of a specific event - then contact them directly.
{/if}
{#if type === 'speakers'}
⚠️ 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>

View File

@ -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

View File

@ -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">

View File

@ -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">

View File

@ -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}

View File

@ -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} />