OSS - Display random server rule on loadscreen

SOZ-Faut-etre-Sub · May 20, 2023 · 2f41082 · 2f41082
1 parent a530fe3
commit 2f41082
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 0 deletions.
diff --git a/resources/[soz]/soz-loadscreen/assets/app.js b/resources/[soz]/soz-loadscreen/assets/app.js
diff --git a/resources/[soz]/soz-loadscreen/assets/style.css b/resources/[soz]/soz-loadscreen/assets/style.css
@@ -18,6 +18,19 @@ body {
     inset: 0;
 }
 
+#server-rule {
+    position: absolute;
+    text-align: center;
+    z-index: 2;
+    position: fixed;
+    top: 85%;
+    left: 50%;
+    transform: translate(-50%, -85%);
+    color: #f0e2e2;
+    padding: .3rem 1rem;
+    border-radius: .3rem;
+}
+
 video {
     animation: fadein 3s;
     opacity: 1;

diff --git a/resources/[soz]/soz-loadscreen/index.html b/resources/[soz]/soz-loadscreen/index.html
@@ -21,5 +21,8 @@
         <video id="video" src="assets/loading.mp4" autoplay loop width="100%"></video>
         <audio src="assets/musique.mp3" loop></audio>
     </div>
+    <div class='box' id="server-rule">
+        <!-- Filled by app.js-->
+    </div>
 </body>
 </html>