Skip to content

Commit 264cdf6

Browse files
Peyton2017Peyton2017
committed
test
1 parent 315ca43 commit 264cdf6

File tree

6 files changed

+436
-439
lines changed

6 files changed

+436
-439
lines changed

‎API.py

-1
Original file line numberDiff line numberDiff line change
@@ -362,7 +362,6 @@ async def GetServerSettings(server_id: str):
362362
data = {"code": 404, "message": "The bot is not in the server."}
363363
return jsonify(data)
364364

365-
main_output = {}
366365
output_server_data = {}
367366

368367
server_data = await getServer(server_id)

‎dashboard/index.html

+64-3
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,68 @@
33
<meta charset="UTF-8">
44
<meta name="viewport" content="width=device-width, initial-scale=1.0">
55
<title>Rayz</title>
6+
<style>
7+
.loading.hidden {
8+
animation: fadeOut 1s;
9+
animation-fill-mode: forwards;
10+
}
11+
12+
.loading {
13+
display: flex;
14+
transform: scale(2);
15+
width: 100%;
16+
height: 100%;
17+
position: fixed;
18+
z-index: 99;
19+
top: 0;
20+
left: 0;
21+
justify-content: center;
22+
align-items: center;
23+
background: #242424cb;
24+
}
25+
26+
.loader {
27+
background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));
28+
width: 100px;
29+
height: 100px;
30+
animation: spin 1.7s linear infinite;
31+
text-align: center;
32+
border-radius: 50px;
33+
filter: blur(1px);
34+
box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
35+
}
36+
37+
.loader2 {
38+
background-color: rgb(36, 36, 36);
39+
width: 100px;
40+
height: 100px;
41+
border-radius: 50px;
42+
filter: blur(10px);
43+
}
44+
45+
@keyframes spin {
46+
to {
47+
transform: rotate(360deg);
48+
}
49+
}
50+
51+
@keyframes fadeOut {
52+
100% {
53+
opacity: 0;
54+
visibility: hidden;
55+
}
56+
}
57+
</style>
658
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
759
<link rel="stylesheet" href="https://api.rayzbot.xyz/dashboard/css/index.css">
8-
<link rel="stylesheet" href="https://api.rayzbot.xyz/dashboard/css/pyscript.css">
9-
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
1060
</head>
1161

1262
<body>
63+
<div class="loading">
64+
<div class="loader">
65+
<div class="loader2"></div>
66+
</div>
67+
</div>
1368
<py-config src="https://api.rayzbot.xyz/dashboard/toml/pyscript.toml"></py-config>
1469
<div class="Header" id="Header">
1570
<img class="Logo" src="https://api.rayzbot.xyz/image/logo.png" alt="botlogo">
@@ -44,9 +99,15 @@
4499
<div class="HomePageP">Be <span style="color: var(--a-hover-color)">part</span> of the <span style="color: var(--guilded-color)">hype</span>.</div>
45100
<div class="Stats">
46101
<p class="StatsDisplay" id="StatDisplay">{} servers, {} users.</p>
47-
<py-script src="https://api.rayzbot.xyz/dashboard/script/stats.py"></py-script>
48102
</div>
49103
</div>
50104
</section>
105+
<script src="https://api.rayzbot.xyz/dashboard/js/index.js"></script>
106+
<script type="text/javascript">
107+
window.addEventListener("load", function() {
108+
const loader = document.querySelector(".loading");
109+
loader.className += " hidden";
110+
});
111+
</script>
51112
</body>
52113
</html>

‎dashboard/server.html

+57-175
Original file line numberDiff line numberDiff line change
@@ -8,181 +8,57 @@
88
<link rel="stylesheet" href="https://api.rayzbot.xyz/dashboard/css/server.css">
99
<script src="https://api.rayzbot.xyz/dashboard/js/server.js"></script>
1010
<style>
11-
main {
12-
margin: auto;
13-
}
14-
15-
:root {
16-
--guilded-color: #F5C400;
17-
--guilded-hovor-color: #9b7c00;
18-
--body-color: #242424;
19-
--text-default-color: #ffffff;
20-
--button-color: #535461;
21-
--header-color: #181818;
22-
--a-hover-color: #6352fd;
23-
}
24-
25-
body {
26-
font-family: roboto, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
27-
background-color: var(--body-color);
28-
color: var(--text-default-color);
29-
line-height: 1;
30-
margin: 0;
31-
}
32-
33-
.Header {
34-
display: flex;
35-
position: static;
36-
height: 55px;
37-
width: 100%;
38-
background: var(--header-color);
39-
align-items: center;
40-
padding: 0 50px 0 0x;
41-
flex-wrap: wrap;
42-
}
43-
44-
.Header a {
45-
float: left;
46-
display: block;
47-
padding: 14px 16px;
48-
border-radius: 0.4rem;
49-
text-decoration: none;
50-
}
51-
52-
.Header_btn {
53-
color: var(--text-default-color);
54-
text-decoration: none;
55-
font-weight: 500;
56-
padding: 10px 15px;
57-
background-color: #181818;
58-
}
59-
60-
.Logo {
61-
padding: 0 0x 0 50px;
62-
width: 50px;
63-
height: 50px;
64-
}
65-
66-
section {
67-
padding: 2rem 0;
68-
}
69-
70-
div {
71-
display: block;
72-
}
73-
74-
.Settings {
75-
display: flex;
76-
align-items: center;
77-
justify-content: center;
78-
flex-wrap: wrap;
79-
}
80-
81-
div.Settings {
82-
display: flex;
83-
width: 100%;
84-
margin: 30;
85-
max-width: 700;
86-
flex-wrap: nowrap;
87-
justify-content: center;
88-
flex-direction: column;
89-
margin-top: 2em;
90-
}
91-
92-
section.Settings {
93-
position: fixed;
94-
justify-content: center;
95-
width: 100%;
96-
}
97-
98-
section.div.input {
99-
align-items: center;
100-
}
101-
102-
p.Search {
103-
text-align: center;
104-
width: 100%;
105-
font-size: 48px;
106-
}
107-
108-
input.Search {
109-
align-self: center;
110-
max-width: 300px;
111-
width: 75%;
112-
padding: 7;
113-
font-size: 24px;
114-
}
115-
116-
sectiontwo {
117-
font-weight: 500;
118-
font-size: 50px;
119-
width: 75%;
120-
display: flex;
121-
flex-wrap: wrap;
122-
justify-content: center;
123-
align-items: baseline;
124-
}
125-
126-
.SearchButton {
127-
background: var(--button-color);
128-
color: var(--text-default-color);
129-
margin-top: 20px;
130-
width: 50%;
131-
max-width: 20rem;
132-
border-radius: 5px;
133-
outline: none;
134-
font-size: 24px;
135-
border-color: var(--a-hover-color);
136-
}
137-
138-
sectiontwo.Testing {
139-
display: flex;
140-
align-items: center;
141-
justify-content: center;
142-
flex-wrap: wrap;
143-
position: relative;
144-
z-index: 20;
145-
padding-bottom: 6rem;
146-
}
147-
148-
.HomePageTop {
149-
display: flex;
150-
align-items: center;
151-
justify-content: center;
152-
flex-wrap: wrap;
153-
}
154-
155-
.HomePageTopDiv {
156-
position: relative;
157-
z-index: 20;
158-
padding-bottom: 6rem;
159-
}
160-
161-
option.StatusError{
162-
color: red;
163-
display: block;
164-
text-align: center;
165-
border-radius: 10px;
166-
text-justify: auto;
167-
margin-top: 10px;
168-
font-size: 24;
169-
}
170-
171-
@media screen and (max-width: 820px) {
172-
sectiontwo {
173-
font-size: 1.5em; /* decrease header font size for smaller screens */
174-
}
175-
176-
input.Search {
177-
font-size: 0.4em;
178-
width: 50%;
179-
}
180-
181-
p.Search {
182-
font-size: 1em;
183-
}
184-
}
185-
</style>
11+
.loading.hidden {
12+
animation: fadeOut 1s;
13+
animation-fill-mode: forwards;
14+
}
15+
16+
.loading {
17+
display: flex;
18+
transform: scale(2);
19+
width: 100%;
20+
height: 100%;
21+
position: fixed;
22+
z-index: 99;
23+
top: 0;
24+
left: 0;
25+
justify-content: center;
26+
align-items: center;
27+
background: #242424cb;
28+
}
29+
30+
.loader {
31+
background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));
32+
width: 100px;
33+
height: 100px;
34+
animation: spin 1.7s linear infinite;
35+
text-align: center;
36+
border-radius: 50px;
37+
filter: blur(1px);
38+
box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
39+
}
40+
41+
.loader2 {
42+
background-color: rgb(36, 36, 36);
43+
width: 100px;
44+
height: 100px;
45+
border-radius: 50px;
46+
filter: blur(10px);
47+
}
48+
49+
@keyframes spin {
50+
to {
51+
transform: rotate(360deg);
52+
}
53+
}
54+
55+
@keyframes fadeOut {
56+
100% {
57+
opacity: 0;
58+
visibility: hidden;
59+
}
60+
}
61+
</style>
18662
</head>
18763

18864
<body>
@@ -202,5 +78,11 @@
20278
</div>
20379
</div>
20480
</section>
81+
<script type="text/javascript">
82+
window.addEventListener("load", function() {
83+
const loader = document.querySelector(".loading");
84+
loader.className += " hidden";
85+
});
86+
</script>
20587
</body>
20688
</html>

0 commit comments

Comments
 (0)