diff --git a/src/page/Load/Load.svelte b/src/page/Load/Load.svelte index fac18ab..5ac76e6 100644 --- a/src/page/Load/Load.svelte +++ b/src/page/Load/Load.svelte @@ -2,7 +2,19 @@ import Blek from '../../shared/blek.svelte'; import style from './style.module.scss'; - import Plane from 'svelte-loading-spinners/Plane.svelte'; + import Plane from 'svelte-loading-spinners/Jumper.svelte'; + + let motto_translate = true; + let motto_visible = true; + const flip_motto = () => { + motto_visible = false; + setTimeout(() => { + motto_visible = true; + motto_translate = !motto_translate; + }, 1000); + setTimeout(flip_motto, 10000); + } + flip_motto();
@@ -10,5 +22,12 @@

Loading...

- + +

+ { + !motto_translate ? + 'Ad astra Augmenta' : + 'To the stars we rise' + } +

\ No newline at end of file diff --git a/src/page/Load/style.module.scss b/src/page/Load/style.module.scss index 4fb1aa5..dfbedd2 100644 --- a/src/page/Load/style.module.scss +++ b/src/page/Load/style.module.scss @@ -1,12 +1,37 @@ +@use '../../lib/mixins.scss'; + .root { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; + + @include mixins.no_sel; + cursor: default; + + :global { + .wrapper { + margin: 0 auto; + } + } + h1 { font-size: 12pt; font-weight: 300; - height: 60px; + text-align: center; + margin: 20px 0; + } + .motto { + color: #8a8a8a; + margin-top: 30px; + font-weight: 600; + font-size: 9pt; + transition: 1s ease; + transform: translateY(0px); + &.hide { + opacity: 0; + transform: translateY(2px); + } } } \ No newline at end of file