prgblockweek
/
pbw-explore
zrcadlo https://github.com/prgblockweek/pbw-explore.git
1
0
Rozštěpit 0
Zdrojový kód Úkoly Balíčky Projekty Vydání Wiki Aktivita

Dark mode tweaks

This commit is contained in:
tree 2023-01-31 09:47:58 +01:00
rodič e098e6d175
revize 952a46aebe
19 změnil soubory, kde provedl 223 přidání a 161 odebrání
Zobrazit statistiky Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

8
.woodpecker.yml
Zobrazit soubor

@ -1,5 +1,4 @@
pipeline: pipeline:
build: build:
image: node image: node
commands: commands:
@ -10,11 +9,10 @@ pipeline:
when: when:
branch: [dev] branch: [dev]
deploy_dev: deploy_dev:
image: rclone/rclone image: rclone/rclone
commands: commands:
- "rclone sync build/ :sftp:dev/ --sftp-host frontier.gwei.cz --sftp-user pbw-deploy --sftp-port 2022 --sftp-pass $RCLONE_PASS -v" - 'rclone sync build/ :sftp:dev/ --sftp-host frontier.gwei.cz --sftp-user pbw-deploy --sftp-port 2022 --sftp-pass $RCLONE_PASS -v'
secrets: [RCLONE_PASS] secrets: [RCLONE_PASS]
when: when:
branch: [dev] branch: [dev]
@ -32,7 +30,7 @@ pipeline:
deploy_mirror: deploy_mirror:
image: rclone/rclone image: rclone/rclone
commands: commands:
- "rclone sync build/ :sftp:production/ --sftp-host frontier.gwei.cz --sftp-user pbw-deploy --sftp-port 2022 --sftp-pass $RCLONE_PASS -v" - 'rclone sync build/ :sftp:production/ --sftp-host frontier.gwei.cz --sftp-user pbw-deploy --sftp-port 2022 --sftp-pass $RCLONE_PASS -v'
secrets: [RCLONE_PASS] secrets: [RCLONE_PASS]
when: when:
branch: [main] branch: [main]

2
README.md
Zobrazit soubor

@ -14,4 +14,4 @@ The production version is available at [explore.prgblockweek.com](https://explor
## Authors ## Authors
- [tree](https://github.com/burningtree) - [tree](https://github.com/burningtree)
- [cryptonda](https://github.com/cryptonda) - [cryptonda](https://github.com/cryptonda)

14
src/app.css
Zobrazit soubor

@ -44,7 +44,15 @@
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E"); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
} }
body.dark{ body {
background-color: #252525; @apply bg-pbw-red;
} }
.page-body {
@apply bg-pbw-white;
}
body.dark .page-body {
@apply bg-pbw-dark;
}
} }

2
src/lib/components/CalendarList.svelte
Zobrazit soubor

@ -13,7 +13,7 @@
<div class="text-2xl"> <div class="text-2xl">
{#each segments as segment} {#each segments as segment}
<div <div
class="md:flex flex-wrap mb-2 gap-3 items-center text-gray-800 border dark:text-gray-400 border-gray-300 rounded-lg md:border-none px-3 py-2 md:px-0 md:py-0" class="md:flex flex-wrap mb-2 gap-3 items-center text-gray-800 border dark:text-gray-200 border-gray-300 rounded-lg md:border-none px-3 py-2 md:px-0 md:py-0"
> >
<div class="flex gap-2"> <div class="flex gap-2">
<div class="text-xl md:w-32 md:text-right"> <div class="text-xl md:w-32 md:text-right">

12
src/lib/components/CollectionList.svelte
Zobrazit soubor

@ -66,33 +66,33 @@
<a href={_url(col, item)} class="hover:underline">{item.shortname || item.name}</a> <a href={_url(col, item)} class="hover:underline">{item.shortname || item.name}</a>
</h3> </h3>
{#if col === 'event'} {#if col === 'event'}
<div class="text-xl text-gray-500 dark:text-gray-400 my-2"> <div class="text-xl text-gray-500 dark:text-gray-200 my-2">
<span class="font-bold">{formatItemDate(item)}</span> <span class="font-bold">{formatItemDate(item)}</span>
{#if item.attendees}<br />{item.attendees} ppl{/if} {#if item.attendees}<br />{item.attendees} ppl{/if}
</div> </div>
{/if} {/if}
{#if col === 'media-partner'} {#if col === 'media-partner'}
<div class="text-base text-gray-500 dark:text-gray-400 my-2">{item.description}</div> <div class="text-base text-gray-500 dark:text-gray-200 my-2">{item.description}</div>
{/if} {/if}
{#if col === 'speaker'} {#if col === 'speaker'}
<div class="text-base text-gray-500 dark:text-gray-400 my-2"> <div class="text-base text-gray-500 dark:text-gray-200 my-2">
<SvelteMarkdown source={item.caption} /> <SvelteMarkdown source={item.caption} />
</div> </div>
{/if} {/if}
{#if col === 'union'} {#if col === 'union'}
<div class="text-base text-gray-500 dark:text-gray-400 my-2"> <div class="text-base text-gray-500 dark:text-gray-200 my-2">
<SvelteMarkdown source={item.description} /> <SvelteMarkdown source={item.description} />
</div> </div>
{/if} {/if}
{#if col === 'place'} {#if col === 'place'}
<div class="text-xl text-gray-500 dark:text-gray-400 my-2">{item.capacity} ppl</div> <div class="text-xl text-gray-500 dark:text-gray-200 my-2">{item.capacity} ppl</div>
{/if} {/if}
</div> </div>
{/if} {/if}
</div> </div>
{/each} {/each}
{#if offer} {#if offer}
<div class="flex text-gray-400 self-start {col === 'event' ? 'mt-8' : ''}"> <div class="flex text-gray-400 dark:text-gray-200 self-start {col === 'event' ? 'mt-8' : ''}">
<div class="p-4"> <div class="p-4">
<div class="text-6xl">+</div> <div class="text-6xl">+</div>
<div> <div>

52
src/lib/components/DarkModeToggle.svelte
Zobrazit soubor

@ -1,21 +1,39 @@
<script> <script>
let dark = false; let dark = false;
function toggleDarkMode() { function toggleDarkMode() {
dark = !dark; dark = !dark;
document.body.classList.toggle('dark', dark); document.body.classList.toggle('dark', dark);
} }
</script> </script>
<button <button
class="flex items-center text-white py-1 px-2 rounded-full hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10" class="flex items-center text-white py-1 px-2 rounded-full hover:bg-pbw-yellow/20 dark:hover:bg-pbw-white/10"
on:click={toggleDarkMode} on:click={toggleDarkMode}
> >
{#if dark} {#if dark}
<svg id="theme-toggle-dark-icon" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg> <svg
<span class="px-2">Dark mode</span> id="theme-toggle-dark-icon"
{:else} class="w-5 h-5"
<svg id="theme-toggle-light-icon" class=" w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg> fill="currentColor"
<span class="px-2">Light mode</span> viewBox="0 0 20 20"
{/if} xmlns="http://www.w3.org/2000/svg"
</button> ><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" /></svg
>
<span class="px-2">Dark mode</span>
{:else}
<svg
id="theme-toggle-light-icon"
class=" w-5 h-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
><path
d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
fill-rule="evenodd"
clip-rule="evenodd"
/></svg
>
<span class="px-2">Light mode</span>
{/if}
</button>

2
src/lib/components/EventTypeBadge.svelte
Zobrazit soubor

@ -4,7 +4,7 @@
</script> </script>
<div <div
class="text-sm uppercase rounded px-1.5 py-0.5 text-black" class="badge text-sm uppercase rounded px-1.5 py-0.5 text-black"
style="background-color: {config.eventTypeColors[type]};" style="background-color: {config.eventTypeColors[type]};"
> >
{type} {type}

134
src/lib/components/Footer.svelte
Zobrazit soubor

@ -11,67 +11,83 @@
let showSource = false; let showSource = false;
</script> </script>
<div class="mt-20"> <div class="w-full dark:text-gray-600">
<div class="bg-gray-100 dark:bg-gray-400 p-4 text-lg text-gray-600 dark:text-gray-800"> <div class="max-w-7xl mx-auto mt-5 md:mt-10 pt-10">
<div> <div class="mx-4 xl:mx-0">
⚙ This page is automatically generated using the structured dataset which can be consumed as a <div class="pt-0">
single JSON file → <a <div class="bg-gray-100 dark:bg-gray-600 p-4 text-lg text-gray-600 dark:text-gray-200">
href="https://data.prgblockweek.com/23/index.json" <div>
class="underline hover:no-underline" ⚙ This page is automatically generated using the structured dataset which can be
target="_blank">data.prgblockweek.com/23/index.json</a consumed as a single JSON file → <a
>. href="https://data.prgblockweek.com/23/index.json"
<div class="h-4" /> class="underline hover:no-underline"
📖 The source data GitHub repository →<a target="_blank">data.prgblockweek.com/23/index.json</a
href="https://github.com/utxo-foundation/prague-blockchain-week" >.
class="underline hover:no-underline" <div class="h-4" />
target="_blank">utxo-foundation/prague-blockchain-week</a 📖 The source data GitHub repository →<a
>. Go ahead and do PRs! href="https://github.com/utxo-foundation/prague-blockchain-week"
</div> class="underline hover:no-underline"
</div> target="_blank">utxo-foundation/prague-blockchain-week</a
{#if bundle} >. Go ahead and do PRs!
<div class="mt-4 text-gray-400"> </div>
<div class="mt-2"> </div>
Last update: <a {#if showSource}
href="https://github.com/utxo-foundation/prague-blockchain-week/commits/main" <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">JSON source-code</h2>
target="_blank" <div
class="underline hover:no-underline">{formatDistanceToNow(new Date(bundle.time))} ago</a class="mt-4 font-mono whitespace-pre-wrap p-4 rounded-md bg-slate-200 text-sm text-black"
>
&nbsp;|&nbsp;
<a
href="https://analytics.gwei.cz/explore.prgblockweek.com"
class="underline hover:no-underline"
target="_blank">Analytics</a
>
&nbsp;|&nbsp;
<a
href="https://github.com/utxo-foundation/pbw-explore"
class="underline hover:no-underline"
target="_blank">pbw-explore {__VERSION__}</a
>
{#if item}
&nbsp;|&nbsp; ID: <a
href="https://github.com/utxo-foundation/prague-blockchain-week/tree/main/data/23/{cc}/{item.id}"
class="underline hover:no-underline"
target="_blank">{item.id}</a
>
[{cc}] &nbsp;|&nbsp;
<button
class="cursor-pointer underline hover:no-underline"
on:click={() => {
showSource = !showSource;
return false;
}}>Toggle JSON source</button
> >
{JSON.stringify(item, null, 2)}
</div>
{/if} {/if}
</div> </div>
{#if showSource}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">JSON source-code</h2>
<div
class="mt-4 font-mono whitespace-pre-wrap p-4 rounded-md bg-slate-200 text-sm text-black"
>
{JSON.stringify(item, null, 2)}
</div>
{/if}
</div> </div>
{/if} </div>
</div>
<div class="w-full dark:text-gray-400 bg-pbw-red pb-20">
<div class="max-w-7xl mx-auto mt-5 md:mt-10">
<div class="mx-4 xl:mx-0">
<div class="pt-2">
{#if bundle}
<div class="mt-4 text-white">
<div class="mt-2">
Last update: <a
href="https://github.com/utxo-foundation/prague-blockchain-week/commits/main"
target="_blank"
class="underline hover:no-underline"
>{formatDistanceToNow(new Date(bundle.time))} ago</a
>
&nbsp;|&nbsp;
<a
href="https://analytics.gwei.cz/explore.prgblockweek.com"
class="underline hover:no-underline"
target="_blank">Analytics</a
>
&nbsp;|&nbsp;
<a
href="https://github.com/utxo-foundation/pbw-explore"
class="underline hover:no-underline"
target="_blank">pbw-explore {__VERSION__}</a
>
{#if item}
&nbsp;|&nbsp; ID: <a
href="https://github.com/utxo-foundation/prague-blockchain-week/tree/main/data/23/{cc}/{item.id}"
class="underline hover:no-underline"
target="_blank">{item.id}</a
>
[{cc}] &nbsp;|&nbsp;
<button
class="cursor-pointer underline hover:no-underline"
on:click={() => {
showSource = !showSource;
return false;
}}>Toggle JSON source</button
>
{/if}
</div>
</div>
{/if}
</div>
</div>
</div>
</div> </div>

7
src/lib/components/Header.svelte
Zobrazit soubor

@ -1,8 +1,8 @@
<script> <script>
import { page } from '$app/stores'; import { page } from '$app/stores';
export let path; export let path;
export let type; export let type;
</script> </script>
<div class="w-full dark:text-gray-400 bg-pbw-red"> <div class="w-full dark:text-gray-400 bg-pbw-red">
@ -11,7 +11,7 @@
<div class="flex gap-8 pb-6"> <div class="flex gap-8 pb-6">
<h1 class="text-4xl md:text-5xl font-bold text-pbw-white"> <h1 class="text-4xl md:text-5xl font-bold text-pbw-white">
<a href="/{$page.params.entry}">#PBW23</a><a <a href="/{$page.params.entry}">#PBW23</a><a
href="/{$page.params.entry}{path ? '/' + path : ""}" href="/{$page.params.entry}{path ? '/' + path : ''}"
><span class="text-pbw-yellow">.{type}</span></a ><span class="text-pbw-yellow">.{type}</span></a
> >
</h1> </h1>
@ -19,4 +19,3 @@
</div> </div>
</div> </div>
</div> </div>

4
src/lib/components/TimelineHeatmap.svelte
Zobrazit soubor

@ -123,12 +123,12 @@
<div class="w-full mb-10 relative"> <div class="w-full mb-10 relative">
{#if selectedSegment} {#if selectedSegment}
<div <div
class="absolute top-[81px] w-[300px] border bg-white z-50 py-2 px-4 {selectedSegment class="absolute top-[81px] w-[300px] border dark:border-gray-400 bg-white dark:bg-pbw-dark dark:text-gray-200 z-50 py-2 px-4 {selectedSegment
? 'hidden md:block' ? 'hidden md:block'
: 'hidden'}" : 'hidden'}"
style="left: {selectedSegment.event.layerX}px;" style="left: {selectedSegment.event.layerX}px;"
> >
<div class="uppercase">{selectedSegment.title}</div> <div class="uppercase text-gray-500 dark:text-gray-300 text-lg">{selectedSegment.title}</div>
<div class="text-xl mt-4"> <div class="text-xl mt-4">
{#each selectedSegment.data.events.map((e) => { {#each selectedSegment.data.events.map((e) => {
return [eventDetail(e[0]), e[1]]; return [eventDetail(e[0]), e[1]];

12
src/lib/dataApi.js
Zobrazit soubor

@ -1,7 +1,7 @@
import localData from '$lib/data.json'; import localData from '$lib/data.json';
function isMirror (host) { function isMirror(host) {
return host === "mirror.explore.prgblockweek.com" return host === 'mirror.explore.prgblockweek.com';
} }
export async function load(entry = '23', host = null) { export async function load(entry = '23', host = null) {
@ -10,7 +10,9 @@ export async function load(entry = '23', host = null) {
if (host === 'localhost') { if (host === 'localhost') {
data = localData; data = localData;
} else { } else {
const resp = await fetch(`https://${isMirror(host) ? 'mirror.' : ''}data.prgblockweek.com/${entry}/index.json`); const resp = await fetch(
`https://${isMirror(host) ? 'mirror.' : ''}data.prgblockweek.com/${entry}/index.json`
);
data = await resp.json(); data = await resp.json();
} }
data.events.sort((a, b) => ((a.attendees || 0) < (b.attendees || 0) ? 1 : -1)); data.events.sort((a, b) => ((a.attendees || 0) < (b.attendees || 0) ? 1 : -1));
@ -28,6 +30,8 @@ export async function load(entry = '23', host = null) {
} }
export async function loadSchema(host) { export async function loadSchema(host) {
const resp = await fetch(`https://${isMirror(host) ? 'mirror.' : ''}data.prgblockweek.com/schema/1/bundle.json`); const resp = await fetch(
`https://${isMirror(host) ? 'mirror.' : ''}data.prgblockweek.com/schema/1/bundle.json`
);
return resp.json(); return resp.json();
} }

32
src/routes/+layout.svelte
Zobrazit soubor

@ -7,22 +7,22 @@
</script> </script>
<div class="w-full h-full bg-pbw-red"> <div class="w-full h-full bg-pbw-red">
<div class="flex max-w-7xl items-right justify-end p-2 m-auto h-[50px] -mb-[30px]"> <div class="flex max-w-7xl items-right justify-end p-2 m-auto h-[50px] -mb-[30px]">
<DarkModeToggle /> <DarkModeToggle />
</div> </div>
{#if homepage} {#if homepage}
<div class="px-6 xl:px-0"> <div class="px-6 xl:px-0">
<div class="max-w-7xl mx-auto pt-10 pb-6"> <div class="max-w-7xl mx-auto pt-10 pb-6">
<h1 class="text-5xl uppercase font-bold text-pbw-white"> <h1 class="text-5xl uppercase font-bold text-pbw-white">
<a href="https://prgblockweek.com">Prague Blockchain Week 2023</a> <a href="https://prgblockweek.com">Prague Blockchain Week 2023</a>
</h1> </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>
</div> </div>
</div> </div>
{/if} {/if}
</div> </div>
<div class="pb-24"> <div class="page-body">
<slot /> <slot />
</div> </div>

32
src/routes/[entry]/+page.svelte
Zobrazit soubor

@ -46,7 +46,7 @@
<TimelineHeatmap {data} /> <TimelineHeatmap {data} />
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500 dark:text-gray-300">
<a href="/{entry}/events">Conferences & Hackathons</a> ({conferences.length}) <a href="/{entry}/events">Conferences & Hackathons</a> ({conferences.length})
</h2> </h2>
<div <div
@ -54,7 +54,7 @@
> >
<CollectionList arr={conferences} img="logo" col="event" {entry} offer={true} /> <CollectionList arr={conferences} img="logo" col="event" {entry} offer={true} />
</div> </div>
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500 dark:text-gray-300">
<a href="/{entry}/events">Other events</a> ({otherEvents.length}) <a href="/{entry}/events">Other events</a> ({otherEvents.length})
</h2> </h2>
<div <div
@ -62,10 +62,12 @@
> >
<CollectionList arr={otherEvents} img="logo" col="event" {entry} /> <CollectionList arr={otherEvents} img="logo" col="event" {entry} />
</div> </div>
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
<a href="/{entry}/speakers">Speakers</a> ({data.bundle.speakers.length}) <a href="/{entry}/speakers">Speakers</a> ({data.bundle.speakers.length})
</h2> </h2>
<h2 class="text-xl uppercase font-bold mt-10 text-gray-500">International 🌎</h2> <h2 class="text-xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
International 🌎
</h2>
<div <div
class="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-6 xl:grid-cols-8 my-6 text-center text-xl" class="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-6 xl:grid-cols-8 my-6 text-center text-xl"
> >
@ -74,7 +76,9 @@
{entry} {entry}
/> />
</div> </div>
<h2 class="text-xl uppercase font-bold mt-10 text-gray-500">Local - Czech 🇨🇿 & Slovak 🇸🇰</h2> <h2 class="text-xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Local - Czech 🇨🇿 & Slovak 🇸🇰
</h2>
<div <div
class="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-6 xl:grid-cols-8 my-6 text-center text-xl" class="grid grid-cols-3 sm:grid-cols-3 md:grid-cols-6 xl:grid-cols-8 my-6 text-center text-xl"
> >
@ -83,7 +87,7 @@
{entry} {entry}
/> />
</div> </div>
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
<a href="/{entry}/places">Places</a> ({data.bundle.places.length}) <a href="/{entry}/places">Places</a> ({data.bundle.places.length})
</h2> </h2>
<div <div
@ -92,7 +96,7 @@
<CollectionList arr={data.bundle.places} col="place" img="photo" {entry} /> <CollectionList arr={data.bundle.places} col="place" img="photo" {entry} />
</div> </div>
{#if data.bundle.benefits} {#if data.bundle.benefits}
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500 dark:text-gray-300">
<a href="/{entry}/benefits">Benefits for visitors</a> ({data.bundle.benefits.length}) <a href="/{entry}/benefits">Benefits for visitors</a> ({data.bundle.benefits.length})
</h2> </h2>
<div <div
@ -109,12 +113,14 @@
</div> </div>
{/if} {/if}
{#if data.bundle['media-partners']} {#if data.bundle['media-partners']}
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500 dark:text-gray-300">
<a href="/{entry}/media-partners">Media Partners & Communities</a> ({data.bundle[ <a href="/{entry}/media-partners">Media Partners & Communities</a> ({data.bundle[
'media-partners' 'media-partners'
].length}) ].length})
</h2> </h2>
<h2 class="text-xl uppercase font-bold mt-10 text-gray-500">International 🌎</h2> <h2 class="text-xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
International 🌎
</h2>
<div <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" 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"
> >
@ -129,7 +135,9 @@
size="small" size="small"
/> />
</div> </div>
<h2 class="text-xl uppercase font-bold mt-10 text-gray-500">Local - Czech 🇨🇿 & Slovak 🇸🇰</h2> <h2 class="text-xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Local - Czech 🇨🇿 & Slovak 🇸🇰
</h2>
<div <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" 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"
> >
@ -154,7 +162,7 @@
<div class="grid grid-cols-5 sm:grid-cols-8 md:grid-cols-10 xl:grid-cols-12 my-6 text-center text-xl"> <div class="grid grid-cols-5 sm:grid-cols-8 md:grid-cols-10 xl:grid-cols-12 my-6 text-center text-xl">
<CollectionList arr={data.bundle.chains} col="chain" img="logo" entry={entry} /> <CollectionList arr={data.bundle.chains} col="chain" img="logo" entry={entry} />
</div--> </div-->
<Footer bundle={data.bundle} />
</div> </div>
</div> </div>
<Footer bundle={data.bundle} />

9
src/routes/[entry]/[type]/+page.svelte
Zobrazit soubor

@ -6,7 +6,7 @@
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import SvelteMarkdown from 'svelte-markdown'; import SvelteMarkdown from 'svelte-markdown';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
import Header from '$lib/components/Header.svelte'; import Header from '$lib/components/Header.svelte';
import EventTypeBadge from '$lib/components/EventTypeBadge.svelte'; import EventTypeBadge from '$lib/components/EventTypeBadge.svelte';
import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js'; import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js';
import makeBlockie from 'ethereum-blockies-base64'; import makeBlockie from 'ethereum-blockies-base64';
@ -69,10 +69,10 @@
<div class="w-full"> <div class="w-full">
<div class="max-w-7xl mx-auto pt-5 md:pt-10"> <div class="max-w-7xl mx-auto pt-5 md:pt-10">
<div class="mx-4 xl:mx-0"> <div class="mx-4 xl:mx-0">
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500 dark:text-gray-300">
{tc.title} ({processedItems.length}) {tc.title} ({processedItems.length})
</h2> </h2>
<div class="text-xl mt-6 text-gray-800 dark:text-gray-400"> <div class="text-xl mt-6 text-gray-800 dark:text-gray-200">
<table class="w-full table-auto"> <table class="w-full table-auto">
<thead> <thead>
<tr class="text-left"> <tr class="text-left">
@ -245,8 +245,9 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<Footer bundle={data.bundle} />
</div> </div>
</div> </div>
</div> </div>
{/if} {/if}
<Footer bundle={data.bundle} />

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

@ -48,9 +48,9 @@
<Header path={colsDef[$page.params.type]} type={$page.params.type} /> <Header path={colsDef[$page.params.type]} type={$page.params.type} />
<div class="w-full dark:text-gray-400"> <div class="w-full dark:text-gray-200">
<div class="max-w-7xl mx-auto pt-5 md:pt-10"> <div class="max-w-7xl mx-auto pt-5 md:pt-10">
<div class="mx-4 xl:mx-0"> <div class="mx-4 xl:mx-0">
<div class="flex flex-wrap md:flex-nowrap w-full"> <div class="flex flex-wrap md:flex-nowrap w-full">
<ItemLogo <ItemLogo
{item} {item}
@ -61,7 +61,7 @@
/> />
<div class="flex-grow"> <div class="flex-grow">
<!--div class="font-normal text opacity-50 mt-4 md:mt-0 mb-1" style="line-height: 0.6em;"><a href="/{entry}/{col}">{col.toUpperCase()}</a></div--> <!--div class="font-normal text opacity-50 mt-4 md:mt-0 mb-1" style="line-height: 0.6em;"><a href="/{entry}/{col}">{col.toUpperCase()}</a></div-->
<h2 class="text-4xl md:text-5xl font-bold text-gray-600 dark:text-gray-400 mt-4 md:mt-0"> <h2 class="text-4xl md:text-5xl font-bold text-gray-600 dark:text-gray-100 mt-4 md:mt-0">
{item.name} {item.name}
</h2> </h2>
{#if col === 'event'} {#if col === 'event'}
@ -289,10 +289,14 @@
{#if col === 'event'} {#if col === 'event'}
{#if item.tracks} {#if item.tracks}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">Tracks</h2> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Tracks
</h2>
<div class="flex flex-wrap gap-2 mt-4"> <div class="flex flex-wrap gap-2 mt-4">
{#each item.tracks as track} {#each item.tracks as track}
<div class="border rounded-lg bg-gray-50 items-center py-1.5 px-2"> <div
class="border rounded-lg bg-gray-50 dark:text-gray-300 dark:border-gray-300 dark:bg-transparent items-center py-1.5 px-2"
>
<div class="text-xl" title={track.name}>{track.shortname || track.name}</div> <div class="text-xl" title={track.name}>{track.shortname || track.name}</div>
<!--div class="text-lg markdown"><SvelteMarkdown source={track.examples} /></div--> <!--div class="text-lg markdown"><SvelteMarkdown source={track.examples} /></div-->
</div> </div>
@ -300,10 +304,12 @@
</div> </div>
{/if} {/if}
{#if item.segments} {#if item.segments}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">Schedule</h2> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Schedule
</h2>
{#each eventDates(item) as date} {#each eventDates(item) as date}
<div class="mb-6"> <div class="mb-6">
<h3 class="mt-4 text-xl uppercase text-gray-500"> <h3 class="mt-4 text-xl uppercase text-gray-500 dark:text-gray-400">
<a href="/{entry}/day/{date}">{format(new Date(date), 'EEEE - MMMM d, yyyy')}</a> <a href="/{entry}/day/{date}">{format(new Date(date), 'EEEE - MMMM d, yyyy')}</a>
</h3> </h3>
<div class="mt-4"> <div class="mt-4">
@ -319,7 +325,7 @@
{/each} {/each}
{/if} {/if}
{#if item.speakers} {#if item.speakers}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Speakers ({item.speakers?.length || 0}) Speakers ({item.speakers?.length || 0})
</h2> </h2>
<div <div
@ -329,7 +335,7 @@
</div> </div>
{/if} {/if}
{#if item.events} {#if item.events}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Sub-Events ({item.events?.length || 0}) Sub-Events ({item.events?.length || 0})
</h2> </h2>
<div <div
@ -339,7 +345,7 @@
</div> </div>
{/if} {/if}
{#if item.venues} {#if item.venues}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Venues ({item.venues?.length || 0}) Venues ({item.venues?.length || 0})
</h2> </h2>
<div <div
@ -354,7 +360,7 @@
{/if} {/if}
{/if} {/if}
{#if col === 'union'} {#if col === 'union'}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Big events ({item.events?.map((eId) => data.bundle.events.find((e) => e.id === eId)) Big events ({item.events?.map((eId) => data.bundle.events.find((e) => e.id === eId))
.length}) .length})
</h2> </h2>
@ -369,7 +375,7 @@
</div> </div>
{/if} {/if}
{#if col === 'speaker'} {#if col === 'speaker'}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Events ({data.bundle.events.filter((e) => e.speakers?.find((s) => s.id === item.id)) Events ({data.bundle.events.filter((e) => e.speakers?.find((s) => s.id === item.id))
.length || 0}) .length || 0})
</h2> </h2>
@ -384,7 +390,7 @@
</div> </div>
{/if} {/if}
{#if col === 'place'} {#if col === 'place'}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Events ({data.bundle.events.filter((e) => e.venues?.includes(item.id)).length || 0}) Events ({data.bundle.events.filter((e) => e.venues?.includes(item.id)).length || 0})
</h2> </h2>
<div <div
@ -398,7 +404,7 @@
</div> </div>
{/if} {/if}
{#if col === 'chain'} {#if col === 'chain'}
<h2 class="text-2xl uppercase font-bold mt-10 text-gray-500"> <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500 dark:text-gray-300">
Events ({data.bundle.events.filter((e) => e.chains?.includes(item.id)).length || 0}) Events ({data.bundle.events.filter((e) => e.chains?.includes(item.id)).length || 0})
</h2> </h2>
<div <div
@ -411,8 +417,8 @@
/> />
</div> </div>
{/if} {/if}
<Footer {col} {item} bundle={data.bundle} />
</div> </div>
</div> </div>
</div> </div>
<Footer {col} {item} bundle={data.bundle} />

5
src/routes/[entry]/day/[date]/+page.svelte
Zobrazit soubor

@ -54,7 +54,7 @@
<div class="max-w-7xl mx-auto pt-5 md:pt-10"> <div class="max-w-7xl mx-auto pt-5 md:pt-10">
<div class="mx-4 xl:mx-0"> <div class="mx-4 xl:mx-0">
<TimelineHeatmap {data} highlightDay={$page.params.date} /> <TimelineHeatmap {data} highlightDay={$page.params.date} />
<h2 class="text-3xl md:text-4xl font-bold text-gray-600 dark:text-gray-500"> <h2 class="text-3xl md:text-4xl font-bold text-gray-600 dark:text-gray-100">
{format(new Date($page.params.date), 'MMMM d, yyyy - EEEE')} {format(new Date($page.params.date), 'MMMM d, yyyy - EEEE')}
</h2> </h2>
<div class="mt-10"> <div class="mt-10">
@ -65,7 +65,8 @@
bundle={data.bundle} bundle={data.bundle}
/> />
</div> </div>
<Footer bundle={data.bundle} />
</div> </div>
</div> </div>
</div> </div>
<Footer bundle={data.bundle} />

4
src/routes/[entry]/schedule/+page.svelte
Zobrazit soubor

@ -56,6 +56,7 @@
</svelte:head> </svelte:head>
<Header path={false} type="schedule" /> <Header path={false} type="schedule" />
<div class="w-full"> <div class="w-full">
<div class="max-w-7xl mx-auto pt-5 md:pt-10"> <div class="max-w-7xl mx-auto pt-5 md:pt-10">
<div class="mx-4 xl:mx-0"> <div class="mx-4 xl:mx-0">
@ -78,7 +79,8 @@
</div> </div>
</div> </div>
{/each} {/each}
<Footer bundle={data.bundle} />
</div> </div>
</div> </div>
</div> </div>
<Footer bundle={data.bundle} />

14
static/manifest.json
Zobrazit soubor

@ -1,8 +1,8 @@
{ {
"name": "#PBW23 Explore", "name": "#PBW23 Explore",
"theme_color": "#ff1616", "theme_color": "#ff1616",
"background_color": "#FF1616", "background_color": "#FF1616",
"display": "browser", "display": "browser",
"scope": "/", "scope": "/",
"start_url": "/" "start_url": "/"
} }

1
tailwind.config.cjs
Zobrazit soubor

@ -14,6 +14,7 @@ module.exports = {
red: '#ff1616', red: '#ff1616',
yellow: '#ffde59', yellow: '#ffde59',
white: '#ffffff', white: '#ffffff',
dark: '#252525'
} }
} }
} }