For speakers page
This commit is contained in:
rodič
6de09a1c13
revize
a27ba8a19a
|
@ -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>
|
||||
|
|
|
@ -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.
|
||||
⚠️ 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.
|
||||
⚠️ 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>
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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} />
|
Načítá se…
Odkázat v novém úkolu