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
This commit is contained in:
sirpiglr 2025-12-13 08:19:51 +00:00
parent 70823d8f9a
commit 044f21533e
2 changed files with 113 additions and 5 deletions

View file

@ -323,12 +323,15 @@
<div class="page-header">
<h1>All <span class="text-gradient">Commands</span></h1>
<p>60+ slash commands to power your community. Click a category to explore.</p>
<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="leveling">
<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">
@ -351,8 +354,54 @@
</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 active" id="leveling">
<div class="tab-content" id="leveling">
<div class="commands-grid">
<div class="command-card">
<div class="command-name">/rank [@user]</div>
@ -642,6 +691,22 @@
<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>

View file

@ -338,7 +338,10 @@
<div class="tabs-container">
<div class="tabs">
<button class="tab active" data-tab="engagement">
<button class="tab active" data-tab="music">
<span>🎵</span> Music
</button>
<button class="tab" data-tab="engagement">
<span>📈</span> Engagement
</button>
<button class="tab" data-tab="security">
@ -358,7 +361,42 @@
</button>
</div>
<div class="tab-content active" id="engagement">
<div class="tab-content active" id="music">
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">▶️</div>
<h3>Play Anything</h3>
<p>Play music from YouTube, Spotify, SoundCloud, and Apple Music. Just paste a link or search by name.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📋</div>
<h3>Queue Management</h3>
<p>Full queue system with add, remove, shuffle, and view. Manage your listening session with ease.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🔊</div>
<h3>Volume Control</h3>
<p>Adjust volume from 0-100%. Fine-tune the listening experience for everyone.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🔁</div>
<h3>Loop Modes</h3>
<p>Loop a single track, the entire queue, or turn looping off. Your music, your way.</p>
</div>
<div class="feature-card">
<div class="feature-icon">⏭️</div>
<h3>Playback Controls</h3>
<p>Skip, pause, resume, stop - all the controls you need. Full DJ-style management.</p>
</div>
<div class="feature-card">
<div class="feature-icon">🎤</div>
<h3>Now Playing</h3>
<p>See what's playing with progress bar, thumbnail, and track info. Beautiful embeds.</p>
</div>
</div>
</div>
<div class="tab-content" id="engagement">
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">📈</div>
@ -415,6 +453,11 @@
<h3>Auto-Moderation</h3>
<p>Configurable filters for links, spam, bad words, invites, and mass mentions. Custom actions per filter.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💾</div>
<h3>Server Backups</h3>
<p>Full server backups with roles, channels, and config. Auto-backup scheduling and one-click restore.</p>
</div>
<div class="feature-card">
<div class="feature-icon">📋</div>
<h3>Mod Tools</h3>