Global loading indicator

static/css/main.css

@@ -34,6 +34,20 @@ hr {
 .entry img {
   max-width: 100%; }
 
+#loading {
+  background-color: #fff9;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  transition: background-color 5s;
+  transition-timing-function: ease-in; }
+
 form {
   display: flex;
   flex-direction: column; }

static/css/main.scss

@@ -48,6 +48,23 @@ hr {
     }
 }
 
+#loading {
+    // background-image: url('/static/spinner.gif');
+    background-color: #fff9;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-content: center;
+    transition: background-color 5s;
+    transition-timing-function: ease-in;
+}
+
+
 // // @font-face {
 // //     font-family: 'avenir';
 // //     src: url('/static/avenir-font/AvenirLTStd-Medium.otf');
@@ -197,22 +214,6 @@ form {
 //     }
 // }
 
-// .loading {
-//     // background-image: url('/static/spinner.gif');
-//     background-color: #fffa;
-//     position: absolute;
-//     top: 0;
-//     left: 0;
-//     right: 0;
-//     bottom: 0;
-//     display: flex;
-//     flex-direction: column;
-//     justify-content: center;
-//     align-content: center;
-//     transition: background-color 5s;
-//     transition-timing-function: ease-in;
-// }
-
 // .post {
 //     border: 1px solid black;
 //     padding: 15px 15px;

static/js/main.js

@@ -1,5 +1,5 @@
 $(() => {
-    $('#auth-visible').hide()
+    // $('#auth-visible').hide()
 
 
     // Startdatum festlegen (Beispiel: 1. Januar 2025, 00:00:00 Uhr)