Spaces:
Running
Running
http://162.220.13.50:3369/stats - Follow Up Deployment
Browse files- index.html +12 -87
index.html
CHANGED
|
@@ -3,7 +3,7 @@
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>
|
| 7 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
<style>
|
|
@@ -62,14 +62,13 @@
|
|
| 62 |
<div class="flex items-center justify-between h-16">
|
| 63 |
<div class="flex items-center">
|
| 64 |
<div class="flex-shrink-0">
|
| 65 |
-
<span class="text-2xl font-bold gradient-text">
|
| 66 |
</div>
|
| 67 |
<div class="hidden md:block">
|
| 68 |
<div class="ml-10 flex items-baseline space-x-4">
|
| 69 |
<a href="#home" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:bg-discord-dark transition">Home</a>
|
| 70 |
<a href="#features" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Features</a>
|
| 71 |
<a href="#commands" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Commands</a>
|
| 72 |
-
<a href="#dashboard" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Dashboard</a>
|
| 73 |
</div>
|
| 74 |
</div>
|
| 75 |
</div>
|
|
@@ -95,7 +94,6 @@
|
|
| 95 |
<a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:bg-discord-dark transition">Home</a>
|
| 96 |
<a href="#features" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Features</a>
|
| 97 |
<a href="#commands" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Commands</a>
|
| 98 |
-
<a href="#dashboard" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Dashboard</a>
|
| 99 |
<a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-discord-blurple hover:bg-blue-600 transition flex items-center justify-center">
|
| 100 |
<i class="fab fa-discord mr-2"></i> Invite Bot
|
| 101 |
</a>
|
|
@@ -108,7 +106,7 @@
|
|
| 108 |
<div class="flex flex-col md:flex-row items-center">
|
| 109 |
<div class="md:w-1/2 mb-10 md:mb-0">
|
| 110 |
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4">Your Ultimate <span class="gradient-text">Discord</span> Companion</h1>
|
| 111 |
-
<p class="text-lg md:text-xl text-gray-300 mb-8">
|
| 112 |
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
| 113 |
<a href="#" class="px-6 py-3 rounded-md text-lg font-medium text-white bg-discord-blurple hover:bg-blue-600 transition flex items-center justify-center glow">
|
| 114 |
<i class="fab fa-discord mr-2"></i> Add to Discord
|
|
@@ -135,18 +133,18 @@
|
|
| 135 |
<div class="flex items-center mb-4">
|
| 136 |
<div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold">SX</div>
|
| 137 |
<div class="ml-3">
|
| 138 |
-
<div class="font-medium">
|
| 139 |
<div class="text-xs text-gray-400">Today at 12:34 PM</div>
|
| 140 |
</div>
|
| 141 |
</div>
|
| 142 |
<div class="bg-discord-dark rounded-lg p-3 mb-3">
|
| 143 |
-
<p class="text-sm">Hey there!
|
| 144 |
<p class="text-sm mt-1">Type <span class="command">/help</span> to see what I can do!</p>
|
| 145 |
</div>
|
| 146 |
<div class="flex items-center">
|
| 147 |
<div class="w-8 h-8 rounded-full bg-gray-600 flex items-center justify-center text-white font-bold">U</div>
|
| 148 |
<div class="ml-2 bg-discord-dark rounded-lg p-2 flex-1 flex items-center">
|
| 149 |
-
<input type="text" placeholder="Message
|
| 150 |
<i class="fas fa-paper-plane text-gray-400 ml-2"></i>
|
| 151 |
</div>
|
| 152 |
</div>
|
|
@@ -182,7 +180,8 @@
|
|
| 182 |
<section id="features" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
|
| 183 |
<div class="text-center mb-16">
|
| 184 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">Powerful <span class="gradient-text">Features</span></h2>
|
| 185 |
-
<p class="text-lg text-gray-300 max-w-3xl mx-auto">
|
|
|
|
| 186 |
</div>
|
| 187 |
|
| 188 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
@@ -247,7 +246,7 @@
|
|
| 247 |
<div class="max-w-7xl mx-auto">
|
| 248 |
<div class="text-center mb-16">
|
| 249 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">Bot <span class="gradient-text">Commands</span></h2>
|
| 250 |
-
<p class="text-lg text-gray-300 max-w-3xl mx-auto">Explore
|
| 251 |
</div>
|
| 252 |
|
| 253 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
@@ -344,79 +343,6 @@
|
|
| 344 |
</div>
|
| 345 |
</section>
|
| 346 |
|
| 347 |
-
<!-- Dashboard Preview -->
|
| 348 |
-
<section id="dashboard" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
|
| 349 |
-
<div class="text-center mb-16">
|
| 350 |
-
<h2 class="text-3xl md:text-4xl font-bold mb-4">Web <span class="gradient-text">Dashboard</span></h2>
|
| 351 |
-
<p class="text-lg text-gray-300 max-w-3xl mx-auto">Configure NexusBot easily through our intuitive web interface</p>
|
| 352 |
-
</div>
|
| 353 |
-
|
| 354 |
-
<div class="bg-discord-dark rounded-xl overflow-hidden shadow-2xl">
|
| 355 |
-
<div class="flex border-b border-gray-700">
|
| 356 |
-
<div class="px-4 py-3 bg-discord-darker text-gray-300">Dashboard</div>
|
| 357 |
-
<div class="px-4 py-3 text-gray-400">Server Settings</div>
|
| 358 |
-
<div class="px-4 py-3 text-gray-400">Commands</div>
|
| 359 |
-
<div class="px-4 py-3 text-gray-400">Logs</div>
|
| 360 |
-
</div>
|
| 361 |
-
<div class="p-6">
|
| 362 |
-
<div class="flex flex-col md:flex-row">
|
| 363 |
-
<div class="md:w-1/4 mb-6 md:mb-0">
|
| 364 |
-
<div class="bg-discord-darker rounded-lg p-4">
|
| 365 |
-
<h3 class="font-bold text-lg mb-4">Server Configuration</h3>
|
| 366 |
-
<ul class="space-y-2">
|
| 367 |
-
<li><a href="#" class="block px-3 py-2 rounded bg-discord-dark text-white">General</a></li>
|
| 368 |
-
<li><a href="#" class="block px-3 py-2 rounded text-gray-300 hover:bg-discord-dark">Moderation</a></li>
|
| 369 |
-
<li><a href="#" class="block px-3 py-2 rounded text-gray-300 hover:bg-discord-dark">Welcome</a></li>
|
| 370 |
-
<li><a href="#" class="block px-3 py-2 rounded text-gray-300 hover:bg-discord-dark">Tickets</a></li>
|
| 371 |
-
<li><a href="#" class="block px-3 py-2 rounded text-gray-300 hover:bg-discord-dark">Music</a></li>
|
| 372 |
-
<li><a href="#" class="block px-3 py-2 rounded text-gray-300 hover:bg-discord-dark">Economy</a></li>
|
| 373 |
-
</ul>
|
| 374 |
-
</div>
|
| 375 |
-
</div>
|
| 376 |
-
<div class="md:w-3/4 md:pl-6">
|
| 377 |
-
<div class="bg-discord-darker rounded-lg p-6">
|
| 378 |
-
<h3 class="font-bold text-xl mb-6">General Settings</h3>
|
| 379 |
-
|
| 380 |
-
<div class="space-y-6">
|
| 381 |
-
<div>
|
| 382 |
-
<label class="block text-gray-300 mb-2">Command Prefix</label>
|
| 383 |
-
<input type="text" value="/" class="w-full bg-discord-dark border border-gray-700 rounded px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
| 384 |
-
</div>
|
| 385 |
-
|
| 386 |
-
<div>
|
| 387 |
-
<label class="block text-gray-300 mb-2">Default Volume</label>
|
| 388 |
-
<input type="range" min="1" max="100" value="50" class="w-full h-2 bg-discord-dark rounded-lg appearance-none cursor-pointer">
|
| 389 |
-
<div class="text-right text-sm text-gray-400">50%</div>
|
| 390 |
-
</div>
|
| 391 |
-
|
| 392 |
-
<div>
|
| 393 |
-
<label class="flex items-center">
|
| 394 |
-
<input type="checkbox" checked class="form-checkbox h-5 w-5 text-blue-600 bg-discord-dark border-gray-600 rounded focus:ring-blue-500">
|
| 395 |
-
<span class="ml-2 text-gray-300">Enable Welcome Messages</span>
|
| 396 |
-
</label>
|
| 397 |
-
</div>
|
| 398 |
-
|
| 399 |
-
<div>
|
| 400 |
-
<label class="block text-gray-300 mb-2">Welcome Channel</label>
|
| 401 |
-
<select class="w-full bg-discord-dark border border-gray-700 rounded px-4 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
|
| 402 |
-
<option>#welcome</option>
|
| 403 |
-
<option>#general</option>
|
| 404 |
-
<option>#announcements</option>
|
| 405 |
-
</select>
|
| 406 |
-
</div>
|
| 407 |
-
|
| 408 |
-
<div class="pt-4">
|
| 409 |
-
<button class="px-6 py-2 rounded-md text-white bg-discord-blurple hover:bg-blue-600 transition">
|
| 410 |
-
Save Changes
|
| 411 |
-
</button>
|
| 412 |
-
</div>
|
| 413 |
-
</div>
|
| 414 |
-
</div>
|
| 415 |
-
</div>
|
| 416 |
-
</div>
|
| 417 |
-
</div>
|
| 418 |
-
</div>
|
| 419 |
-
</section>
|
| 420 |
|
| 421 |
<!-- CTA Section -->
|
| 422 |
<section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600">
|
|
@@ -439,7 +365,7 @@
|
|
| 439 |
<div class="max-w-7xl mx-auto">
|
| 440 |
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 441 |
<div>
|
| 442 |
-
<h3 class="text-xl font-bold gradient-text mb-4">
|
| 443 |
<p class="text-gray-400">The ultimate Discord bot for moderation, music, ticketing, and community management.</p>
|
| 444 |
</div>
|
| 445 |
<div>
|
|
@@ -448,7 +374,6 @@
|
|
| 448 |
<li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
|
| 449 |
<li><a href="#features" class="text-gray-400 hover:text-white transition">Features</a></li>
|
| 450 |
<li><a href="#commands" class="text-gray-400 hover:text-white transition">Commands</a></li>
|
| 451 |
-
<li><a href="#dashboard" class="text-gray-400 hover:text-white transition">Dashboard</a></li>
|
| 452 |
</ul>
|
| 453 |
</div>
|
| 454 |
<div>
|
|
@@ -479,7 +404,7 @@
|
|
| 479 |
</div>
|
| 480 |
</div>
|
| 481 |
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 482 |
-
<p class="text-gray-400 mb-4 md:mb-0">© 2023
|
| 483 |
<div class="flex space-x-6">
|
| 484 |
<a href="#" class="text-gray-400 hover:text-white transition">Terms</a>
|
| 485 |
<a href="#" class="text-gray-400 hover:text-white transition">Privacy</a>
|
|
@@ -500,7 +425,7 @@
|
|
| 500 |
async function fetchBotStats() {
|
| 501 |
try {
|
| 502 |
// Replace with your actual API endpoint
|
| 503 |
-
const response = await fetch('
|
| 504 |
const data = await response.json();
|
| 505 |
|
| 506 |
// Animate counters with real data
|
|
|
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>SystemXBot - Advanced Discord Bot</title>
|
| 7 |
<script src="https://cdn.tailwindcss.com"></script>
|
| 8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 9 |
<style>
|
|
|
|
| 62 |
<div class="flex items-center justify-between h-16">
|
| 63 |
<div class="flex items-center">
|
| 64 |
<div class="flex-shrink-0">
|
| 65 |
+
<span class="text-2xl font-bold gradient-text">SystemXBot</span>
|
| 66 |
</div>
|
| 67 |
<div class="hidden md:block">
|
| 68 |
<div class="ml-10 flex items-baseline space-x-4">
|
| 69 |
<a href="#home" class="px-3 py-2 rounded-md text-sm font-medium text-white hover:bg-discord-dark transition">Home</a>
|
| 70 |
<a href="#features" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Features</a>
|
| 71 |
<a href="#commands" class="px-3 py-2 rounded-md text-sm font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Commands</a>
|
|
|
|
| 72 |
</div>
|
| 73 |
</div>
|
| 74 |
</div>
|
|
|
|
| 94 |
<a href="#home" class="block px-3 py-2 rounded-md text-base font-medium text-white hover:bg-discord-dark transition">Home</a>
|
| 95 |
<a href="#features" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Features</a>
|
| 96 |
<a href="#commands" class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-discord-dark transition">Commands</a>
|
|
|
|
| 97 |
<a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-white bg-discord-blurple hover:bg-blue-600 transition flex items-center justify-center">
|
| 98 |
<i class="fab fa-discord mr-2"></i> Invite Bot
|
| 99 |
</a>
|
|
|
|
| 106 |
<div class="flex flex-col md:flex-row items-center">
|
| 107 |
<div class="md:w-1/2 mb-10 md:mb-0">
|
| 108 |
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4">Your Ultimate <span class="gradient-text">Discord</span> Companion</h1>
|
| 109 |
+
<p class="text-lg md:text-xl text-gray-300 mb-8">SystemXBot brings powerful moderation, music, ticketing, and more to your Discord server with an intuitive interface and robust features.</p>
|
| 110 |
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
| 111 |
<a href="#" class="px-6 py-3 rounded-md text-lg font-medium text-white bg-discord-blurple hover:bg-blue-600 transition flex items-center justify-center glow">
|
| 112 |
<i class="fab fa-discord mr-2"></i> Add to Discord
|
|
|
|
| 133 |
<div class="flex items-center mb-4">
|
| 134 |
<div class="w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold">SX</div>
|
| 135 |
<div class="ml-3">
|
| 136 |
+
<div class="font-medium">SystemXBot</div>
|
| 137 |
<div class="text-xs text-gray-400">Today at 12:34 PM</div>
|
| 138 |
</div>
|
| 139 |
</div>
|
| 140 |
<div class="bg-discord-dark rounded-lg p-3 mb-3">
|
| 141 |
+
<p class="text-sm">Hey there! 👋 I'm SystemXBot, your all-in-one Discord solution.</p>
|
| 142 |
<p class="text-sm mt-1">Type <span class="command">/help</span> to see what I can do!</p>
|
| 143 |
</div>
|
| 144 |
<div class="flex items-center">
|
| 145 |
<div class="w-8 h-8 rounded-full bg-gray-600 flex items-center justify-center text-white font-bold">U</div>
|
| 146 |
<div class="ml-2 bg-discord-dark rounded-lg p-2 flex-1 flex items-center">
|
| 147 |
+
<input type="text" placeholder="Message SystemXBot..." class="bg-transparent border-none outline-none w-full text-sm">
|
| 148 |
<i class="fas fa-paper-plane text-gray-400 ml-2"></i>
|
| 149 |
</div>
|
| 150 |
</div>
|
|
|
|
| 180 |
<section id="features" class="py-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
|
| 181 |
<div class="text-center mb-16">
|
| 182 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">Powerful <span class="gradient-text">Features</span></h2>
|
| 183 |
+
<p class="text-lg text-gray-300 max-w-3xl mx-auto">
|
| 184 |
+
systemxbot comes packed with everything you need to manage and enhance your Discord community</p>
|
| 185 |
</div>
|
| 186 |
|
| 187 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
|
|
| 246 |
<div class="max-w-7xl mx-auto">
|
| 247 |
<div class="text-center mb-16">
|
| 248 |
<h2 class="text-3xl md:text-4xl font-bold mb-4">Bot <span class="gradient-text">Commands</span></h2>
|
| 249 |
+
<p class="text-lg text-gray-300 max-w-3xl mx-auto">Explore SystemXBot's comprehensive command list</p>
|
| 250 |
</div>
|
| 251 |
|
| 252 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
|
|
| 343 |
</div>
|
| 344 |
</section>
|
| 345 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 346 |
|
| 347 |
<!-- CTA Section -->
|
| 348 |
<section class="py-16 bg-gradient-to-r from-blue-600 to-purple-600">
|
|
|
|
| 365 |
<div class="max-w-7xl mx-auto">
|
| 366 |
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
|
| 367 |
<div>
|
| 368 |
+
<h3 class="text-xl font-bold gradient-text mb-4">SystemXBot</h3>
|
| 369 |
<p class="text-gray-400">The ultimate Discord bot for moderation, music, ticketing, and community management.</p>
|
| 370 |
</div>
|
| 371 |
<div>
|
|
|
|
| 374 |
<li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
|
| 375 |
<li><a href="#features" class="text-gray-400 hover:text-white transition">Features</a></li>
|
| 376 |
<li><a href="#commands" class="text-gray-400 hover:text-white transition">Commands</a></li>
|
|
|
|
| 377 |
</ul>
|
| 378 |
</div>
|
| 379 |
<div>
|
|
|
|
| 404 |
</div>
|
| 405 |
</div>
|
| 406 |
<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
|
| 407 |
+
<p class="text-gray-400 mb-4 md:mb-0">© 2023 SystemXBot. All rights reserved.</p>
|
| 408 |
<div class="flex space-x-6">
|
| 409 |
<a href="#" class="text-gray-400 hover:text-white transition">Terms</a>
|
| 410 |
<a href="#" class="text-gray-400 hover:text-white transition">Privacy</a>
|
|
|
|
| 425 |
async function fetchBotStats() {
|
| 426 |
try {
|
| 427 |
// Replace with your actual API endpoint
|
| 428 |
+
const response = await fetch('http://162.220.13.50:3369/stats');
|
| 429 |
const data = await response.json();
|
| 430 |
|
| 431 |
// Animate counters with real data
|