Updates on splash screen

frontend/.npmrc

@@ -1,2 +0,0 @@
-engine-strict=true
-resolution-mode=highest

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>

frontend/src/routes/+layout.server.ts

@@ -1,3 +1,3 @@
-export const prerender = false;
+export const prerender = true;
-export const ssr = false;
+export const ssr = true;
 export const csr = true;

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;