From 3d613067a39441bcef33e30af5048802dcd4be09 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Tue, 12 Dec 2023 17:27:12 +0100
Subject: [PATCH] Updates on splash screen

---
 frontend/.npmrc                           |  2 --
 frontend/src/lib/components/Splash.svelte | 25 ++++++++++++++++++-----
 frontend/src/routes/+layout.server.ts     |  4 ++--
 frontend/vite.config.ts                   |  6 ++++++
 4 files changed, 28 insertions(+), 9 deletions(-)
 delete mode 100644 frontend/.npmrc

diff --git a/frontend/.npmrc b/frontend/.npmrc
deleted file mode 100644
index 0c05da4..0000000
--- a/frontend/.npmrc
+++ /dev/null
@@ -1,2 +0,0 @@
-engine-strict=true
-resolution-mode=highest
diff --git a/frontend/src/lib/components/Splash.svelte b/frontend/src/lib/components/Splash.svelte
index 282e5b4..ba83e7c 100644
--- a/frontend/src/lib/components/Splash.svelte
+++ b/frontend/src/lib/components/Splash.svelte
@@ -3,10 +3,9 @@
 	import { fade } from 'svelte/transition';
 
 	let visible = true;
-	let time = 0;
+	let time = 1000;
 	
 	onMount(() => {
-		time = 1000;
 		setTimeout(() => {
 			visible = false;
 		}, time);
@@ -14,15 +13,31 @@
 </script>
 
 {#if visible}
-	<img transition:fade src="/splash.webp" alt="splash" />
+	<img class='background' transition:fade src="/splash.webp" alt="splash" />
+	<div class='wrapper'>
+		<img transition:fade class='logo' src="/images/splash-logo.png" alt="splash-logo" />
+	</div>
 {/if}
 
 <style>
-	img {
+	.background {
 		position: absolute;
-		z-index: 99;
+		z-index: 3;
 		width: 100%;
 		height: 100%;
 		margin: 0 auto;
 	}
+
+	.logo {
+		max-width: 100%;
+		height: auto;
+		z-index: 4;
+	}
+
+	.wrapper {
+		display: grid;
+		place-content: center;
+		height: 100dvh;
+		width: 100dvw;
+	}
 </style>
diff --git a/frontend/src/routes/+layout.server.ts b/frontend/src/routes/+layout.server.ts
index 52892c8..5b66645 100644
--- a/frontend/src/routes/+layout.server.ts
+++ b/frontend/src/routes/+layout.server.ts
@@ -1,3 +1,3 @@
-export const prerender = false;
-export const ssr = false;
+export const prerender = true;
+export const ssr = true;
 export const csr = true;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index a07631e..8a14c39 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -17,6 +17,12 @@ const config = {
       precompress: false,
     })
   },
+  server: {
+    fs: {
+      // Allow serving files from one level up to the project root
+      allow: ['..'],
+    },
+  },
 };
 
 export default config;