From 24d5e895111cb8a585df9aea16c734294f7a77b3 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Mon, 30 Jan 2023 13:11:14 +0100
Subject: [PATCH] =?UTF-8?q?Make=20it=20more=20RED=20=F0=9F=94=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/DarkModeToggle.svelte      |  2 +-
 src/lib/components/Header.svelte              | 22 +++++++++++++
 src/routes/+layout.svelte                     | 32 ++++++++++---------
 src/routes/[entry]/[type]/+page.svelte        | 10 ++----
 src/routes/[entry]/[type]/[slug]/+page.svelte | 13 +++-----
 src/routes/[entry]/day/[date]/+page.svelte    | 10 ++----
 src/routes/[entry]/schedule/+page.svelte      |  8 ++---
 7 files changed, 51 insertions(+), 46 deletions(-)
 create mode 100644 src/lib/components/Header.svelte

diff --git a/src/lib/components/DarkModeToggle.svelte b/src/lib/components/DarkModeToggle.svelte
index 6cb0ef3f..24470226 100644
--- a/src/lib/components/DarkModeToggle.svelte
+++ b/src/lib/components/DarkModeToggle.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <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}
     >
     {#if dark}
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
new file mode 100644
index 00000000..6cb53dcb
--- /dev/null
+++ b/src/lib/components/Header.svelte
@@ -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>
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c46a3213..2ec72e33 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -6,21 +6,23 @@
 	$: homepage = !$page.params.type && !$page.params.date && $page.route.id !== '/[entry]/schedule';
 </script>
 
-<div class="flex max-w-7xl items-right justify-end p-2 m-auto h-[50px] -mb-[30px]">
-    <DarkModeToggle />
-</div>
+<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]">
+        <DarkModeToggle />
+    </div>
 
-{#if homepage}
-	<div class="px-6 xl:px-0">
-		<div class="max-w-7xl mx-auto pt-10 pb-6">
-			<h1 class="text-5xl uppercase font-bold text-pbw-red">
-				<a href="https://prgblockweek.com">Prague Blockchain Week 2023</a>
-			</h1>
-			<div class="text-4xl text-pbw-yellow">June 2-11, 2023</div>
-		</div>
-	</div>
-{/if}
+    {#if homepage}
+        <div class="px-6 xl:px-0">
+            <div class="max-w-7xl mx-auto pt-10 pb-6">
+                <h1 class="text-5xl uppercase font-bold text-pbw-white">
+                    <a href="https://prgblockweek.com">Prague Blockchain Week 2023</a>
+                </h1>
+                <div class="text-4xl text-pbw-yellow">June 2-11, 2023</div>
+            </div>
+        </div>
+    {/if}
+</div>
 
 <div class="pb-24">
-	<slot />
-</div>
+    <slot />
+</div>
\ No newline at end of file
diff --git a/src/routes/[entry]/[type]/+page.svelte b/src/routes/[entry]/[type]/+page.svelte
index ce32f01e..6f7db8ac 100644
--- a/src/routes/[entry]/[type]/+page.svelte
+++ b/src/routes/[entry]/[type]/+page.svelte
@@ -6,6 +6,7 @@
 	import { goto } from '$app/navigation';
 	import SvelteMarkdown from 'svelte-markdown';
 	import Footer from '$lib/components/Footer.svelte';
+    import Header from '$lib/components/Header.svelte';
 	import EventTypeBadge from '$lib/components/EventTypeBadge.svelte';
 	import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js';
 	import makeBlockie from 'ethereum-blockies-base64';
@@ -62,17 +63,12 @@
 	<title>{tc?.title} | #PBW{$page.params.entry} Explore</title>
 </svelte:head>
 
+<Header path={false} type={$page.params.type} />
+
 {#if tc}
 	<div class="w-full">
 		<div class="max-w-7xl mx-auto pt-5 md:pt-10">
 			<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">
 					{tc.title} ({processedItems.length})
 				</h2>
diff --git a/src/routes/[entry]/[type]/[slug]/+page.svelte b/src/routes/[entry]/[type]/[slug]/+page.svelte
index a995cb6c..a9ac6d61 100644
--- a/src/routes/[entry]/[type]/[slug]/+page.svelte
+++ b/src/routes/[entry]/[type]/[slug]/+page.svelte
@@ -6,6 +6,7 @@
 	import ItemLogo from '$lib/components/ItemLogo.svelte';
 	import EventTypeBadge from '$lib/components/EventTypeBadge.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import Header from '$lib/components/Header.svelte';
 	import SvelteMarkdown from 'svelte-markdown';
 	import { formatItemDate, bareDomain, getFlagEmoji } from '$lib/utils.js';
 	import { config } from '$lib/pbw';
@@ -45,17 +46,11 @@
 	<title>{item.name} | #PBW{$page.params.entry}</title>
 </svelte:head>
 
+<Header path={colsDef[$page.params.type]} type={$page.params.type} />
+
 <div class="w-full dark:text-gray-400">
 	<div class="max-w-7xl mx-auto pt-5 md:pt-10">
-		<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="mx-4 xl:mx-0">			
 			<div class="flex flex-wrap md:flex-nowrap w-full">
 				<ItemLogo
 					{item}
diff --git a/src/routes/[entry]/day/[date]/+page.svelte b/src/routes/[entry]/day/[date]/+page.svelte
index f655a4fa..0f5b22dd 100644
--- a/src/routes/[entry]/day/[date]/+page.svelte
+++ b/src/routes/[entry]/day/[date]/+page.svelte
@@ -3,6 +3,7 @@
 	import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte';
 	import CalendarList from '$lib/components/CalendarList.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import Header from '$lib/components/Header.svelte';
 
 	import { format, compareAsc } from 'date-fns';
 
@@ -48,17 +49,10 @@
 	>
 </svelte:head>
 
+<Header path="schedule" type="day" />
 <div class="w-full">
 	<div class="max-w-7xl mx-auto pt-5 md:pt-10">
 		<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} />
 			<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')}
diff --git a/src/routes/[entry]/schedule/+page.svelte b/src/routes/[entry]/schedule/+page.svelte
index 7d16d3a5..cab03a87 100644
--- a/src/routes/[entry]/schedule/+page.svelte
+++ b/src/routes/[entry]/schedule/+page.svelte
@@ -3,6 +3,7 @@
 	import TimelineHeatmap from '$lib/components/TimelineHeatmap.svelte';
 	import CalendarList from '$lib/components/CalendarList.svelte';
 	import Footer from '$lib/components/Footer.svelte';
+	import Header from '$lib/components/Header.svelte';
 	import { config } from '$lib/pbw';
 
 	import { format, compareAsc, addDays } from 'date-fns';
@@ -54,15 +55,10 @@
 	<title>Schedule | #PBW{$page.params.entry} Explore</title>
 </svelte:head>
 
+<Header path={false} type="schedule" />
 <div class="w-full">
 	<div class="max-w-7xl mx-auto pt-5 md:pt-10">
 		<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} />
 			{#each days as day}
 				<div class="mb-14">