aboutsummaryrefslogtreecommitdiff
path: root/views/menu.html
blob: 661d39709b1debf6fc9103b027c11431135aac90 (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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<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">
    <link rel="stylesheet" href="common/fonts.css">
    <link rel="stylesheet" href="menu.css">
    <title>Kartik</title>
    <script src="../crash/client.js"></script>
    <script src="../sfx/sfx.js"></script>
    <link rel="stylesheet" href="rain/rainstyle.css">
    <script>
        scenar("intro", "neutral");
        if (!require('@electron/remote').getCurrentWindow().debug) {
            document.write('<link rel="stylesheet" href="common/mouse.css">');
        }
    </script>
</head>
<body class="back-row-toggle splat-toggle">
    <script>info("MainWindow", "Rendering initial frame...");
    
    if (native) {
        scale=require('@electron/remote').getCurrentWindow().scale;document.body.style.zoom=scale;
    }
    
    </script>
    <div id="box" style="display: none;background:#222;position:fixed;top:0;left:0;right:0;bottom:0;">
        <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 class="services">
            <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>
                    <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>`);
                        } 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.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>
                </ul>
            </div>
        </div>

        <div style="font-family:monospace;position: fixed;right: 16px;top: 16px;color: white;font-size: 10px;text-align:left;z-index:999999999;" id="gpuinfo">
            <b><u>GPU Supported Features:</u></b><br>
            <div id="gpuinfo-outer">Hold Shift to view</div>
            <div id="gpuinfo-inner" style="opacity:0;">
                <script src="./script/menu_gpuinfo.js"></script>
            </div>
            <script>

                if (require('@electron/remote').getCurrentWindow().update === "stable") {
                    document.getElementById('gpuinfo').style.display = "none";
                }

            </script>
        </div>

        <span id="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>