<!DOCTYPE html>
<html lang="de">
<head>
    <style>
        .centered-and-wrapped {
            text-align: center;
            word-wrap: break-word;
        }
        .centered-flex {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>
    
</head>
<body>

    <a href="https://top.gg/bot/957020295246528512" style="display: flex; justify-content: center; align-items: center;">
        <img src="https://top.gg/api/widget/servers/957020295246528512.svg" style="margin-right: 10px;">
        <img src="https://top.gg/api/widget/upvotes/957020295246528512.svg?noavatar=true" style="margin-right: 10px;">
        <img src="https://top.gg/api/widget/owner/957020295246528512.svg?noavatar=true">
    </a>

    <h4 class="centered-and-wrapped" style="color: #5664F1;">Your members should never get bored!</h4>
    <p class="centered-and-wrapped">Minigames is a complex Discord bot that allows you to play minigames such as emojiquiz, counting, antonym quiz and much more on your server.</p>

    <h1 style="text-align:center;"></h1> 

    <h4 class="centered-and-wrapped" style="color: #5664F1;">The bot is available in the following languages:</h4>
    
    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/flags/de.png" style="margin-right: 5px;">
        <span style="margin: 0;">German</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/flags/en.png" style="margin-right: 5px;">
        <span style="margin: 0;">English</span>
    </p>
    

    <h1 style="text-align:center;"></h1> 

    <h4 class="centered-and-wrapped" style="color: #5664F1;">Functions</h4>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/emojiquiz.png" style="margin-right: 3px;">
        <span style="margin: 0;">Emojiquiz</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/antonymquiz.png" style="margin-right: 3px;">
        <span style="margin: 0;">Antonymquiz</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/triviaquiz.png" style="margin-right: 3px;">
        <span style="margin: 0;">Triviaquiz</span>
    </p>

    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/tictactoe.png" style="margin-right: 3px;">
        <span style="margin: 0;">TicTacToe</span>
    </p>
    
    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/counting.png" style="margin-right: 3px;">
        <span style="margin: 0;">Counting</span>
    </p>
    
    <p style="display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1;">
        <img src="https://minigamesbot.xyz/assets/icons/rockpaperscissors.png" style="margin-right: 3px;">
        <span style="margin: 0;">Rock Paper Scissors</span>
    </p>


    <div class="image-container">
        <img src="https://minigamesbot.xyz/assets/features/quizzes.png" alt="quizzes">
    </div>
    
    <div class="image-container">
        <img src="https://minigamesbot.xyz/assets/features/tactical_games.png" alt="tactical games">
    </div>

    <h4 class="centered-and-wrapped" style="color: #5664F1;">Not convinced yet?</h4>
    <p class="centered-and-wrapped">Minigames is regularly supplied with new functions and updates. Alternatively, you can visit our <a href="https://discord.gg/PQNaaKNedF">support server</a> and test the bot!</p>

    <style>
        @font-face {
            font-family: "Whitney";
            src: url("https://cdn.jsdelivr.net/gh/ryanoasis/nerd-fonts/src/unpatched-fonts/Whitney/complete/Whitney-Book.ttf");
        }

        .button-container {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
    
        .custom-link {
            display: inline-flex; /* Flexbox für Text und Icon nebeneinander */
            align-items: center; /* Vertikale Ausrichtung */
            padding: 10px 20px;
            font-size: 14px; /* Schriftgröße wie in Discord */
            font-weight: 500; /* Halbfett wie in Discord */
            color: #ffffff !important; /* Weißer Text */
            background-color: #4e5058; /* Hintergrundfarbe im Normalzustand */
            border: none;
            border-radius: 3px; /* Abgerundete Ecken wie Discord */
            text-decoration: none; /* Kein Unterstrich */
            cursor: pointer;
            transition: background-color 0.2s ease, transform 0.1s ease;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Leichter Schatten */
        }
    
        .custom-link:hover {
            background-color: #6d6f78;
        }

        .custom-link:active {
            background-color: #7a7c84; /* Leicht hellerer Hintergrund bei langem Klicken */
            transform: scale(0.98);
        }

        .custom-link svg {
            margin-left: 8px; /* Abstand zwischen Text und Icon */
            width: 16px; /* SVG-Größe */
            height: 16px; /* SVG-Größe */
            fill: #ffffff; /* Weißes Icon */
        }

        body {
            background-color: #36393f; /* Discord-Hintergrundfarbe */
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            font-family: "Whitney", Arial, Helvetica, sans-serif;
        }
    
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #0d1924, #1a242e);
            opacity: 0.7;
            z-index: -1;
            transform: translateZ(-1px);
        }
    
        body::before:hover {
            transform: translateZ(0);
        }
    </style>
    
    <div class="button-container">
        <a class="custom-link" href="https://top.gg/bot/957020295246528512/invite" target="_blank">
            <strong>🤖 Invite</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
        <a class="custom-link" href="https://discord.gg/PQNaaKNedF" target="_blank">
            <strong>🔥 Join Official Server</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
        <a class="custom-link" href="https://top.gg/bot/957020295246528512#reviews">
            <strong>💬 Rate the bot</strong>
            <svg class="launchIcon_acadc1" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24">
                <path fill="currentColor" d="M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"></path>
                <path fill="currentColor" d="M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"></path>
            </svg>
        </a>
    </div>

    <div class="image-container">
        <img src="https://minigamesbot.xyz/assets/images/banner.png" alt="banner">
    </div>

</body>
</html>

Minigames

Minigames is a bot that offers smaller games such as emoji quizzes and counting.

Discord Bots

Minigames