From 2fcdada6864751ec708ace9ccd8c28d6d99aab06 Mon Sep 17 00:00:00 2001
From: Minteck <nekostarfan@gmail.com>
Date: Tue, 10 Aug 2021 16:47:40 +0200
Subject: New loading screen

---
 views/loader.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'views/loader.html')

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">
-- 
cgit