website/status.html at main · astroid-app/website · 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
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Status | 💖 Astroid</title>
    <link rel="shortcut icon" href="./assets/Astroid Logo no bg.png" type="image/x-icon">
    <meta content="Status | 💖 Astroid" property="og:title" />
    <meta content="See, which services are operational." property="og:description"/>
    <meta content="https://astroid.cc/status" property="og:url" />
    <meta content="https://astroid.cc/assets/Astroid Logo.png" property="og:image" style="border-radius: 20px;"/>
    <meta content="#1D202B" data-react-helmet="true" name="theme-color" />
    <link rel="stylesheet" href="status.css">
    <script src="status.js"></script>
</head>
<body>
    <header>
        <div class="logo">
            <img src="./assets/Astroid-banner.png" alt="" />
        </div>
        <nav>
            <a href="./terms.html">Terms</a>
            <a href="./privacy.html">Privacy</a>
            <a href="./imprint.html">Imprint</a>
          </nav>
    </header>
    <div class="container">
        <div class="top-into">
            <h1>Status</h1>
            <p>Check the status of our services here.</p>
            <div class="operational-div" id="operational-div">
                <img src="./assets/status-loading.svg" alt="op-icon" id="op-icon"/> <p class="operational" id="operational">Loading..</p>
            </div>
        </div>
        <div class="serveroverview" id="serveroverview">
                <div class="status-item">
                    <div class="item-info">
                        <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-server1">
                        <h2>Earth Station<p class="disclaimer">*</p></h2>
                    </div>
                    <div class="status-bar" id="status-bar-server1"></div>
                    <p id="server1-status">Loading..</p>
                </div>
                <div class="status-item">
                    <div class="item-info">
                        <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-server2">
                        <h2>Mars Station<p class="disclaimer">*</p></h2>
                    </div>
                    <div class="status-bar" id="status-bar-server2"></div>
                    <p id="server2-status">Loading..</p>
                </div>
                <div class="status-item">
                    <div class="item-info">
                        <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-server3">
                        <h2>Cat Station<p class="disclaimer">*</p></h2>
                    </div>
                    <div class="status-bar" id="status-bar-server3"></div>
                    <p id="server3-status">Loading..</p>
                </div>
            <p style="filter: opacity(0.7); align-self: flex-start; margin: 0 auto; margin-top: 5px; width: 57%; text-align: left;">* Our servers are called Stations</p>
        </div>
        <hr>
        <div class="status">
            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-api">
                    <h2>API</h2>
                </div>
                <div class="status-bar" id="status-bar-api"></div>
                <p id="api-status">Loading..</p>
            </div>
            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-database">
                    <h2>Database</h2>
                </div>
                <div class="status-bar" id="status-bar-database"></div>
                <p id="database-status">Loading..</p>
            </div>
            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-discord">
                    <h2>Discord</h2>
                </div>
                <div class="status-bar" id="status-bar-discord"></div>
                <p id="discord-status">Loading..</p>
            </div>
            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-guilded">
                    <h2>Guilded</h2>
                </div>
                <div class="status-bar" id="status-bar-guilded"></div>
                <p id="guilded-status">Loading..</p>
            </div>


            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-discord-beta">
                    <h2>Discord Beta</h2>
                </div>
                <div class="status-bar" id="status-bar-discord-beta"></div>
                <p id="discord-beta-status">Loading..</p>
            </div>


            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-guilded-beta">
                    <h2>Guilded Beta</h2>
                </div>
                <div class="status-bar" id="status-bar-guilded-beta"></div>
                <p id="guilded-beta-status">Loading..</p>
            </div>


            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-nerimity-beta">
                    <h2>Nerimity Beta</h2>
                </div>
                <div class="status-bar" id="status-bar-nerimity-beta"></div>
                <p id="nerimity-beta-status">Loading..</p>
            </div>

            <div class="status-item">
                <div class="item-info">
                    <img src="./assets/status-loading.svg" alt="" class="item-icon" id="item-icon-revolt-beta">
                    <h2>Revolt Beta</h2>
                </div>
                <div class="status-bar" id="status-bar-revolt-beta"></div>
                <p id="revolt-beta-status">Loading..</p>
            </div>
        </div>
    </div>
</body>
</html>