1 files changed, 41 insertions, 0 deletions
diff --git a/views/loader.html b/views/loader.html
new file mode 100644
index 0000000..c1db38b
--- /dev/null
+++ b/views/loader.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en" style="background:#000000;margin:0;height:100%;width:100%;">
+<head>
+    <script>if (typeof require !== "undefined") {native = true;try{global.native = true;}catch(e){}} else {native = false;try{global.native = false;}catch(e){}}if (!native){global = window;}if (native){kresources=require('@electron/remote').getCurrentWindow().resources;trackEvent=require('@electron/remote').getCurrentWindow().trackEvent;}info=(_a,b)=>{console.info(b);};warn=(_a,b)=>{console.warn(b);};error=(_a,b)=>{console.error(b);};</script>
+    <script src="../lang/loader.js"></script>
+    <script src="../scenario/client.js"></script>
+    <meta charset="UTF-8">
+    <title>Kartik</title>
+    <link rel="stylesheet" href="common/fonts.css">
+    <script>
+        if (!require('@electron/remote').getCurrentWindow().debug) {
+            document.write('<link rel="stylesheet" href="common/mouse.css">');
+        }
+    </script>
+</head>
+<body style="background:#000000;margin:0;height:100%;width:100%;">
+    <script>info("MainWindow", "Rendering initial frame...");
+    
+    if (native) {
+        scale=require('@electron/remote').getCurrentWindow().scale;document.body.style.zoom=scale;
+    }
+    
+    </script>
+    <div style="display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;">
+        <img src="../logo/vendor.png" id="vendor" style="width:128px;transform: scale(1);transition: transform 200ms;">
+    </div>
+    <script>
+        if (native) {
+            document.write(`<div style="position: fixed;bottom: 20px;right: 20px;font-size: 12px;padding: 10px 20px;background: lightblue;border-radius: 5px;transition: all 200ms;" id="updates">${lang.updates.wait}</div>`);
+        } else {
+            document.write(`<div style="position: fixed;bottom: 20px;right: 20px;font-size: 12px;padding: 10px 20px;background: black;border: 1px solid white;border-radius: 5px;transition: all 200ms;color:white;" id="updates">Kartik <b>Mobile</b></div>`);
+        }
+    </script>
+    <div id="warning" style="opacity:0;transition:opacity 200ms;position: fixed;background: darkred;color: white;padding: 20px 10px;max-width: 40vw;text-align: center;border-radius: 10px;left: 20vw;top: 30vh;"><h2><script>document.write(lang.updates.warn[0]);</script></h2><p><script>document.write(lang.updates.warn[1]);</script></p></div>
+
+    <script src="./script/loader_global.js"></script>
+    <script>info("LoadWindow", "Launching start-up procedure");</script>
+
+    <script src="./script/client_fullscreen.js"></script>
+</body>
+</html>