From e5b00a62e84794dbf1c7048d0fbdbf1c27afb857 Mon Sep 17 00:00:00 2001
From: Esa Kataja <ekataja@gmail.com>
Date: Tue, 11 Feb 2025 19:48:36 +0200
Subject: [PATCH] ADD Header

---
 src/lib/components/Header.svelte | 18 ++++++++++++++++++
 src/routes/+layout.svelte        |  2 ++
 2 files changed, 20 insertions(+)
 create mode 100644 src/lib/components/Header.svelte

diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
new file mode 100644
index 0000000..290f051
--- /dev/null
+++ b/src/lib/components/Header.svelte
@@ -0,0 +1,18 @@
+<script>
+	import { enhancedImages } from '@sveltejs/enhanced-img';
+</script>
+
+<header class="flex justify-between items-center p-4 bg-slate-100 mb-8 drop-shadow-md">
+	<enhanced:img
+		src="$lib/assets/img/logo-full.webp"
+		alt="Euroviisu Kotiraati 25"
+		sizes="50px"
+		class="rounded-md w-10 lg:w-24"
+	/>
+	<h1>Euroviisu Kotiraati 25</h1>
+	<nav class="text-xs lg:text-base">
+		<ul>
+			<li><a href="/login">Kirjaudu</a></li>
+		</ul>
+	</nav>
+</header>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1cb1545..3d0cfb7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,8 +1,10 @@
 <script>
 	let { children } = $props();
 	import '../app.css';
+	import Header from '$lib/components/Header.svelte';
 </script>
 
+<Header />
 <div class="container mx-auto">
 	{@render children()}
 </div>