dev.rudex.org/index.html at master · blckchnd/dev.rudex.org · GitHub

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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width" />
    <meta name="format-detection" content="telephone=no">
    <title>RuDEX 3.3.220713</title>
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' blob:; worker-src 'self' blob:; script-src https://cdnjs.cloudflare.com/ajax/libs/zxcvbn/ 'self' 'unsafe-eval' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; connect-src 'self' *; font-src 'self' data: https://at.alicdn.com; img-src 'self' data:; frame-src 'self' https://chat.rudex.org;">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <style>
        body {
            background-color: #2a2a2a;
        }

        .centerDiv {
            width: 140px;
            border-radius: 5px;
            color: lightgrey;
            padding: 10px;
            height: 50px;
            position: absolute;
            margin-top: -25px;
            margin-left: -70px;
            top: 50%;
            left: 50%;
            font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",
            Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: 100;
            font-size: 44px;
        }
    </style>
<script defer src="styles.40bcbfcc5d84fd87beee.js"></script><script defer src="vendor.7e386b4f5b1c39aa9523.js"></script><script defer src="app.586b4264a62547763308.js"></script><link href="styles.9abdd7d0cb9d86ef6ec5.css" rel="stylesheet"><link href="app.d01272dc788ca16c60d6.css" rel="stylesheet"></head>

<body spellcheck="false">
    <main id="content">
        <h1 class="centerDiv" style="">RuDEX</h1>
    </main>
    <script>
        function ieVersion(uaString) {
            uaString = uaString || navigator.userAgent;
            var match = /\b(MSIE |Trident.*?rv:|Edge\/)(\d+)/.exec(uaString);
            if (match) return parseInt(match[2])
        }
        function createLinkTag() {
            var link = document.createElement("link");
            link.href = "outdated_browser.css";
            link.type = "text/css";
            link.rel = "stylesheet";
            document.getElementsByTagName("head")[0].appendChild(link);
        }
        function renderOutdatedWarning() {
            createLinkTag();
            var container = document.createElement("div");
            var header = document.createElement("div");
            var body = document.createElement("div");
            var footer = document.createElement("div");
            var linkWrapper = document.createElement("div");
            var link = document.createElement("a");
            var closeLink = document.createElement("span");
            var btn = document.createElement("button");

            var headerText = document.createTextNode("Unsupported browser");
            var bodyText = document.createTextNode("The Browser you are using has not been fully tested to support the Graphene Wallet. We highly recommend that you backup your local wallet and import it using the Chrome Browser.");
            var linkText = document.createTextNode("Google Chrome");
            var closeLinkText = document.createTextNode("×");
            var btnText = document.createTextNode("I UNDERSTAND");

            linkWrapper.classList.add("outdated-browser__link-wrapper");
            link.appendChild(linkText);
            link.setAttribute("href", "https://www.google.com/chrome/browser/desktop/");
            link.setAttribute("target", "_blank");
            linkWrapper.appendChild(link);

            closeLink.classList.add("outdated-browser__close");
            closeLink.appendChild(closeLinkText);


            container.classList.add("outdated-browser");
            header.appendChild(headerText);
            header.appendChild(closeLink);
            header.classList.add("outdated-browser__header");

            body.appendChild(bodyText);
            body.classList.add("outdated-browser__body");
            body.appendChild(linkWrapper);


            btn.classList.add("outdated-browser__btn");
            btn.appendChild(btnText);

            footer.classList.add("outdated-browser__footer");
            footer.appendChild(btn);


            container.appendChild(header);
            container.appendChild(body);
            container.appendChild(footer);

            document.getElementById("content").appendChild(container);
        }

        if (ieVersion()) {
            renderOutdatedWarning();
            document.getElementById("content").removeChild(document.querySelector(".centerDiv"));

            var closeBtn = document.querySelector(".outdated-browser__close");
            var okBtn = document.querySelector(".outdated-browser__btn");
            var container = document.querySelector(".outdated-browser");
            closeBtn.addEventListener("click", function () {
                container.classList.add("hidden");
            });

            okBtn.addEventListener("click", function () {
                container.classList.add("hidden");
            });
        }
    </script>
</body>

</html>