systemxhost commited on
Commit
2cb5e1d
·
verified ·
1 Parent(s): e4bf2a0

http://162.220.13.50:3369/stats - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. 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>System X Bot - 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,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">System X Bot</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
- <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">NexusBot brings powerful moderation, music, ticketing, and more to your Discord server with an intuitive interface and robust features.</p>
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">NexusBot</div>
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! 👋 I'm NexusBot, your all-in-one Discord solution.</p>
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 NexusBot..." class="bg-transparent border-none outline-none w-full text-sm">
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">NexusBot comes packed with everything you need to manage and enhance your Discord community</p>
 
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 NexusBot's comprehensive command list</p>
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">System X Bot</h3>
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 System X Bot. All rights reserved.</p>
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('https://api.yourbotdomain.com/stats');
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