-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
385 lines (273 loc) · 17.3 KB
/
Copy pathindex.html
File metadata and controls
385 lines (273 loc) · 17.3 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="en">
<script>
async function updateCounts() {
try {
const res = await fetch("https://bot-status2.disguisedfox94.workers.dev/stats.json");
const data = await res.json();
document.getElementById("bot-servers").textContent = "Trusted by more than " + data.servers + " servers";
document.getElementById("users-bot").textContent = "Currently watching over " + data.users + " members";
document.getElementById("servers-bot").textContent = "Currently watching over " + data.servers + " servers";
} catch (err) {
console.error("Failed to fetch counts:", err);
}
}
updateCounts();
setInterval(updateCounts, 300_000);
</script>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="assets/images/teal_logo.png" type="image/x-icon">
<meta name="description" content="">
<title>Teal | A Server Builder</title>
<link rel="stylesheet" href="assets/font-awesome-solid/../css/fontawesome.min.css">
<link rel="stylesheet" href="assets/font-awesome-solid/css/solid.min.css">
<link rel="stylesheet" href="assets/material-design/css/material-icons.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/parallax/jarallax.css">
<link rel="stylesheet" href="assets/animatecss/animate.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<link rel="stylesheet" href="assets/socicon/css/styles.css">
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap"></noscript>
<link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=DU2qlP"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=DU2qlP" type="text/css">
<img
src="https://bot-status2.disguisedfox94.workers.dev/badge.svg"
alt="Bot Status"
style="
position: fixed; /* stays in place while scrolling */
bottom: 20px; /* distance from bottom */
left: 20px; /* distance from right */
width: auto; /* badge width */
height: 60px; /* badge height */
z-index: 1000; /* ensures it stays on top of other elements */
box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* optional nice shadow */
border-radius: 4px; /* optional rounded edges */
">
</head>
<body>
<style>
/* Custom scrollbar styling */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: #15161b;
}
::-webkit-scrollbar-thumb {
background-color: #268ef0;
border-radius: 10px;
border: 3px solid #000000;
}
::-webkit-scrollbar-thumb:hover {
background-color: #268ef0;
}
</style>
<section data-bs-version="5.1" class="menu menu2 cid-uI9y1iUPtm" once="menu" id="menu2-7">
<nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
<div class="container-fluid">
<div class="navbar-brand">
<span class="navbar-logo">
<a href="skyn.html">
<img src="assets/images/teal_logo.png" alt="logo" style="height: 3rem;">
</a>
</span>
<span class="navbar-caption-wrap"><a class="navbar-caption text-danger text-primary display-7" href="https://teal.foreskin.dev/">T E A L </a></span>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="https://teal.foreskin.dev/">Home</a></li>
<li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="teal.html#features022-b">Features</a></li>
</li></ul>
<div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="https://teal.foreskin.dev/dashboard.html"><span class="material material-subdirectory-arrow-right mbr-iconfont mbr-iconfont-btn"></span>Dashboard</a></div>
</div>
</div>
</nav>
</section>
<section data-bs-version="5.1" class="header09 startm5 cid-uI9yNpSJkU mbr-fullscreen mbr-parallax-background" id="header09-1">
<div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div>
<div class="container-fluid">
<div class="row">
<div class="content-wrap col-12 col-md-10">
<h1 class="mbr-section-title mbr-fonts-style mbr-white mb-4 ram-glowing-title display-1">
<strong>T E A L</strong></h1>
<p class="mbr-fonts-style mbr-text mbr-white mb-4 display-4">
Need help with a server design? We have pre-made templates and even other peoples servers you can review and set as your own!</p><hr>
<h2 class="mbr-fonts-style mbr-text mbr-white mb-4 display-14">Built by us, made for you.</h1>
<div class="mbr-section-btn"><a class="btn btn-primary display-4" href="https://discord.com/oauth2/authorize?client_id=990105181091930122&permissions=28582973078143&scope=applications.commands+bot" target="_blank"><span class="material material-insert-link mbr-iconfont mbr-iconfont-btn"></span>Add to Discord</a> <a class="btn btn-black display-4" href="https://discord.gg/n5ExMVtZJs" target="_blank"><span class="socicon socicon-discord mbr-iconfont mbr-iconfont-btn"></span>Join Support Server</a></div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="features22 cid-uIlAwiq81o" id="features022-b">
<div class="container">
<div class="row mb-5 justify-content-center">
<div class="col-12 content-head">
<h3 id="bot-servers" class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Trusted by more than [loading] servers</strong></h3>
<h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-4 display-7">We guarentee our bot is fun, and comptetive. Our members love it!</h5>
</div>
</div>
<div class="row mbr-masonry" data-masonry="{"percentPosition": true }">
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont material material-group-add"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Growing Community</strong></h5>
<p class="card-text mbr-fonts-style display-4">
We hope our community never stops growing, our help will always be here ❤️</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont material material-favorite-border"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Developed with care, and compassion.</strong></h5>
<p class="card-text mbr-fonts-style display-4">We alway's double check before deploying an update, keeping our bot from breaking down and our members always happy.<br>
</p>
</div>
</div>
</div>
<div class="item features-without-image col-12 col-md-6 col-lg-3 item-mb">
<div class="item-wrapper">
<div class="card-box align-left">
<div class="iconfont-wrapper">
<span class="mbr-iconfont material material-star-border"></span>
</div>
<h5 class="card-title mbr-fonts-style display-7"><strong>Premium Experience</strong></h5>
<p class="card-text mbr-fonts-style display-4">Your experience using our bot is guarenteed to be great.</p>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="cid-uImXUUQqUd" id="design-block-h">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1185 248">
<path d="M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z" class="top"></path>
</svg>
</section>
<section data-bs-version="5.1" class="cid-QfG5RcYx5F" id="dahomygallery-QfG5RcYx5F">
<div class="dahosec anim-object">
<div class="container">
<div class="row align-items-center pl-4">
<div class="col-md-12 col-lg-6">
<div class="dabimage-box mrr-60 mrr-lg-0 mrb-lg-110">
<img class="dabimage2 img-full" src="assets/images/1f465-removebg-preview.png" alt="undraw-file">
</div>
</div>
<div class="col-md-12 col-lg-6 pdl-60 pl-3">
<h5 class="dside mrb-15mbr-fonts-style display-7">TEAL SERVERS & MEMBERS</h5>
<h2 class="mrb-30 mbr-fonts-style display-5"><strong>Our stats on total servers & members</strong></h2>
<ul class="mrb-40 mbr-fonts-style display-7" data-multilign="">
<li><i class="fas fa-server" style="color: #bb44d9; margin-right: 0.5rem;"></i><span id="servers-bot" style="font-size: 1.3rem;">Currently watching over [loading] servers</span></li>
<li><i class="fas fa-users" style="color: #bb44d9; margin-right: 0.5rem;"></i><span id="users-bot" style="font-size: 1.3rem;">Currently watching over [loading] members</span></li>
</ul>
<p class="mrb-40 mbr-fonts-style display-7">Think we're lying? Our bot displays current server count and member count in its activity! 😉</p>
<div class="d-flex align-items-center mt-40">
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="cid-uI9N452ajO" id="dahomygallery-3">
</section>
<section data-bs-version="5.1" class="cid-uI9NbDBOgl" id="dahomygallery-4">
<div class="dahosec anim-object">
<div class="container">
<div class="row align-items-center pl-4">
<div class="col-md-12 col-lg-6">
<div class="dabimage-box mrr-60 mrr-lg-0 mrb-lg-110">
<img class="dabimage2 img-full" src="assets/images/list_blank-removebg-preview.png" alt="undraw-file">
</div>
</div>
<div class="col-md-12 col-lg-6 pdl-60 pl-3">
<h5 class="dside mrb-15mbr-fonts-style display-7">TEAL COMMANDS LIST</h5>
<h2 class="mrb-30 mbr-fonts-style display-5"><strong>We have a variety of commands at your disposal, as a member and admin of the server.</strong></h2>
<ul class="mrb-40 mbr-fonts-style display-7" data-multilign="">
<h2>Server Creation</h2>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/setup | Pick a server template and watch us work!</li>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/templates | Create a embed with a list of all templates (You're server is a template! Don't want it to be? Type /config edit and we can change that!</li>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/customtemplate [id] | With the /templates command you can get a ID and paste it in this command, We will work to copy it and make it yours!</id></li>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/suggestion [suggestion] | Directly pings a developer and lets them know the suggestion!</li>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/help | Self-explanatory? Used to show all commands.</li>
<li><i class="fas fa-terminal" style="color: #bb44d9; margin-right: 0.5rem;"></i>/delete | Deletes every channel and category (Except the one you sent the command in)</li>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="cid-uIn2NEhl2j" id="design-block-k">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1185 248">
<circle cx="76" cy="121.1" r="20" class="top"></circle>
<circle cx="870" cy="201.1" r="11" class="top"></circle>
<circle cx="814.5" cy="165.6" r="24.5" class="top"></circle>
<path d="M0 0v17.7c22.7 14.8 53 31.9 90.7 51.5 150.8 78 322 116.6 424.8 69.3 102.9-47.4 138-69.3 210.8-69.3s118.3 48.6 219.5 38.3 76.3-59.3 188.7-59.3c18.9 0 35.5 2.6 50.5 6.8V0H0z" class="top"></path>
</svg>
</section>
<section data-bs-version="5.1" class="article11 cid-uIn2yEQ9mh" id="article11-j">
<div class="container">
<div class="row justify-content-center">
<div class="title col-md-12 col-lg-10">
<h3 class="mbr-section-title mbr-fonts-style align-center mt-0 mb-0 display-2"><strong>What are you still waiting for?</strong></h3>
<div class="mbr-section-btn align-center mt-4"><a class="btn btn-primary display-4" href="https://discord.com/oauth2/authorize?client_id=990105181091930122&permissions=28582973078143&scope=applications.commands+bot" target="_blank"><span class="socicon socicon-discord mbr-iconfont mbr-iconfont-btn"></span>Add the Bot</a></div>
</div>
</div>
</div>
</section>
<section data-bs-version="5.1" class="cid-uIncTxarsd" id="design-block-n">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1185 248">
<path d="M50.5 199.8c112.4 0 87.5-49 188.7-59.3s146.7 38.3 219.5 38.3 107.9-21.9 210.8-69.3c102.8-47.3 274-8.7 424.8 69.3 37.7 19.5 68 36.7 90.7 51.5V0H0v193C15 197.2 31.6 199.8 50.5 199.8zM1109 106.9c11 0 20 9 20 20 0 11-9 20-20 20s-20-9-20-20C1089 115.9 1098 106.9 1109 106.9zM370.5 57.9c13.5 0 24.5 11 24.5 24.5 0 13.5-11 24.5-24.5 24.5S346 95.9 346 82.4C346 68.9 357 57.9 370.5 57.9zM315 35.9c6.1 0 11 4.9 11 11s-4.9 11-11 11 -11-4.9-11-11S308.9 35.9 315 35.9z" class="top"></path>
</svg>
</section>
<section data-bs-version="5.1" class="cid-tlYSpQttP3" id="dahomygallery-tlYSpQttP3">
<div class="footer">
<div class="container-fluid">
<div class="container">
<div class="footer-info">
<p class="footer-logo mbr-brand8 mbr-fonts-style display-2">TEAL</p>
<h3 class="mbr-adress8 mbr-fonts-style display-7"></h3>
<div class="footer-menu">
<p class="mbr-phone8 mbr-fonts-style display-7"></p>
<p class="mbr-mail8 mbr-fonts-style display-7"></p>
</div>
<div class="footer-social">
<a href="https://discord.com/users/755899408905797763" class="discord" target="_blank"><i class="fab mbr-iconfont socicon-discord socicon" style="color: rgb(125, 43, 194); fill: rgb(125, 43, 194);" media-simple="true"></i></a>
</div>
</div>
</div>
<div class="bg-transparent container copyright mbr-fonts-style display-7">
<div class="row">
<div class="col-md-6">
<p>© TEAL 2025. All rights reserved.</p>
</div>
<div class="col-md-6">
<p>Made with ❤️by <a href="https://foreskin.dev" class="text-primary" target="_blank">foreskin</a></p>
</div>
</div>
</div>
</div>
</div>
</section><script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/parallax/jarallax.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/masonry/masonry.pkgd.min.js"></script> <script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script> <script src="assets/theme/js/script.js"></script>
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div>
<input name="animation" type="hidden">
</body>
</html>