AeThex-Bot-Master/aethex-bot/public/commands.html
sirpiglr 044f21533e Add music and backup features to several website pages
Updates commands.html and features.html to include new music playback and server backup commands and features, and increases the displayed command count.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: aed2e46d-25bb-4b73-81a1-bb9e8437c261
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 4f7c7878-d0a4-4d4f-ba45-5e18f7e588af
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3bdfff67-975a-46ad-9845-fbb6b4a4c4b5/aed2e46d-25bb-4b73-81a1-bb9e8437c261/3DIN02r
Replit-Helium-Checkpoint-Created: true
2025-12-13 08:19:51 +00:00

733 lines
26 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Commands | AeThex Warden - Discord Bot</title>
<meta name="description" content="Complete list of all 70+ Warden Discord bot commands organized by category. Leveling, moderation, fun, economy, and admin commands.">
<meta name="keywords" content="Discord bot commands, slash commands, moderation commands, leveling commands, fun commands, economy commands, admin commands">
<meta name="author" content="AeThex">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://bot.aethex.dev/commands">
<meta property="og:type" content="website">
<meta property="og:url" content="https://bot.aethex.dev/commands">
<meta property="og:title" content="Commands | AeThex Warden - Discord Bot">
<meta property="og:description" content="Complete list of all 70+ Warden Discord bot commands organized by category. Leveling, moderation, fun, economy, and admin commands.">
<meta property="og:image" content="https://bot.aethex.dev/og-image.png">
<meta property="og:site_name" content="AeThex Warden">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://bot.aethex.dev/commands">
<meta name="twitter:title" content="Commands | AeThex Warden - Discord Bot">
<meta name="twitter:description" content="Complete list of all 70+ Warden Discord bot commands organized by category.">
<meta name="twitter:image" content="https://bot.aethex.dev/og-image.png">
<meta name="theme-color" content="#6366f1">
<link rel="icon" href="/logo.png" type="image/png">
<style>
:root {
--background: #030712;
--foreground: #f8fafc;
--card: rgba(15, 23, 42, 0.6);
--card-border: rgba(99, 102, 241, 0.15);
--card-border-hover: rgba(99, 102, 241, 0.4);
--primary: #6366f1;
--primary-light: #818cf8;
--secondary: rgba(30, 41, 59, 0.5);
--muted: #64748b;
--border: rgba(51, 65, 85, 0.5);
--gradient-1: #6366f1;
--gradient-2: #3b82f6;
--gradient-3: #06b6d4;
--success: #10b981;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Courier New', Courier, monospace;
background: var(--background);
color: var(--foreground);
min-height: 100vh;
line-height: 1.6;
}
.bg-grid {
position: fixed;
inset: 0;
background-image:
linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);
background-size: 64px 64px;
pointer-events: none;
z-index: -2;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
header {
position: sticky;
top: 0;
z-index: 100;
background: rgba(3, 7, 18, 0.9);
backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
}
.header-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.logo {
display: flex;
align-items: center;
gap: 0.75rem;
text-decoration: none;
color: var(--foreground);
}
.logo-icon {
width: 40px;
height: 40px;
border-radius: 8px;
object-fit: contain;
}
.logo-text {
font-size: 1.25rem;
font-weight: 700;
}
.nav-links {
display: flex;
gap: 2rem;
align-items: center;
}
.nav-links a {
color: var(--muted);
text-decoration: none;
font-weight: 500;
font-size: 0.9rem;
transition: color 0.2s;
}
.nav-links a:hover,
.nav-links a.active {
color: var(--foreground);
}
.btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.625rem 1.25rem;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: all 0.2s;
border: none;
cursor: pointer;
font-size: 0.875rem;
}
.btn-primary {
background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
color: white;
}
.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
}
.page-header {
padding: 4rem 0 3rem;
text-align: center;
}
.page-header h1 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
}
.text-gradient {
background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2), var(--gradient-3));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-header p {
color: var(--muted);
font-size: 1.1rem;
max-width: 600px;
margin: 0 auto;
}
.back-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--primary-light);
text-decoration: none;
font-size: 0.9rem;
margin-bottom: 2rem;
}
.back-link:hover {
text-decoration: underline;
}
.tabs-container {
margin-bottom: 4rem;
}
.tabs {
display: flex;
gap: 0.5rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 2rem;
padding: 0.5rem;
background: var(--card);
border: 1px solid var(--card-border);
border-radius: 12px;
}
.tab {
padding: 0.75rem 1.25rem;
border: none;
background: transparent;
color: var(--muted);
font-size: 0.9rem;
font-weight: 500;
cursor: pointer;
border-radius: 8px;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 0.5rem;
}
.tab:hover {
color: var(--foreground);
background: rgba(99, 102, 241, 0.1);
}
.tab.active {
background: linear-gradient(135deg, var(--gradient-1), var(--gradient-2));
color: white;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.commands-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 1rem;
}
.command-card {
background: var(--card);
border: 1px solid var(--card-border);
border-radius: 12px;
padding: 1.25rem;
transition: all 0.2s;
}
.command-card:hover {
border-color: var(--card-border-hover);
transform: translateY(-2px);
}
.command-name {
font-family: 'Fira Code', 'Consolas', monospace;
color: var(--primary-light);
font-weight: 600;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.command-desc {
color: var(--muted);
font-size: 0.9rem;
line-height: 1.5;
}
footer {
border-top: 1px solid var(--border);
padding: 2rem 0;
text-align: center;
color: var(--muted);
font-size: 0.85rem;
margin-top: 4rem;
}
@media (max-width: 768px) {
.nav-links { display: none; }
.tabs { flex-direction: column; }
.tab { width: 100%; justify-content: center; }
.commands-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<div class="bg-grid"></div>
<header>
<div class="container header-content">
<a href="/" class="logo">
<img src="/logo.png" alt="AeThex" class="logo-icon">
<span class="logo-text">AeThex | Warden</span>
</a>
<nav class="nav-links">
<a href="/">Home</a>
<a href="/features">Features</a>
<a href="/commands" class="active">Commands</a>
<a href="https://discord.gg/athx" target="_blank">Discord</a>
</nav>
<a href="https://discord.com/api/oauth2/authorize?client_id=578971245454950421&permissions=8&scope=bot%20applications.commands" class="btn btn-primary" target="_blank">
Add to Server
</a>
</div>
</header>
<main class="container">
<a href="/" class="back-link">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
Back to Home
</a>
<div class="page-header">
<h1>All <span class="text-gradient">Commands</span></h1>
<p>74+ slash commands to power your community. Click a category to explore.</p>
</div>
<div class="tabs-container">
<div class="tabs">
<button class="tab active" data-tab="music">
<span>🎵</span> Music
</button>
<button class="tab" data-tab="leveling">
<span></span> Leveling
</button>
<button class="tab" data-tab="fun">
<span>🎮</span> Fun & Games
</button>
<button class="tab" data-tab="economy">
<span>💰</span> Economy
</button>
<button class="tab" data-tab="social">
<span>👥</span> Social
</button>
<button class="tab" data-tab="moderation">
<span>🛡️</span> Moderation
</button>
<button class="tab" data-tab="utility">
<span>🔧</span> Utility
</button>
<button class="tab" data-tab="admin">
<span>⚙️</span> Admin
</button>
</div>
<!-- Music Commands -->
<div class="tab-content active" id="music">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/music play [query]</div>
<div class="command-desc">Play a song or playlist from YouTube, Spotify, SoundCloud</div>
</div>
<div class="command-card">
<div class="command-name">/music skip</div>
<div class="command-desc">Skip the currently playing track</div>
</div>
<div class="command-card">
<div class="command-name">/music stop</div>
<div class="command-desc">Stop playback and clear the queue</div>
</div>
<div class="command-card">
<div class="command-name">/music pause</div>
<div class="command-desc">Pause the current track</div>
</div>
<div class="command-card">
<div class="command-name">/music resume</div>
<div class="command-desc">Resume paused playback</div>
</div>
<div class="command-card">
<div class="command-name">/music queue</div>
<div class="command-desc">View the current music queue</div>
</div>
<div class="command-card">
<div class="command-name">/music nowplaying</div>
<div class="command-desc">Show the currently playing track with progress</div>
</div>
<div class="command-card">
<div class="command-name">/music volume [0-100]</div>
<div class="command-desc">Adjust the playback volume</div>
</div>
<div class="command-card">
<div class="command-name">/music shuffle</div>
<div class="command-desc">Shuffle the queue order</div>
</div>
<div class="command-card">
<div class="command-name">/music loop [mode]</div>
<div class="command-desc">Set loop mode (off/track/queue)</div>
</div>
</div>
</div>
<!-- Leveling Commands -->
<div class="tab-content" id="leveling">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/rank [@user]</div>
<div class="command-desc">View your level and XP progress</div>
</div>
<div class="command-card">
<div class="command-name">/profile [@user]</div>
<div class="command-desc">View your or another user's full profile</div>
</div>
<div class="command-card">
<div class="command-name">/daily</div>
<div class="command-desc">Claim your daily XP bonus (+50 base + streak)</div>
</div>
<div class="command-card">
<div class="command-name">/prestige</div>
<div class="command-desc">Prestige at Level 50 for permanent bonuses</div>
</div>
<div class="command-card">
<div class="command-name">/badges</div>
<div class="command-desc">View your earned badges</div>
</div>
<div class="command-card">
<div class="command-name">/achievements</div>
<div class="command-desc">View available achievements and your progress</div>
</div>
<div class="command-card">
<div class="command-name">/quests</div>
<div class="command-desc">View and track your active quests</div>
</div>
<div class="command-card">
<div class="command-name">/leaderboard [type]</div>
<div class="command-desc">View server rankings (weekly/monthly/all-time)</div>
</div>
<div class="command-card">
<div class="command-name">/stats [@user]</div>
<div class="command-desc">View detailed activity statistics</div>
</div>
<div class="command-card">
<div class="command-name">/verify</div>
<div class="command-desc">Link your Discord account to AeThex</div>
</div>
<div class="command-card">
<div class="command-name">/unlink</div>
<div class="command-desc">Disconnect your Discord from AeThex</div>
</div>
<div class="command-card">
<div class="command-name">/set-realm</div>
<div class="command-desc">Choose your primary realm (Federation mode)</div>
</div>
</div>
</div>
<!-- Fun & Games Commands -->
<div class="tab-content" id="fun">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/8ball [question]</div>
<div class="command-desc">Ask the magic 8-ball a question</div>
</div>
<div class="command-card">
<div class="command-name">/coinflip [call]</div>
<div class="command-desc">Flip a coin and call heads or tails</div>
</div>
<div class="command-card">
<div class="command-name">/roll [dice]</div>
<div class="command-desc">Roll dice (e.g., 2d6, d20, 3d8+5)</div>
</div>
<div class="command-card">
<div class="command-name">/trivia [category]</div>
<div class="command-desc">Answer trivia questions for XP rewards</div>
</div>
<div class="command-card">
<div class="command-name">/duel @user [bet]</div>
<div class="command-desc">Challenge someone to a 1v1 duel for XP</div>
</div>
<div class="command-card">
<div class="command-name">/slots [bet]</div>
<div class="command-desc">Try your luck at the slot machine</div>
</div>
<div class="command-card">
<div class="command-name">/afk [reason]</div>
<div class="command-desc">Set your AFK status with optional message</div>
</div>
</div>
</div>
<!-- Economy Commands -->
<div class="tab-content" id="economy">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/work</div>
<div class="command-desc">Work to earn XP (1 hour cooldown)</div>
</div>
<div class="command-card">
<div class="command-name">/heist [target]</div>
<div class="command-desc">Start or join a group heist</div>
</div>
<div class="command-card">
<div class="command-name">/gift @user [amount]</div>
<div class="command-desc">Gift XP to another user</div>
</div>
<div class="command-card">
<div class="command-name">/shop</div>
<div class="command-desc">Browse and purchase items from the shop</div>
</div>
<div class="command-card">
<div class="command-name">/inventory [@user]</div>
<div class="command-desc">View your or another user's inventory</div>
</div>
<div class="command-card">
<div class="command-name">/trade @user</div>
<div class="command-desc">Trade items with another user</div>
</div>
</div>
</div>
<!-- Social Commands -->
<div class="tab-content" id="social">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/rep @user [reason]</div>
<div class="command-desc">Give reputation to someone (12h cooldown)</div>
</div>
<div class="command-card">
<div class="command-name">/hug @user</div>
<div class="command-desc">Give someone a virtual hug with GIF</div>
</div>
<div class="command-card">
<div class="command-name">/birthday set [date]</div>
<div class="command-desc">Set your birthday for celebrations</div>
</div>
<div class="command-card">
<div class="command-name">/birthday view [@user]</div>
<div class="command-desc">View someone's birthday</div>
</div>
<div class="command-card">
<div class="command-name">/birthday upcoming</div>
<div class="command-desc">See upcoming birthdays in the server</div>
</div>
<div class="command-card">
<div class="command-name">/remind set [time] [message]</div>
<div class="command-desc">Set a personal reminder</div>
</div>
<div class="command-card">
<div class="command-name">/remind list</div>
<div class="command-desc">View your active reminders</div>
</div>
<div class="command-card">
<div class="command-name">/remind cancel [id]</div>
<div class="command-desc">Cancel a reminder</div>
</div>
</div>
</div>
<!-- Moderation Commands -->
<div class="tab-content" id="moderation">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/warn @user [reason]</div>
<div class="command-desc">Issue a warning to a user</div>
</div>
<div class="command-card">
<div class="command-name">/kick @user [reason]</div>
<div class="command-desc">Kick a user from the server</div>
</div>
<div class="command-card">
<div class="command-name">/ban @user [reason]</div>
<div class="command-desc">Ban a user from the server</div>
</div>
<div class="command-card">
<div class="command-name">/timeout @user [duration]</div>
<div class="command-desc">Timeout a user temporarily</div>
</div>
<div class="command-card">
<div class="command-name">/modlog @user</div>
<div class="command-desc">View a user's moderation history</div>
</div>
<div class="command-card">
<div class="command-name">/auditlog</div>
<div class="command-desc">View recent admin actions</div>
</div>
</div>
</div>
<!-- Utility Commands -->
<div class="tab-content" id="utility">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/translate [text] [to]</div>
<div class="command-desc">Translate text to another language</div>
</div>
<div class="command-card">
<div class="command-name">/define [word]</div>
<div class="command-desc">Look up word definitions</div>
</div>
<div class="command-card">
<div class="command-name">/math [expression]</div>
<div class="command-desc">Calculate math expressions safely</div>
</div>
<div class="command-card">
<div class="command-name">/color [hex/rgb]</div>
<div class="command-desc">View color information and preview</div>
</div>
<div class="command-card">
<div class="command-name">/qr [text]</div>
<div class="command-desc">Generate a QR code</div>
</div>
<div class="command-card">
<div class="command-name">/userinfo [@user]</div>
<div class="command-desc">View detailed user information</div>
</div>
<div class="command-card">
<div class="command-name">/serverinfo</div>
<div class="command-desc">View server statistics</div>
</div>
<div class="command-card">
<div class="command-name">/avatar [@user]</div>
<div class="command-desc">Get a user's avatar in full size</div>
</div>
<div class="command-card">
<div class="command-name">/status</div>
<div class="command-desc">View bot status and uptime</div>
</div>
<div class="command-card">
<div class="command-name">/help [command]</div>
<div class="command-desc">Get help with commands</div>
</div>
</div>
</div>
<!-- Admin Commands -->
<div class="tab-content" id="admin">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/config</div>
<div class="command-desc">View and edit server configuration</div>
</div>
<div class="command-card">
<div class="command-name">/xp-settings</div>
<div class="command-desc">Configure XP rates, cooldowns, multipliers</div>
</div>
<div class="command-card">
<div class="command-name">/level-roles</div>
<div class="command-desc">Set up level-up role rewards</div>
</div>
<div class="command-card">
<div class="command-name">/automod</div>
<div class="command-desc">Configure auto-moderation filters</div>
</div>
<div class="command-card">
<div class="command-name">/starboard setup</div>
<div class="command-desc">Configure the starboard channel</div>
</div>
<div class="command-card">
<div class="command-name">/rolepanel</div>
<div class="command-desc">Create interactive role selection panels</div>
</div>
<div class="command-card">
<div class="command-name">/giveaway</div>
<div class="command-desc">Create and manage giveaways</div>
</div>
<div class="command-card">
<div class="command-name">/announce</div>
<div class="command-desc">Send formatted announcements</div>
</div>
<div class="command-card">
<div class="command-name">/embed</div>
<div class="command-desc">Create custom embed messages</div>
</div>
<div class="command-card">
<div class="command-name">/schedule</div>
<div class="command-desc">Schedule messages for later</div>
</div>
<div class="command-card">
<div class="command-name">/quests-manage</div>
<div class="command-desc">Create and manage server quests</div>
</div>
<div class="command-card">
<div class="command-name">/shop-manage</div>
<div class="command-desc">Manage shop items and prices</div>
</div>
<div class="command-card">
<div class="command-name">/federation</div>
<div class="command-desc">Manage cross-server role sync</div>
</div>
<div class="command-card">
<div class="command-name">/refresh-roles</div>
<div class="command-desc">Sync roles based on AeThex profile</div>
</div>
<div class="command-card">
<div class="command-name">/backup create [name]</div>
<div class="command-desc">Create a full server backup</div>
</div>
<div class="command-card">
<div class="command-name">/backup list</div>
<div class="command-desc">View all server backups</div>
</div>
<div class="command-card">
<div class="command-name">/backup restore [id]</div>
<div class="command-desc">Restore from a backup</div>
</div>
<div class="command-card">
<div class="command-name">/backup auto [enable/disable]</div>
<div class="command-desc">Configure automatic backup scheduling</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<p>&copy; 2025 AeThex. Free forever, community powered.</p>
</div>
</footer>
<script>
document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
tab.classList.add('active');
document.getElementById(tab.dataset.tab).classList.add('active');
});
});
</script>
</body>
</html>