Compare commits
4 commits
017004d925
...
6f59cf76f7
Author | SHA1 | Date | |
---|---|---|---|
6f59cf76f7 | |||
c322fb531f | |||
5eafaa736b | |||
aed9c4055b |
4 changed files with 28 additions and 3 deletions
|
@ -9,9 +9,9 @@
|
||||||
|
|
||||||
<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>
|
||||||
|
|
||||||
|
|
24
frontend/src/routes/components/Splash.svelte
Normal file
24
frontend/src/routes/components/Splash.svelte
Normal file
|
@ -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>
|
1
frontend/src/routes/route/+page.svelte
Normal file
1
frontend/src/routes/route/+page.svelte
Normal file
|
@ -0,0 +1 @@
|
||||||
|
Route Page
|
BIN
frontend/static/splash.jpeg
Normal file
BIN
frontend/static/splash.jpeg
Normal file
Binary file not shown.
After Width: | Height: | Size: 292 KiB |
Loading…
Reference in a new issue