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

Make it more RED đź”´

This commit is contained in:
tree 2023-01-30 13:11:14 +01:00
rodiÄŤ 11023a9c16
revize 24d5e89511
7 změnil soubory, kde provedl 51 přidání a 46 odebrání
Zobrazit statistiky Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

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

@ -8,7 +8,7 @@
</script> </script>
<button <button
class="flex items-center text-gray-500 dark:text-gray-400 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}

22
src/lib/components/Header.svelte Normal file
Zobrazit soubor

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

32
src/routes/+layout.svelte
Zobrazit soubor

@ -6,21 +6,23 @@
$: homepage = !$page.params.type && !$page.params.date && $page.route.id !== '/[entry]/schedule'; $: homepage = !$page.params.type && !$page.params.date && $page.route.id !== '/[entry]/schedule';
</script> </script>
<div class="flex max-w-7xl items-right justify-end p-2 m-auto h-[50px] -mb-[30px]"> <div class="w-full h-full bg-pbw-red">
<DarkModeToggle /> <div class="flex max-w-7xl items-right justify-end p-2 m-auto h-[50px] -mb-[30px]">
</div> <DarkModeToggle />
</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-red"> <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 class="pb-24"> <div class="pb-24">
<slot /> <slot />
</div> </div>

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

@ -6,6 +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 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';
@ -62,17 +63,12 @@
<title>{tc?.title} | #PBW{$page.params.entry} Explore</title> <title>{tc?.title} | #PBW{$page.params.entry} Explore</title>
</svelte:head> </svelte:head>
<Header path={false} type={$page.params.type} />
{#if tc} {#if tc}
<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">
<div class="flex gap-8 mb-6 md:mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-pbw-red">
<a href="/{$page.params.entry}">#PBW23</a><span class="text-pbw-yellow"
>.{$page.params.type}</span
>
</h1>
</div>
<h2 class="text-2xl uppercase font-bold text-gray-500"> <h2 class="text-2xl uppercase font-bold text-gray-500">
{tc.title} ({processedItems.length}) {tc.title} ({processedItems.length})
</h2> </h2>

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

@ -6,6 +6,7 @@
import ItemLogo from '$lib/components/ItemLogo.svelte'; import ItemLogo from '$lib/components/ItemLogo.svelte';
import EventTypeBadge from '$lib/components/EventTypeBadge.svelte'; import EventTypeBadge from '$lib/components/EventTypeBadge.svelte';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
import Header from '$lib/components/Header.svelte';
import SvelteMarkdown from 'svelte-markdown'; import SvelteMarkdown from 'svelte-markdown';
import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js'; import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js';
import { config } from '$lib/pbw'; import { config } from '$lib/pbw';
@ -45,17 +46,11 @@
<title>{item.name} | #PBW{$page.params.entry}</title> <title>{item.name} | #PBW{$page.params.entry}</title>
</svelte:head> </svelte:head>
<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-400">
<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 gap-8 mb-6 md:mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-pbw-red">
<a href="/{$page.params.entry}">#PBW23</a><a
href="/{$page.params.entry}/{colsDef[$page.params.type]}"
><span class="text-pbw-yellow">.{$page.params.type}</span></a
>
</h1>
</div>
<div class="flex flex-wrap md:flex-nowrap w-full"> <div class="flex flex-wrap md:flex-nowrap w-full">
<ItemLogo <ItemLogo
{item} {item}

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

@ -3,6 +3,7 @@
import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte'; import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte';
import CalendarList from '$lib/components/CalendarList.svelte'; import CalendarList from '$lib/components/CalendarList.svelte';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
import Header from '$lib/components/Header.svelte';
import { format, compareAsc } from 'date-fns'; import { format, compareAsc } from 'date-fns';
@ -48,17 +49,10 @@
> >
</svelte:head> </svelte:head>
<Header path="schedule" type="day" />
<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">
<div class="flex gap-8 mb-6 md:mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-pbw-red">
<a href="/{$page.params.entry}">#PBW23</a><a href="/{$page.params.entry}/schedule"
><span class="text-pbw-yellow">.day</span></a
>
</h1>
</div>
<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-500">
{format(new Date($page.params.date), 'MMMM d, yyyy - EEEE')} {format(new Date($page.params.date), 'MMMM d, yyyy - EEEE')}

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

@ -3,6 +3,7 @@
import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte'; import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte';
import CalendarList from '$lib/components/CalendarList.svelte'; import CalendarList from '$lib/components/CalendarList.svelte';
import Footer from '$lib/components/Footer.svelte'; import Footer from '$lib/components/Footer.svelte';
import Header from '$lib/components/Header.svelte';
import { config } from '$lib/pbw'; import { config } from '$lib/pbw';
import { format, compareAsc, addDays } from 'date-fns'; import { format, compareAsc, addDays } from 'date-fns';
@ -54,15 +55,10 @@
<title>Schedule | #PBW{$page.params.entry} Explore</title> <title>Schedule | #PBW{$page.params.entry} Explore</title>
</svelte:head> </svelte:head>
<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">
<div class="flex gap-8 mb-6 md:mb-10">
<h1 class="text-4xl md:text-5xl font-bold text-pbw-red">
<a href="/{$page.params.entry}">#PBW23</a><span class="text-pbw-yellow">.schedule</span>
</h1>
</div>
<TimelineHeatmap {data} highlightDay={$page.params.date} /> <TimelineHeatmap {data} highlightDay={$page.params.date} />
{#each days as day} {#each days as day}
<div class="mb-14"> <div class="mb-14">