<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Typro Discord Bot</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
  }
  body {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #001f3f, #ffffff);
    background-image: url('https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimage.slidesdocs.com%2Fresponsive-images%2Fdocs%2Fgolden-border-on-a-blue-watercolor-background-page-border-background-word-template_0237667a49__1131_1600.jpg&f=1&nofb=1&ipt=b2a695cec1540ece11df3a8f0c1ea3267be385db757e1b3d1fa86b99079955e4&ipo=images');
    background-size: cover;
  }

  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(5px);
    z-index: -1;
  }

  #bot-info {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 12px;
    padding: 20px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    text-align: left;
    margin-top: 20px;
    color: black;
  }

  .button {
    display: inline-block;
    padding: 12px 20px;
    margin-top: 10px;
    background: linear-gradient(90deg, #007bff, #00d4ff);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    transition: 0.3s ease;
    font-weight: bold;
  }

  .button:hover {
    background: linear-gradient(90deg, #00d4ff, #007bff);
    transform: scale(1.05);
  }

  .gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }

  .gallery {
    margin: 10px;
    border: 1px solid #ccc;
    width: 220px;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s;
  }

  .gallery:hover {
    border: 1px solid #777;
    transform: scale(1.05);
  }

  .gallery img {
    width: 100%;
    height: auto;
    opacity: 0;
    animation: fadeIn 1s forwards;
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  .gallery:hover img {
    transform: scale(1.1);
    filter: brightness(1.2);
  }

  .desc {
    padding: 10px;
    font-size: 14px;
  }

  #bot-description {
    margin-top: 30px;
    text-align: left;
    padding: 15px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    width: 80%;
    max-width: 800px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    color: black;
  }

  h2 {
    color: #007bff;
  }

  ul {
    margin-top: 5px;
    line-height: 1
  }

  li {
    margin: 4px 0;
    line-height: 1  
  }

  .highlight {
    color: #00d4ff;
    font-weight: bold;
  }
</style>
</head>
<body>

<div id="bot-info">
  <h1>🤖 Typpo Discord Bot</h1>
  <p>A powerful bot to maintain a clean and engaging community.</p>
  <a href="#" class="button">🚀 Invite Bot</a>
</div>

<div id="bot-description">
  <h2>About the Bot:</h2>
  <p>Typro Discord Bot is a powerful and versatile Discord bot designed to help server admins maintain a clean, safe, and engaging community. With features like automated message filtering, spam detection, and anti-raid protection, this bot ensures your server stays free from unwanted content and disruptive behaviour. Whether you're managing a small community or a large server, Typro Discord Bot has the tools you need to keep things running smoothly.</p>

  <h2>Key Features</h2>
  <ul>
    <li><span class="highlight">Automated Message Filtering</span> With AI (No API key required): Detects and deletes messages containing bad words, typos, or inappropriate content using custom regex patterns. Sends a warning DM to the user and logs the incident in a designated channel.</li>
    <li><span class="highlight">Spam Detection</span>: Prevents spam by detecting and deleting rapid-fire messages from the same user.</li>
    <li><span class="highlight">Anti-Raid Protection</span>: Detects and assigns a "Raiders" role to users who join during a raid. Admins can ban or kick all raiders at once using a simple command.</li>
    <li><span class="highlight">Channel Cleanup</span>: Admins can delete a specified number of messages in a channel with the /clean command.</li>
    <li><span class="highlight">Help Command</span>: Displays a list of available commands and features in an easy-to-read embed.</li>
    <li><span class="highlight">Donation Support</span>: Provides donation links for users who want to support the bot's development.</li>
  </ul>

  <h2>Commands</h2>
  <ul>
    <li>/ping: Check the bot's latency.</li>
    <li>/clean &lt;limit&gt;: Delete a specified number of messages in the channel.</li>
    <li>/ban_raiders &lt;ban/kick&gt;: Ban or kick all users with the "Raiders" role.</li>
    <li>/donation: Get links to support the bot's development.</li>
    <li>/help: Display a list of commands and features.</li>
  </ul>

  <h2>How to Add the Bot to Your Server:</h2>
  <p>Click the Invite Link to add the bot to your server. Grant the bot the necessary permissions (e.g., Manage Messages, Kick Members, Ban Members). Set up the bot by configuring the log channel. Enjoy a cleaner, safer server!</p>
    <div class="guide-container">
        <h1>Invite Guide for Typro Disord Bot</h1>
        <p class="welcome-message">Welcome to Typro Disord Bot! 🎉</p>
        <p class="intro">This guide will help you set up and configure the bot after inviting it to your server. Follow these steps to get started:</p>

        <div class="step">
            <h2>Step 1: Invite the Bot</h2>
        </div>

        <div class="step">
            <h2>Step 2: Set Up Logging Channels</h2>
            <p>To ensure the bot can log moderation actions, create a dedicated logging channel:</p>
            <ul>
                <li>Create a new text channel named <code>mod-logs</code>, <code>typro-logs</code>, or <code>logs</code>.</li>
                <li>Make sure the bot has permission to send messages in this channel.</li>
            </ul>
        </div>

        <div class="step">
            <h2>Step 3: Configure Permissions</h2>
            <p>Ensure the bot has the necessary permissions to function properly:</p>
            <ul>
                <li>Go to your server settings.</li>
                <li>Navigate to Roles and find the Typpo Disord Bot role.</li>
                <li>Enable the following permissions:</li>
                <ul>
                    <li>Read Messages</li>
                    <li>Send Messages</li>
                    <li>Manage Messages</li>
                    <li>Kick Members</li>
                    <li>Ban Members</li>
                    <li>Manage Roles</li>
                </ul>
            </ul>
        </div>

        <div class="step">
            <h2>Step 4: Test the Bot</h2>
            <p>Once the bot is in your server, test its features:</p>
            <ul>
                <li>Use the <code>/ping</code> command to check if the bot is online.</li>
                <li>Try sending a message with a bad word to see if the bot detects and deletes it.</li>
                <li>Use the <code>/clean</code> command to delete a specified number of messages in a channel.</li>
            </ul>
        </div>

        <div class="step">
            <h2>Step 5: Enable Anti-Raid Protection</h2>
            <p>To protect your server from raids:</p>
            <ul>
                <li>The bot will automatically detect raids and assign the "Raiders" role to suspicious users, so create one.</li>
            </ul>
        </div>
    </div>
  <h2>Update:</h2>
  <p>The bot is updated with new code and the AI is trained to block 100+ letter variations of each letter in English which is like: A = "a,@,卂,丹,闩,А,Α,∆,八,Ⓐ,ค,Ʌ,ል,ᗩ,无,Ą,Ä,Ã,Å,Ă,Ⱥ,ꓮ.........."</p>

  <h2>Support and Feedback:</h2>
  <p>If you have any questions, need help, or want to suggest new features, feel free to join our Support Server. Your feedback is valuable and helps us improve the bot!</p>

  <h2>Donate:</h2>
  <p>Love the bot? Consider supporting its development by donating! Your contributions help keep the bot running and enable us to add new features.</p>
</div>

<div class="gallery-container">
  <div class="gallery">
    <a target="_blank" href="https://media.discordapp.net/attachments/1124742591146111108/1327998496179228724/image.png?ex=678b093a&is=6789b7ba&hm=6dcb84fbb9b6cc5a637e1f90809969e6f67e4b580be251b608bcbb53a765abdc&=&format=webp&quality=lossless">
      <img src="https://media.discordapp.net/attachments/1124742591146111108/1327998496179228724/image.png?ex=678b093a&is=6789b7ba&hm=6dcb84fbb9b6cc5a637e1f90809969e6f67e4b580be251b608bcbb53a765abdc&=&format=webp&quality=lossless" alt="Common Variant">
    </a>
    <div class="desc">Common variant</div>
  </div>

  <div class="gallery">
    <a target="_blank" href="https://media.discordapp.net/attachments/1124742591146111108/1329097035739037840/image.png?ex=678b13d2&is=6789c252&hm=49d8fff080412e260d3f0fb60c3487b7cbce0297ccf2ac5fc6d8baa9c261e471&=&format=webp&quality=lossless">
      <img src="https://media.discordapp.net/attachments/1124742591146111108/1329097035739037840/image.png?ex=678b13d2&is=6789c252&hm=49d8fff080412e260d3f0fb60c3487b7cbce0297ccf2ac5fc6d8baa9c261e471&=&format=webp&quality=lossless" alt="Hacker Variant">
    </a>
    <div class="desc">Hacker variant</div>
  </div>
</div>

</body>
</html>


Typpo 투표

저희를 지원하고 싶으십니까?