diff options
| -rw-r--r-- | web/js-transition.css | 9 | ||||
| -rw-r--r-- | web/script/transition.ts | 3 |
2 files changed, 12 insertions, 0 deletions
diff --git a/web/js-transition.css b/web/js-transition.css index 56a891e..dbb80f0 100644 --- a/web/js-transition.css +++ b/web/js-transition.css @@ -32,6 +32,15 @@ font-size: large; z-index: 11; } +.jst-spinner { + position: fixed; + top: 50vh; + left: 50vw; + transform: translate(-50%, -50%); + color: rgb(252, 255, 78); + font-size: large; + z-index: 11; +} nav { z-index: 11; } diff --git a/web/script/transition.ts b/web/script/transition.ts index e0ee6f5..426b593 100644 --- a/web/script/transition.ts +++ b/web/script/transition.ts @@ -74,6 +74,9 @@ function fade(dir: boolean) { return new Promise<void>(res => { setTimeout(() => { if (dir) document.body.removeChild(overlay) + setTimeout(() => { + overlay.append(e("div", { class: "jst-spinner" }, "Spinner goes here...")) + }, 500) res() }, duration) }) |