Update hp
This commit is contained in:
rodič
c12ac5b12c
revize
0b9f20d9f1
|
@ -4,6 +4,7 @@
|
||||||
export let col = "speaker";
|
export let col = "speaker";
|
||||||
export let img = "photoUrl";
|
export let img = "photoUrl";
|
||||||
export let aspect = "aspect-square";
|
export let aspect = "aspect-square";
|
||||||
|
export let size = "normal";
|
||||||
|
|
||||||
import { format, addDays } from 'date-fns';
|
import { format, addDays } from 'date-fns';
|
||||||
import SvelteMarkdown from 'svelte-markdown';
|
import SvelteMarkdown from 'svelte-markdown';
|
||||||
|
@ -20,7 +21,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#each arr as item}
|
{#each arr as item}
|
||||||
<div class="p-4 hover:bg-pbw-yellow/30 rounded-2xl">
|
<div class="{size === "small" ? "p-2" : "p-4"} hover:bg-pbw-yellow/30 {size==="small" ? "rounded-lg" : "rounded-2xl"}">
|
||||||
{#if item[img]}
|
{#if item[img]}
|
||||||
<div class="w-full relative">
|
<div class="w-full relative">
|
||||||
{#if col === "benefit"}
|
{#if col === "benefit"}
|
||||||
|
@ -28,7 +29,7 @@
|
||||||
<div class="bg-pbw-red py-0.5 px-1.5 rounded-md text-white uppercase text-base">{item.slogan}</div>
|
<div class="bg-pbw-red py-0.5 px-1.5 rounded-md text-white uppercase text-base">{item.slogan}</div>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
<a href={_url(col, item)}><img src={item[img]} class="rounded-2xl w-full {aspect} object-cover" /></a>
|
<a href={_url(col, item)}><img src={item[img]} class="{size === "small" ? "rounded-lg" : "rounded-2xl"} w-full {aspect} object-cover" /></a>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if col !== "media-partner"}
|
{#if col !== "media-partner"}
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if homepage}
|
{#if homepage}
|
||||||
<div class="mx-6 xl:mx-0">
|
<div class="mx-6 xl:mx-0 mb-4">
|
||||||
<div class="max-w-7xl mx-auto pt-10">
|
<div class="max-w-7xl mx-auto pt-10">
|
||||||
<h1 class="text-5xl uppercase font-bold text-pbw-red"><a href="/{$page.params.entry}">Prague Blockchain Week 2023</a></h1>
|
<h1 class="text-5xl uppercase font-bold text-pbw-red"><a href="/{$page.params.entry}">Prague Blockchain Week 2023</a></h1>
|
||||||
<div class="text-4xl text-pbw-yellow">June 2-11, 2023</div>
|
<div class="text-4xl text-pbw-yellow">June 2-11, 2023</div>
|
||||||
|
|
|
@ -12,10 +12,6 @@
|
||||||
|
|
||||||
<div class="w-full px-6 xl:mx-0">
|
<div class="w-full px-6 xl:mx-0">
|
||||||
<div class="max-w-7xl mx-auto pt-2 md:pt-7">
|
<div class="max-w-7xl mx-auto pt-2 md:pt-7">
|
||||||
<h2 class="text-2xl uppercase font-bold text-gray-500">Unions ({data.bundle.unions.length})</h2>
|
|
||||||
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 my-6 text-center text-4xl">
|
|
||||||
<CollectionList arr={data.bundle.unions} img="logo" col="union" entry={entry} />
|
|
||||||
</div>
|
|
||||||
<h2 class="text-2xl uppercase font-bold text-gray-500">Big events ({data.bundle.events.length})</h2>
|
<h2 class="text-2xl uppercase font-bold text-gray-500">Big events ({data.bundle.events.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-2xl">
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 my-6 text-center text-2xl">
|
||||||
<CollectionList arr={data.bundle.events} img="logo" col="event" entry={entry}/>
|
<CollectionList arr={data.bundle.events} img="logo" col="event" entry={entry}/>
|
||||||
|
@ -26,15 +22,19 @@
|
||||||
</div>
|
</div>
|
||||||
{#if data.bundle.benefits}
|
{#if data.bundle.benefits}
|
||||||
<h2 class="text-2xl uppercase font-bold text-gray-500">benefits for visitors ({data.bundle.benefits.length})</h2>
|
<h2 class="text-2xl uppercase font-bold text-gray-500">benefits for visitors ({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">
|
<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">
|
||||||
<CollectionList arr={data.bundle.benefits} img="logo" col="benefit" entry={entry} aspect="aspect-[16/9]" />
|
<CollectionList arr={data.bundle.benefits} img="logo" col="benefit" entry={entry} aspect="aspect-[16/9]" />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
{#if data.bundle["media-partners"]}
|
{#if data.bundle["media-partners"]}
|
||||||
<h2 class="text-2xl uppercase font-bold text-gray-500">Media Partners & Communities ({data.bundle["media-partners"].length})</h2>
|
<h2 class="text-2xl uppercase font-bold text-gray-500">Media Partners & Communities ({data.bundle["media-partners"].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-2xl">
|
<div class="grid grid-cols-3 sm:grid-cols-5 md:grid-cols-7 xl:grid-cols-9 my-6 text-center text-2xl mb-8">
|
||||||
<CollectionList arr={data.bundle["media-partners"]} img="logo" col="media-partner" entry={entry} aspect="aspect-[16/9]" />
|
<CollectionList arr={data.bundle["media-partners"]} img="logo" col="media-partner" entry={entry} aspect="aspect-[16/9]" size="small" />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
<h2 class="text-2xl uppercase font-bold text-gray-500">Unions ({data.bundle.unions.length})</h2>
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-5 my-6 text-center text-3xl mb-8">
|
||||||
|
<CollectionList arr={data.bundle.unions} img="logo" col="union" entry={entry}/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
|
@ -106,7 +106,7 @@
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 mb-4">Source code / Edit</h2>
|
<h2 class="text-2xl uppercase font-bold mt-10 mb-4 col-span-1">Source code / Edit</h2>
|
||||||
<div>
|
<div>
|
||||||
<a href="#" class="underline hover:no-underline" on:click={() => { showSource = !showSource; }}>Show/Hide source</a>,
|
<a href="#" class="underline hover:no-underline" on:click={() => { showSource = !showSource; }}>Show/Hide source</a>,
|
||||||
<a href="https://github.com/utxo-foundation/prague-blockchain-week/tree/main/data/23/events/{item.id}" class="underline hover:no-underline">Edit on GitHub</a>
|
<a href="https://github.com/utxo-foundation/prague-blockchain-week/tree/main/data/23/events/{item.id}" class="underline hover:no-underline">Edit on GitHub</a>
|
||||||
|
|
Načítá se…
Odkázat v novém úkolu