aboutsummaryrefslogtreecommitdiff
path: root/views/loader.html
blob: 25124bbb42b7e9c3b6a8709c195a9ad1937f0e31 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
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);};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>