pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages 1 Wiki Activity

Add splash screen
All checks were successful
ci/woodpecker/push/build Pipeline was successful
Details

Browse source
This commit is contained in:
Alessio Davoli 2023-07-10 19:17:53 +02:00
parent 6f59cf76f7
commit f925af6352
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/routes/+page.svelte
View file

@ -1,17 +1,19 @@
<script> <script>
import BottomAppBar from './components/BottomAppBar.svelte'; import BottomAppBar from './components/BottomAppBar.svelte';
import Path from './components/Path.svelte'; import Path from './components/Path.svelte';
import Splash from './components/Splash.svelte';
</script> </script>
<Splash></Splash>
<header> <header>
<div id="welcome-message">Benvenuti a <span class="bold">Pianello Val Tidone</span></div> <div id="welcome-message">Benvenuti a <span class="bold">Pianello Val Tidone</span></div>
</header> </header>
<main> <main>
<div id="route-cards"> <div id="route-cards">
<Path color="#de0e1b" type="naturalistici" /> <Path color="#de0e1b" type="naturalistici" />
<Path color="#f6ae04" type="storici" /> <Path color="#f6ae04" type="storici" />
<Path color="#213c8b" type="tradizionalisti" /> <Path color="#213c8b" type="tradizionalisti" />
</div> </div>
</main> </main>

10
frontend/src/routes/components/Splash.svelte
View file

@ -2,12 +2,12 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
let visible = false; let visible = true;
onMount(() => { onMount(() => {
setTimeout(() => { setTimeout(() => {
visible = true; visible = false;
}, 500); }, 1000);
}); });
</script> </script>
@ -17,8 +17,8 @@
<style> <style>
img { img {
height: auto; position: absolute;
height: 100vh;
margin: 0 auto; margin: 0 auto;
width: 100%;
} }
</style> </style>