AeThex-Bot-Master/aethex-bot/public/commands.html
2026-03-05 14:34:11 -07:00

745 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 75+ Warden Discord bot commands organized by category. Leveling, moderation, fun, economy, AI, and admin commands.">
<meta name="keywords" content="Discord bot commands, slash commands, moderation commands, leveling commands, fun commands, economy commands, admin commands, AI commands">
<meta name="author" content="AeThex">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://aethex.bot/commands">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aethex.bot/commands">
<meta property="og:title" content="Commands | AeThex Warden - Discord Bot">
<meta property="og:description" content="Complete list of all 75+ Warden Discord bot commands organized by category. Leveling, moderation, fun, economy, AI, and admin commands.">
<meta property="og:image" content="https://aethex.bot/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://aethex.bot/commands">
<meta name="twitter:title" content="Commands | AeThex Warden - Discord Bot">
<meta name="twitter:description" content="Complete list of all 75+ Warden Discord bot commands organized by category.">
<meta name="twitter:image" content="https://aethex.bot/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>75+ 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 class="command-card">
<div class="command-name">/ai chat [message]</div>
<div class="command-desc">Chat with AeThex AI assistant</div>
</div>
<div class="command-card">
<div class="command-name">/ai image [prompt]</div>
<div class="command-desc">Generate images with AI</div>
</div>
<div class="command-card">
<div class="command-name">/ai clear</div>
<div class="command-desc">Clear your AI conversation history</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>