This project allows you to save playlists to re-use later

Has Playlists

This project allows you to tweak the volume as a command

Volume Control

This project is able to distort the audio with the use of filters

Has Audio Filters

This project can keep playing music automatically when the queue ends

Has Autoplay

Whether the current project contains any paid features, is paid only, or is 100% free to use.

This project is free to use and contains no paywalls for core functionality.

Has Paid Features

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ivy Music Bot Description</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* Pure Description Container */
        .ivy-pure-description {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #0a0a2a 0%, #1a1a3a 50%, #2a2a4a 100%);
            color: #ffffff;
            padding: 40px;
            border-radius: 20px;
            max-width: 850px;
            margin: 20px auto;
            box-shadow: 
                0 0 50px rgba(0, 219, 222, 0.2),
                0 20px 60px rgba(0, 0, 0, 0.5);
            border: 2px solid;
            border-image: linear-gradient(45deg, #00dbde, #fc00ff, #00dbde) 1;
            position: relative;
            overflow: hidden;
        }

        /* Musical Wave Background */
        .ivy-pure-description::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle at 20% 80%, rgba(0, 219, 222, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(252, 0, 255, 0.05) 0%, transparent 50%);
            z-index: -1;
        }

        /* Header Section */
        .ivy-header {
            text-align: center;
            margin-bottom: 40px;
            padding-bottom: 30px;
            position: relative;
        }

        .ivy-header::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 25%;
            right: 25%;
            height: 3px;
            background: linear-gradient(90deg, transparent, #00dbde, #fc00ff, transparent);
        }

        .bot-name-main {
            font-size: 4rem;
            font-weight: 900;
            margin: 0;
            background: linear-gradient(45deg, #00dbde 0%, #fc00ff 50%, #00dbde 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 15px;
            text-shadow: 0 0 40px rgba(0, 219, 222, 0.3);
            position: relative;
            display: inline-block;
        }

        .bot-name-main::before {
            content: '🎵';
            position: absolute;
            left: -50px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
        }

        .bot-name-main::after {
            content: '🎵';
            position: absolute;
            right: -50px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
        }

        .tagline {
            font-size: 1.5rem;
            color: #a0a8ff;
            font-weight: 300;
            letter-spacing: 2px;
            margin-top: 10px;
            text-transform: uppercase;
            opacity: 0.9;
        }

        /* Opening Line */
        .opening-line {
            text-align: center;
            font-size: 1.4rem;
            color: #00dbde;
            margin-bottom: 40px;
            padding: 20px;
            background: rgba(0, 219, 222, 0.1);
            border-radius: 10px;
            border-left: 5px solid #fc00ff;
            border-right: 5px solid #00dbde;
            font-weight: 600;
            position: relative;
            overflow: hidden;
        }

        .opening-line::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, #00dbde, #fc00ff);
        }

        /* Description Sections */
        .description-block {
            margin-bottom: 50px;
            padding: 30px;
            background: rgba(255, 255, 255, 0.03);
            border-radius: 15px;
            position: relative;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .description-block:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: rgba(0, 219, 222, 0.2);
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .block-title {
            color: #fc00ff;
            font-size: 1.8rem;
            margin-top: 0;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 15px;
            position: relative;
            padding-bottom: 10px;
        }

        .block-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100px;
            height: 3px;
            background: linear-gradient(90deg, #fc00ff, transparent);
        }

        .block-title i {
            font-size: 1.5rem;
            color: #00dbde;
            animation: float 3s ease-in-out infinite;
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }

        .block-content {
            font-size: 1.15rem;
            line-height: 1.8;
            color: #e0e0ff;
            text-align: justify;
        }

        /* Highlighted Text */
        .highlight {
            background: linear-gradient(45deg, #00dbde, #fc00ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 700;
            padding: 0 2px;
            position: relative;
        }

        .highlight::before {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, #00dbde, #fc00ff);
            opacity: 0.5;
        }

        /* Features Badges */
        .features-badges {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
            margin: 40px 0;
            padding: 25px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 15px;
            border: 1px solid rgba(0, 219, 222, 0.1);
        }

        .feature-badge {
            padding: 12px 25px;
            background: linear-gradient(45deg, rgba(0, 219, 222, 0.1), rgba(252, 0, 255, 0.1));
            border-radius: 25px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
            transition: all 0.3s ease;
            border: 1px solid rgba(0, 219, 222, 0.2);
        }

        .feature-badge:hover {
            transform: scale(1.05);
            background: linear-gradient(45deg, rgba(0, 219, 222, 0.2), rgba(252, 0, 255, 0.2));
            border-color: #00dbde;
            box-shadow: 0 5px 15px rgba(0, 219, 222, 0.2);
        }

        .feature-badge i {
            color: #00dbde;
        }

        /* Call to Action */
        .pure-cta {
            text-align: center;
            margin-top: 50px;
            padding: 30px;
            background: linear-gradient(135deg, rgba(0, 219, 222, 0.1), rgba(252, 0, 255, 0.1));
            border-radius: 15px;
            position: relative;
            overflow: hidden;
        }

        .pure-cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255, 255, 255, 0.1) 50%, 
                transparent 100%);
            animation: shine 3s infinite;
        }

        @keyframes shine {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }

        .cta-text {
            font-size: 1.8rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

        .cta-subtext {
            color: #a0a8ff;
            font-size: 1.1rem;
            margin-top: 15px;
            position: relative;
            z-index: 1;
        }

        /* Footer */
        .pure-footer {
            text-align: center;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #8888cc;
            font-size: 0.9rem;
            position: relative;
        }

        .pure-footer::before {
            content: '🎶';
            position: absolute;
            top: -15px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.5rem;
            background: #0a0a2a;
            padding: 0 20px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .ivy-pure-description {
                padding: 20px;
                margin: 10px;
            }

            .bot-name-main {
                font-size: 2.5rem;
                letter-spacing: 2px;
            }

            .bot-name-main::before,
            .bot-name-main::after {
                display: none;
            }

            .tagline {
                font-size: 1.1rem;
            }

            .opening-line {
                font-size: 1.1rem;
                padding: 15px;
            }

            .description-block {
                padding: 20px;
                margin-bottom: 30px;
            }

            .block-title {
                font-size: 1.4rem;
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }

            .block-content {
                font-size: 1rem;
            }

            .features-badges {
                flex-direction: column;
                align-items: center;
            }

            .feature-badge {
                width: 100%;
                justify-content: center;
            }

            .cta-text {
                font-size: 1.4rem;
            }
        }

        /* Scroll Animation */
        .description-block {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }

        .description-block.visible {
            opacity: 1;
            transform: translateY(0);
        }
    </style>
</head>
<body>
    <div class="ivy-pure-description">
        
        
        <div class="ivy-header">
            <h1 class="bot-name-main">IVY</h1>
            <div class="tagline">Your Premier 24/7 Discord Music Experience</div>
        </div>

        
        <div class="opening-line">
            Ivy is a <span class="highlight">feature-rich Discord music bot</span> designed for seamless 24/7 music entertainment.
        </div>

        
        <div class="description-block">
            <h2 class="block-title">
                <i class="fas fa-crown"></i>
                Elevate Your Server's Atmosphere
            </h2>
            <div class="block-content">
                Elevate your server's atmosphere with <span class="highlight">Ivy</span>, a meticulously crafted Discord music bot built for unparalleled, non-stop audio entertainment. We combine <span class="highlight">crystal-clear high-quality audio</span> with a robust feature set to deliver a <span class="highlight">seamless and immersive listening experience</span> for communities of all sizes.
            </div>
        </div>

        
        <div class="description-block">
            <h2 class="block-title">
                <i class="fas fa-volume-up"></i>
                Superior Audio & Reliability
            </h2>
            <div class="block-content">
                Experience music in <span class="highlight">stunning clarity</span>. Ivy streams <span class="highlight">high-fidelity audio</span> directly to your voice channels, ensuring every note sounds perfect. Our <span class="highlight">enterprise-grade infrastructure</span> guarantees persistent 24/7 playback, so your music never randomly stops. Party, study, or relax with confidence, knowing the soundtrack to your server is <span class="highlight">always on</span>.
            </div>
        </div>

        
        <div class="features-badges">
            <div class="feature-badge">
                <i class="fas fa-music"></i>
                <span>24/7 Non-Stop Music</span>
            </div>
            <div class="feature-badge">
                <i class="fas fa-broadcast-tower"></i>
                <span>High-Fidelity Audio</span>
            </div>
            <div class="feature-badge">
                <i class="fas fa-shield-alt"></i>
                <span>Enterprise Reliability</span>
            </div>
            <div class="feature-badge">
                <i class="fas fa-bolt"></i>
                <span>Instant Playback</span>
            </div>
        </div>

        
        <div class="pure-cta">
            <div class="cta-text">
                Ready to Transform Your Discord Server?
            </div>
            <div class="cta-subtext">
                Join thousands of communities enjoying premium music experience with Ivy
            </div>
        </div>

        
        <div class="pure-footer">
            Ivy Music Bot • Crafted for Discord Communities
            <br>
            <span style="font-size: 0.8rem; opacity: 0.7;">Experience the difference with Ivy</span>
        </div>
    </div>

    <script>
        // Scroll Animation for Description Blocks
        const blocks = document.querySelectorAll('.description-block');
        
        const blockObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                }
            });
        }, {
            threshold: 0.1,
            rootMargin: '0px 0px -50px 0px'
        });
        
        blocks.forEach(block => {
            blockObserver.observe(block);
        });

        // Add hover sound effect (optional)
        document.querySelectorAll('.feature-badge').forEach(badge => {
            badge.addEventListener('mouseenter', () => {
                // Optional: Add sound effect or additional animation
                badge.style.transform = 'scale(1.05) translateY(-2px)';
            });
            
            badge.addEventListener('mouseleave', () => {
                badge.style.transform = 'scale(1) translateY(0)';
            });
        });
    </script>
</body>
</html>

Ivy is a feature-rich Discord music bot designed for seamless 24/7 music entertainment.

Ivy に投票

私たちをサポートしませんか？