KernelManagementLab/boot-in-progress.html at master · devizer/KernelManagementLab · 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
122
123
124
125
126
127
<html lang="en">
<head>
    <title>configuration is in progress</title>
    <meta http-equiv="refresh" content="10">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            padding-top: 3em; width: 25em; margin: 0 auto;
            color: #634b30;
        }
        h2 { }
        hr {
            color: #634b30;
            height: 1px;
            border: 0;
            border-bottom: 1px dashed #634b30;
            /*margin-right: 42px;*/
            margin: 24px 68px 24px 0px;
        }
        img {vertical-align: middle}

        .myButton {
            -moz-box-shadow: 0px 10px 14px -7px #3e7327;
            -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
            box-shadow: 0px 10px 14px -7px #3e7327;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
            background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
            background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
            background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
            background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
            background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
            background-color:#77b55a;
            -moz-border-radius:4px;
            -webkit-border-radius:4px;
            border-radius:4px;
            border:1px solid #4b8f29;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:16px;
            font-weight:bold;
            padding:16px 33px;
            text-decoration:none;
            text-shadow:0px 2px 2px #5b8a3c;
        }
        .myButton:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
            background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
            background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
            background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
            background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
            background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
            background-color:#72b352;
        }
        .myButton:active {
            position:relative;
            top:1px;
        }

        .brownButton {
            -moz-box-shadow:inset 0px 0px 8px -20px #a6827e;
            -webkit-box-shadow:inset 0px 0px 8px -20px #a6827e;
            box-shadow:inset 0px 0px 8px -20px #a6827e;
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
            background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
            background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
            background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
            background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
            background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
            background-color:#7d5d3b;
            -moz-border-radius:3px;
            -webkit-border-radius:3px;
            border-radius:3px;
            border:1px solid #54381e;
            display:inline-block;
            cursor:pointer;
            color:#ffffff;
            font-family:Arial;
            font-size:13px;
            font-weight:bold;
            padding:10px 26px;
            text-decoration:none;
            text-shadow:0px 1px 0px #4d3534;
        }
        .brownButton:hover {
            background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
            background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
            background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
            background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
            background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
            background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
            background-color:#634b30;
        }
        .brownButton:active {
            position:relative;
            top:1px;
        }

    </style>
</head>

<body>
<table border="0">
    <tr>
        <td valign="top" style='padding-left: 24px'>
            <img src="https://cdnjs.cloudflare.com/ajax/libs/emojione/2.2.7/assets/png/1f649.png" width="32" height="32">&nbsp;&nbsp;
        </td>
        <td style="padding-top: 5px">
            <h3>
                The site is in maintenance mode</h3>
            <p>If you see this page, the reverse proxy configuration is in progress.
                It takes from 1&nbsp;(standard&nbsp;instance) to 3&nbsp;(micro&nbsp;instance) minutes.</p>
            <p><i>Please check in 1-3 minutes later.</i></p>
            <hr size="1" />
            <p><a href="javascript:document.location.reload(true);" class="brownButton">Reload</a></p>
        </td>
    </tr>
</table>
</body>
</html>