pianello/pianello-web-app
pianello/pianello-web-app
2
0
Fork 0
Code Issues 3 Pull requests Projects 1 Releases Packages 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>
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>

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

@ -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>