From f925af63524d9411b13978614471fbd348a79f2a Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 10 Jul 2023 19:17:53 +0200
Subject: [PATCH] Add splash  screen

---
 frontend/src/routes/+page.svelte             |  8 +++++---
 frontend/src/routes/components/Splash.svelte | 10 +++++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 32a4b3d..d259e62 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -1,17 +1,19 @@
 <script>
 	import BottomAppBar from './components/BottomAppBar.svelte';
 	import Path from './components/Path.svelte';
+	import Splash from './components/Splash.svelte';
 </script>
 
+<Splash></Splash>
 <header>
 	<div id="welcome-message">Benvenuti a <span class="bold">Pianello Val Tidone</span></div>
 </header>
 
 <main>
 	<div id="route-cards">
-			<Path color="#de0e1b" type="naturalistici" />
-			<Path color="#f6ae04" type="storici" />
-			<Path color="#213c8b" type="tradizionalisti" />
+		<Path color="#de0e1b" type="naturalistici" />
+		<Path color="#f6ae04" type="storici" />
+		<Path color="#213c8b" type="tradizionalisti" />
 	</div>
 </main>
 
diff --git a/frontend/src/routes/components/Splash.svelte b/frontend/src/routes/components/Splash.svelte
index dcdbb74..04b47fd 100644
--- a/frontend/src/routes/components/Splash.svelte
+++ b/frontend/src/routes/components/Splash.svelte
@@ -2,12 +2,12 @@
 	import { onMount } from 'svelte';
 	import { fade } from 'svelte/transition';
 
-	let visible = false;
+	let visible = true;
 
 	onMount(() => {
 		setTimeout(() => {
-			visible = true;
-		}, 500);
+			visible = false;
+		}, 1000);
 	});
 </script>
 
@@ -17,8 +17,8 @@
 
 <style>
 	img {
-		height: auto;
+		position: absolute;
+		height: 100vh;
 		margin: 0 auto;
-		width: 100%;
 	}
 </style>