Commit

1 files changed, 23 insertions, 20 deletions

diff --git a/views/menu.html b/views/menu.html
index b2a0129..d06eba6 100644
--- a/views/menu.html
+++ b/views/menu.html
@@ -10,11 +10,15 @@
     <link rel="stylesheet" href="menu.css">
     <title>Kartik</title>
     <script src="../crash/client.js"></script>
-    <script src="./script/global_compatlayer.js"></script>
+    <script src="./script/global_compatlayer.js"></script><script src="../typescript/mainloader.js"></script>
     <script src="./script/menu_login.js"></script>
     <script src="../sfx/sfx.js"></script>
-    <link rel="stylesheet" href="rain/rainstyle.css">
+    <script src="./rain/snow.js"></script>
     <script>
+        snowStorm.flakesMaxActive = 80;
+        snowStorm.followMouse = false;
+        snowStorm.snowStick = false;
+
         scenar("intro", "neutral");
         if (!require('@electron/remote').getCurrentWindow().debug) {
             document.write('<link rel="stylesheet" href="common/mouse.css">');
@@ -29,47 +33,47 @@
     }
     
     </script>
-    <div id="box" style="display: none;background:#222;position:fixed;top:0;left:0;right:0;bottom:0;">
+    <div id="box" style="display: none;background:#9abecd;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;"></div>
-        <img alt="full-logo" src="../logo/full.png" style="margin-left: 50px;margin-top: 30px;height: 96px;">
+        <div style="width: 100%;height: 100%;opacity:.5;background-image: url('./menu.jpg');background-size: cover;position: fixed;z-index: -1;"></div>
+        <img alt="full-logo" class="full-logo" src="../logo/full.png" style="margin-left: 50px;margin-top: 30px;height: 96px;">
         <div id="services-background"></div>
 
         <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>
+                    <li class="selected"><span class="item"><a href="#" id="single"><img class="item-icon" src="../icons/singleplayer.svg"> <span class="item-text"><script>document.write(lang.menu.titles[0])</script></span></a></span></li>
                     <script id="prefill">
                         if (require('@electron/remote').getCurrentWindow().online) {
-                            document.write(`<li><span class="item"><a href="#" id="play"><img class="item-icon" src="../icons/local.svg"> ${lang.online.menu.local}</a></span></li>`)
-                            document.write(`<li><span class="item"><a href="#" id="online"><img class="item-icon" src="../icons/online.svg"> ${lang.online.menu.online}</a></span></li>`);
-                            document.write(`<li><span class="item"><a href="#" id="settings"><img class="item-icon" src="../icons/settings.svg"> ${lang.menu.titles[2]}</a></span></li>`);
+                            document.write(`<li><span class="item"><a href="#" id="play"><img class="item-icon" src="../icons/local.svg"> <span class="item-text">${lang.online.menu.local}</span></a></span></li>`)
+                            document.write(`<li><span class="item"><a href="#" id="online"><img class="item-icon" src="../icons/online.svg"> <span class="item-text">${lang.online.menu.online}</span></a></span></li>`);
+                            document.write(`<li><span class="item"><a href="#" id="settings"><img class="item-icon" src="../icons/settings.svg"> <span class="item-text">${lang.menu.titles[2]}</span></a></span></li>`);
                         } else {
-                            document.write(`<li><span class="item"><a href="#" id="play"><img class="item-icon" src="../icons/local.svg"> ${lang.online.menu.local}</a></span></li>`)
-                            document.write(`<li><span class="item"><a href="#" id="settings"><img class="item-icon" src="../icons/settings.svg"> ${lang.menu.titles[2]}</a></span></li>`);
+                            document.write(`<li><span class="item"><a href="#" id="play"><img class="item-icon" src="../icons/local.svg"> <span class="item-text">${lang.online.menu.local}</span></a></span></li>`)
+                            document.write(`<li><span class="item"><a href="#" id="settings"><img class="item-icon" src="../icons/settings.svg"> <span class="item-text">${lang.menu.titles[2]}</span></a></span></li>`);
                         }
                         document.getElementById('prefill').outerHTML = "";
                     </script>
-                    <li><span class="item"><a href="#" id="stats"><img class="item-icon" src="../icons/stats.svg"> <script>document.write(lang.stats.menu)</script></a></span></li>
-                    <li><span class="item"><a href="#" id="quit"><img class="item-icon" src="../icons/exit.svg"> <script>document.write(lang.menu.titles[4])</script></a></span></li>
+                    <li><span class="item"><a href="#" id="stats"><img class="item-icon" src="../icons/stats.svg"> <span class="item-text"><script>document.write(lang.stats.menu)</script></span></a></span></li>
+                    <li><span class="item"><a href="#" id="quit"><img class="item-icon" src="../icons/exit.svg"> <span class="item-text"><script>document.write(lang.menu.titles[4])</script></span></a></span></li>
                 </ul>
             </div>
         </div>
 
         <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>
+            <span style="text-align:center;display:block;font-weight: bold;margin-bottom: 5px;"><script>document.write(lang.polymer.gpu);</script></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>
             </div>
             <span id="gpusupportperc" style="display: block;text-align: center;">0%</span>
-            <div id="gpuinfo-model" style="opacity: .25;padding-top: 5px;text-align: center;">Generic GPU</div>
-            <div id="gpuinfo-vram" style="opacity: .25;padding-top: 5px;text-align: center;">0 MiB VRAM</div>
+            <div id="gpuinfo-model" style="opacity: .25;padding-top: 5px;text-align: center;">-</div>
+            <div id="gpuinfo-vram" style="opacity: .25;padding-top: 5px;text-align: center;">- VRAM</div>
             <span id="gpuinfo-details" style="border-top:1px solid rgba(255, 255, 255, .25);">
-                <div id="gpuinfo-outer" style="opacity: .25;padding-top: 5px;text-align: center;">↓ Hold Shift for details</div>
+                <div id="gpuinfo-outer" style="opacity: .25;padding-top: 5px;text-align: center;">↓ <script>document.write(lang.polymer.gpuShift);</script></div>
                 <div id="gpuinfo-inner" style="font-family:monospace;opacity:0;height:0;">
                     <script src="./script/menu_gpuinfo.js"></script>
                 </div>
@@ -89,7 +93,7 @@
             <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="
+        <div style="position: fixed;right: 16px;top: 16px;color: white;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;
@@ -106,12 +110,11 @@
 " alt=" " id="kto-picture">
         </div>
 
-        <span id="copyright">© <script src="./script/menu_copyright.js"></script></span>
+        <span id="copyright" class="copyright">© <script src="./script/menu_copyright.js"></script></span>
     </div>
 
     <script src="./script/menu_music.js"></script>
 </body>
 <script src="./script/menu_global.js"></script>
-<script src="./rain/rainscript.js"></script>
 <script src="./script/client_fullscreen.js"></script>
 </html>