From c3b756f987ffd8ca981c1e6f23435c74aad36aea Mon Sep 17 00:00:00 2001
From: Minteck <46352972+Minteck@users.noreply.github.com>
Date: Sat, 10 Jul 2021 16:03:26 +0200
Subject: Fixes

---
 views/menu.html | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

(limited to 'views/menu.html')

diff --git a/views/menu.html b/views/menu.html
index d00107c..26e79db 100644
--- a/views/menu.html
+++ b/views/menu.html
@@ -11,6 +11,7 @@
     <title>Kartik</title>
     <script src="../crash/client.js"></script>
     <script src="./script/global_compatlayer.js"></script>
+    <script src="./script/menu_login.js"></script>
     <script src="../sfx/sfx.js"></script>
     <link rel="stylesheet" href="rain/rainstyle.css">
     <script>
@@ -29,14 +30,16 @@
     
     </script>
     <div id="box" style="display: none;background:#222;position:fixed;top:0;left:0;right:0;bottom:0;">
+        <div id="loggingIn" style="position: fixed;color: white;background: rgba(0, 0, 0, .5);z-index: 999999999999;top: 0;left: 0;right: 0;bottom: 0;display: none;align-items: center;justify-content: center;backdrop-filter: blur(10px);"><script>document.write(lang.polymer.logging);</script></div>
+
         <div class="rain front-row"></div>
         <div class="rain back-row"></div>
 
-        <div style="width: 100%;height: 100%;background-color: #001743;background-image: url('./menu.jpg');background-size: cover;position: fixed;z-index: -1;">
-            <img alt="full-logo" src="../logo/full.png" style="margin-left: 50px;margin-top: 30px;height: 96px;">
-        </div>
+        <div style="width: 100%;height: 100%;background-color: #001743;background-image: url('./menu.jpg');background-size: cover;position: fixed;z-index: -1;"></div>
+        <img alt="full-logo" src="../logo/full.png" style="margin-left: 50px;margin-top: 30px;height: 96px;">
+        <div id="services-background"></div>
 
-        <div class="services">
+        <div class="services home">
             <div class="items">
                 <ul>
                     <li class="selected"><span class="item"><a href="#" id="single"><img class="item-icon" src="../icons/singleplayer.svg"> <script>document.write(lang.menu.titles[0])</script></a></span></li>
@@ -57,7 +60,7 @@
             </div>
         </div>
 
-        <div style="position: fixed;right: 16px;top: 16px;color: white;background: rgba(0, 0, 0, .5);font-size: 10px;text-align:left;z-index:999999999;padding: 10px;border-radius: 10px;width: 189px;" id="gpuinfo">
+        <div style="position: fixed;right: 16px;top: 79px;color: white;background: rgba(0, 0, 0, .5);font-size: 10px;text-align:left;z-index:999999999;padding: 10px;border-radius: 10px;width: 189px;" id="gpuinfo">
             <span style="text-align:center;display:block;font-weight: bold;margin-bottom: 5px;">GPU Support Status</span>
             <div style="margin-bottom: 10px;height: 16px;width: 100%;background: rgba(47, 47, 47, .5);border-radius: 999px;">
                 <div style="height: 16px;background: rgba(128, 0, 0, .5);border-radius: 999px;width: 0;" id="gpuinfo_progressbar"></div>
@@ -82,6 +85,27 @@
             </script>
         </div>
 
+        <div style="position: fixed;right: 16px;top: 16px;height:28px;color: white;backdrop-filter:blur(10px);background: rgba(0, 0, 0, .5);font-size: 10px;z-index:999999999;padding: 10px;border-radius: 10px;width: 189px;text-align:center;" id="loginIntro-outer">
+            <span id="loginIntro" style="padding-top: 10px;display: inline-block;"><script>document.write(lang.polymer.loginIntro);</script></span>
+        </div>
+
+        <div style="position: fixed;right: 16px;top: 16px;color: white;background: rgba(0, 0, 0, .5);font-size: 10px;z-index:999999999;padding-left: 10px;border-radius: 10px;width: 199px;text-align:center;display: none;backdrop-filter: blur(10px);grid-template-columns: 1fr 48px;" id="loginUser"><div style="
+    text-align: left;
+    padding-top: 13px;
+    padding-left: 5px;
+    font-size: 14px;
+"><b id="kto-username">Username</b><br><span><script>document.write(lang.polymer.ktoLevel)</script> <span id="kto-level">0</span></span></div><img style="
+    border-bottom-right-radius: 10px;
+    height: 48px;
+    background: rgba(0, 0, 0, .25);
+    display: inline-block;
+    width: 48px;
+    border: none;
+    border-top-right-radius: 10px;
+    outline: none;
+" alt=" " id="kto-picture">
+        </div>
+
         <span id="copyright">© <script src="./script/menu_copyright.js"></script></span>
     </div>
 
-- 
cgit