From 5eafaa736b2a2f8ac21ab6cea5ce3f1a1baa5181 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 10 Jul 2023 19:11:36 +0200
Subject: [PATCH] Add splash component

---
 frontend/src/routes/components/Splash.svelte | 24 ++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/routes/components/Splash.svelte

diff --git a/frontend/src/routes/components/Splash.svelte b/frontend/src/routes/components/Splash.svelte
new file mode 100644
index 0000000..dcdbb74
--- /dev/null
+++ b/frontend/src/routes/components/Splash.svelte
@@ -0,0 +1,24 @@
+<script>
+	import { onMount } from 'svelte';
+	import { fade } from 'svelte/transition';
+
+	let visible = false;
+
+	onMount(() => {
+		setTimeout(() => {
+			visible = true;
+		}, 500);
+	});
+</script>
+
+{#if visible}
+	<img transition:fade src="/splash.jpeg" alt="splash" />
+{/if}
+
+<style>
+	img {
+		height: auto;
+		margin: 0 auto;
+		width: 100%;
+	}
+</style>