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