aboutsummaryrefslogtreecommitdiff
path: root/views/loader.html
diff options
context:
space:
mode:
Diffstat (limited to 'views/loader.html')
-rw-r--r--views/loader.html13
1 files changed, 8 insertions, 5 deletions
diff --git a/views/loader.html b/views/loader.html
index 25124bb..9cef2b5 100644
--- a/views/loader.html
+++ b/views/loader.html
@@ -24,11 +24,14 @@
</script>
<div id="banner-outer" style="display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;background:#f4f3f4;overflow:hidden;">
- <img id="banner" src="../logo/full-alt.png" alt="" style="display:none;height:auto;width:380px;">
- <script>
- const $ = require('jquery');
- $("#banner").fadeIn(200);
- </script>
+ <img id="banner" src="../logo/full-alt.png" alt="" style="height:auto;width:380px;">
+ <div id="banner-decoration" style="width: 50px;height: 162px;position: relative;left: -452px;transform: rotate(-45deg);background: #f4f3f4;filter: blur(10px);animation-name: deco;animation-duration: 2s;animation-timing-function: linear;animation-iteration-count: infinite;opacity:.5;display:none;"></div>
+ <style>
+ @keyframes deco {
+ 0% { left: -472px; }
+ 100% { left: 1220px; }
+ }
+ </style>
</div>
<video style="display: none;position:fixed;inset:0;width: 100%;height: 100%;background: #f4f3f4;" id="intro-video">
<source src="intro.mp4">