1 files changed, 46 insertions, 39 deletions
diff --git a/views/loader.html b/views/loader.html
index df008d4..25124bb 100644
--- a/views/loader.html
+++ b/views/loader.html
@@ -1,39 +1,46 @@
-<!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">
-    <link rel="stylesheet" href="common/blur.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>
-    <img id="imgpreload" src="common/banner.gif" style="height:100%;width:auto;opacity:0;position:fixed;pointer-events:none;">
-    <div style="display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;background:#fed1ae;overflow:hidden;">
-        <img id="banner" src="../logo/itch/banner.jpg" style="height:100%;width:auto;">
-    </div>
-    <script>
-        document.write(`<div style="position: fixed;bottom: 20px;right: 20px;font-size: 12px;padding: 10px 20px;background: lightblue;border-radius: 5px;transition: all 200ms;display:none;" id="updates">${lang.updates.wait}</div>`);
-    </script>
-    <div id="warning" style="opacity:0;transition:opacity 200ms;position: fixed;background: rgba(139,0,0,0.5);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>
+<!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);};const Nest = require("../nest/abi");currentNest = require('@electron/remote').getCurrentWindow().nest;</script>
+    <script src="../lang/loader.js"></script>
+    <script src="../scenario/client.js"></script>
+    <script src="./script/global_compatlayer.js"></script><script src="../typescript/mainloader.js"></script>
+    <meta charset="UTF-8">
+    <title>Kartik</title>
+    <link rel="stylesheet" href="common/fonts.css">
+    <link rel="stylesheet" href="common/blur.css">
+    <script>
+        if (!require('@electron/remote').getCurrentWindow().debug) {
+            document.write('<link rel="stylesheet" href="common/mouse.css">');
+        }
+    </script>
+</head>
+<body style="background:#f4f3f4;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 id="banner-outer" style="display:flex;align-items:center;justify-content:center;inset: 0;height: 100%;background:#f4f3f4;overflow:hidden;">
+        <img id="banner" src="../logo/full-alt.png" alt="" style="display:none;height:auto;width:380px;">
+        <script>
+            const $ = require('jquery');
+            $("#banner").fadeIn(200);
+        </script>
+    </div>
+    <video style="display: none;position:fixed;inset:0;width: 100%;height: 100%;background: #f4f3f4;" id="intro-video">
+        <source src="intro.mp4">
+    </video>
+    <script>
+        document.write(`<div style="position: fixed;bottom: 20px;right: 20px;font-size: 12px;padding: 10px 20px;background: lightblue;border-radius: 5px;transition: all 200ms;display:none;" id="updates">${lang.updates.wait}</div>`);
+    </script>
+    <div id="warning" style="opacity:0;transition:opacity 200ms;position: fixed;background: rgba(139,0,0,0.5);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>