From aced5e71e96472caa888a7051ff70247a88cccc2 Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Fri, 22 Dec 2023 01:23:31 +1000
Subject: [PATCH] add funny loding screen

---
 sass/screen.scss    |  33 +++++++++++++++++++++++++++++++++
 static/load.gif     | Bin 0 -> 11549 bytes
 templates/base.html |  14 ++++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 static/load.gif

diff --git a/sass/screen.scss b/sass/screen.scss
index 0e065a9..cbf25ba 100644
--- a/sass/screen.scss
+++ b/sass/screen.scss
@@ -28,3 +28,36 @@
         text-align: left;
     }
 }
+
+@keyframes fader-fade {
+    0% {
+        opacity: 1;
+        background: black;
+    }
+    to {
+        opacity: 0;
+        pointer-events: none;
+    }
+}
+
+.fader {
+    background: black;
+    z-index: 3;
+
+    animation: fader-fade 3s;
+    animation-delay: 2s;
+    animation-fill-mode: forwards;
+    
+    color: white;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    p {
+        animation: fader-fade 1s;
+        animation-delay: 1.5s;
+        animation-fill-mode: forwards;
+    }
+}
\ No newline at end of file
diff --git a/static/load.gif b/static/load.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e8b8acc9eced63508f68f7511395efbada7539cb
GIT binary patch
literal 11549
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

literal 0
HcmV?d00001

diff --git a/templates/base.html b/templates/base.html
index 86a1fb2..6cff80d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -24,5 +24,19 @@
                 </a>
             </p>
         </div>
+        <div class='screen flicker'></div>
+        <div class='screen fader'>
+            <p>
+                <img src='/load.gif' width='46px' height='48px' style='margin-bottom:8px' /><br/>
+                Loading...
+
+                <span style='font-size:50%;display:block;margin-top:3em;color:#777777 !important'>
+                    Credit for loading gif to
+                    <a href='https://bdragon1727.itch.io/pixel-loading-pack-3'>
+                        BDragon1727
+                    </a>
+                </span>
+            </p>
+        </div>
     </body>
 </html>
\ No newline at end of file