The ultimate moderation bot with Preset Punishments, Evidence Uploading and Modmail-like Reporting.

Overseer

<html><head><style>
@media screen and (max-width: 580px) {
    .resize-for-mobile {
        flex-direction: column;
        width: 100%;
    }
    .reverse-flex-for-mobile {
        flex-direction: column-reverse !important; /* To take precedence over resize-for-mobile */
    }
    .resize-img-for-mobile {
        width: 70% !important; /* To override the element's style */
    }
    .trusted-cards-container {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .trusted-card {
        width: 100% !important;
        max-width: 400px !important;
    }
    .trusted-server-item {
        flex-direction: column !important;
        text-align: center !important;
        padding: 15px 25px !important;
    }
    .trusted-server-item img {
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }
}

/* Discord community badge styles */
.flowerStarContainer__3e3b0 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.guildBadge__85d16 {
    position: relative;
}

.flowerStar__3e3b0 {
    display: block;
}

.childContainer__3e3b0 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Card hover effects */
.trusted-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.trusted-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232, 62, 140, 0.2);
}

/* Small server item hover effects */
.trusted-server-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-2px);
}

.trusted-server-item:hover img {
    transform: scale(1.05);
}

.trusted-server-item:hover span:first-child {
    color: rgba(255, 255, 255, 0.95) !important;
}

.trusted-server-item:hover span:last-child {
    color: rgba(255, 255, 255, 0.7) !important;
}
</style>
</head><body><div style="display: flex; flex-direction: column; width: 100%; gap: 20px;">
    <div style="display: flex; flex-direction: column; gap: 20px; align-items: center;">
        <h1 style="font-size: 30px; border-bottom: 2px solid #242424; margin-bottom: 0;">Your go-to Discord moderation bot</h1>
        <p style="color: #e83e8c; font-size: 16px;">[ TRUSTED BY ]</p>
    </div>
    
    <div style="display: flex; gap: 16px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: -10px;">
        
        <div class="trusted-server-item" style="display: inline-flex; align-items: center; padding: 10px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; backdrop-filter: blur(8px); transition: all 0.3s ease; cursor: pointer;">
            <img src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGlzY29yZGFwcC5jb20vaWNvbnMvNTA1OTc0NDQ2OTE0NTM1NDI2L2FfN2Y1ODgwNGM0YzMxZjFjYzZjNjQzYmY4ODE4NTY3NDMuZ2lmP3NpemU9MTAyNA" alt="Socialize icon" style="width: 40px; height: 40px; border-radius: 10px; object-fit: cover; margin-right: 14px; transition: transform 0.3s ease;" referrerpolicy="no-referrer" loading="lazy">
            <div style="display: flex; flex-direction: column; gap: 4px;">
                <div style="display: flex; align-items: center;">
                    
                    <div class="flowerStarContainer__3e3b0 guildBadge__85d16" style="width: 18px; height: 18px; margin-right: 6px;">
                        <svg class="flowerStar__3e3b0" aria-hidden="true" role="img" width="16" height="16" viewBox="0 0 16 15.2">
                            <defs>
                                <linearGradient id="trusted-badge-gradient-1" x1="0%" y1="0%" x2="100%" y2="100%">
                                    <stop offset="0%" style="stop-color:#e83e8c;stop-opacity:1"></stop>
                                    <stop offset="100%" style="stop-color:#ff6bb3;stop-opacity:1"></stop>
                                </linearGradient>
                            </defs>
                            <path fill="url(#trusted-badge-gradient-1)" fill-rule="evenodd" d="m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z"></path>
                        </svg>
                        <div class="childContainer__3e3b0">
                            <svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="none" viewBox="0 0 24 24">
                                <path fill="#ffffff" fill-rule="evenodd" d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z" clip-rule="evenodd"></path>
                            </svg>
                        </div>
                    </div>
                    <span style="font-size: 15px; color: rgba(255, 255, 255, 0.85); font-weight: 400;">Socialize | Active VC Server • Hangout</span>
                </div>
                <div style="display: flex; align-items: center; gap: 6px;">
                    <svg width="14" height="14" viewBox="0 0 16 16" fill="rgba(255, 255, 255, 0.5)">
                        <path d="M8 0a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4ZM6 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm-4.5 9c0-2.5 3.5-4 6.5-4s6.5 1.5 6.5 4c0 .83-.67 1.5-1.5 1.5H3c-.83 0-1.5-.67-1.5-1.5Zm1.5-.5h10c0-.55-2-2-5-2s-5 1.45-5 2Z"></path>
                    </svg>
                    <span style="font-size: 13px; color: rgba(255, 255, 255, 0.5); white-space: nowrap;">800,000</span>
                </div>
            </div>
        </div>
        
        <div class="trusted-server-item" style="display: inline-flex; align-items: center; padding: 10px 20px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; backdrop-filter: blur(8px); transition: all 0.3s ease; cursor: pointer;">
            <img src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGlzY29yZGFwcC5jb20vaWNvbnMvMTAyMzA1NzI3ODE0MTcyNjgzMC9hX2M3OGFhN2Q4Njk2YzdiNjYyZWE5MWJmNjAwZmNhN2ExLmdpZj9zaXplPTEwMjQ" alt="Cat Lounge icon" style="width: 40px; height: 40px; border-radius: 10px; object-fit: cover; margin-right: 14px; transition: transform 0.3s ease;" referrerpolicy="no-referrer" loading="lazy">
            <div style="display: flex; flex-direction: column; gap: 4px;">
                <div style="display: flex; align-items: center;">
                    
                    <div class="flowerStarContainer__3e3b0 guildBadge__85d16" style="width: 18px; height: 18px; margin-right: 6px;">
                        <svg class="flowerStar__3e3b0" aria-hidden="true" role="img" width="16" height="16" viewBox="0 0 16 15.2">
                            <defs>
                                <linearGradient id="trusted-badge-gradient-2" x1="0%" y1="0%" x2="100%" y2="100%">
                                    <stop offset="0%" style="stop-color:#e83e8c;stop-opacity:1"></stop>
                                    <stop offset="100%" style="stop-color:#ff6bb3;stop-opacity:1"></stop>
                                </linearGradient>
                            </defs>
                            <path fill="url(#trusted-badge-gradient-2)" fill-rule="evenodd" d="m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z"></path>
                        </svg>
                        <div class="childContainer__3e3b0">
                            <svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="none" viewBox="0 0 24 24">
                                <path fill="#ffffff" fill-rule="evenodd" d="M23 12a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-4.16 5.85A9 9 0 0 0 15 3.52V4a3 3 0 0 1-3 3h-.77c-.13 0-.23.1-.23.23A2.77 2.77 0 0 1 8.23 10c-.13 0-.23.1-.23.23v1.52c0 .14.11.25.25.25H13a3 3 0 0 1 3 3v.77c0 .13.1.23.23.23 1.2 0 2.23.77 2.61 1.85ZM3.18 10.18A9 9 0 0 0 11 20.94v-2.7c0-.14-.1-.24-.23-.24h-.65A2.12 2.12 0 0 1 8 15.88c0-.56-.22-1.1-.62-1.5l-4.2-4.2Z" clip-rule="evenodd"></path>
                            </svg>
                        </div>
                    </div>
                    <span style="font-size: 15px; color: rgba(255, 255, 255, 0.85); font-weight: 400;">Cat Lounge | Chill • Emotes • Stickers • Chat</span>
                </div>
                <div style="display: flex; align-items: center; gap: 6px;">
                    <svg width="14" height="14" viewBox="0 0 16 16" fill="rgba(255, 255, 255, 0.5)">
                        <path d="M8 0a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4ZM6 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm-4.5 9c0-2.5 3.5-4 6.5-4s6.5 1.5 6.5 4c0 .83-.67 1.5-1.5 1.5H3c-.83 0-1.5-.67-1.5-1.5Zm1.5-.5h10c0-.55-2-2-5-2s-5 1.45-5 2Z"></path>
                    </svg>
                    <span style="font-size: 13px; color: rgba(255, 255, 255, 0.5); white-space: nowrap;">40,000</span>
                </div>
            </div>
        </div>
    </div>
    <div style="display: flex; gap: 20px; align-items: center;" class="resize-for-mobile">
        <div style="width: 30%;" class="resize-img-for-mobile">
            <img style="border-radius: 8px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGFuaWVsZ250LmNvbS9zY3JlZW5zaG90cy9maXJlZm94XzVWbTFPajJVQVEucG5n" width="400" height="250" referrerpolicy="no-referrer" loading="lazy">
        </div>
        <div style="display: flex; width: 70%; flex-direction: column; text-align: center;">
            <h1 style="font-size: 30px;">Preset Punishments</h1>
            <p style="font-size: 18.67px;">Use Overseer's unique punishment system to <span style="color: #e83e8c;">consistently and rapidly</span> meet the moderation demands of <span style="color: #e83e8c;">large servers</span>. Punishments follow a sequential set of instructions such as muting or kicking prior to finally banning for an offence.</p>
        </div>
    </div>
    <div style="display: flex; gap: 20px; align-items: center;" class="resize-for-mobile reverse-flex-for-mobile">
        <div style="display: flex; width: 60%; flex-direction: column; text-align: center;">
            <h1 style="font-size: 30px;">Evidence Uploading</h1>
            <p style="font-size: 18.67px;">Upload <span style="color: #e83e8c;">video clips and images</span> for mutes, bans and punishments to view later in a user's moderation history.</p>
        </div>
        <div style="width: 40%;" class="resize-img-for-mobile">
            <img style="border-radius: 8px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9pLmltZ3VyLmNvbS9wdmhrRzU5LnBuZw" width="400" height="250" referrerpolicy="no-referrer" loading="lazy">
        </div>
    </div>
    <div style="display: flex; gap: 20px; align-items: center;" class="resize-for-mobile reverse-flex-for-mobile">
        <div style="width: 40%;" class="resize-img-for-mobile">
            <img style="border-radius: 8px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9pLmltZ3VyLmNvbS81a2d3QW5tLnBuZw" width="400" height="250" referrerpolicy="no-referrer" loading="lazy">
        </div>
        <div style="display: flex; width: 60%; flex-direction: column; text-align: center;">
            <h1 style="font-size: 30px;">Reports</h1>
            <p style="font-size: 18.67px;">Streamline receiving reports from your members with Overseer. Reports are <span style="color: #e83e8c;">privately handled</span> in DMs and support <span style="color: #e83e8c;">forwarding of evidence as images or videos</span>.</p>
        </div>
    </div>
    <div style="display: flex; gap: 20px; align-items: center;" class="resize-for-mobile">
        <div style="display: flex; width: 70%; flex-direction: column; text-align: center;">
            <h1 style="font-size: 30px;">Voice Logging</h1>
            <p style="font-size: 18.67px;">Let Overseer handle your voice logs to <span style="color: #e83e8c;">help your moderators investigate reports</span>.</p>
        </div>
        <div style="width: 30%;" class="resize-img-for-mobile">
            <img style="border-radius: 8px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGFuaWVsZ250LmNvbS9zY3JlZW5zaG90cy9uQVo0MktwbW5HLnBuZw" width="400" height="250" referrerpolicy="no-referrer" loading="lazy">
        </div>
    </div>
    <div style="display: flex; gap: 20px; align-items: center;" class="resize-for-mobile reverse-flex-for-mobile">
        <div style="width: 40%;" class="resize-img-for-mobile">
            <img style="border-radius: 8px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGFuaWVsZ250LmNvbS9zY3JlZW5zaG90cy9tSnM0c0hMeXVKLnBuZw" width="400" height="250" referrerpolicy="no-referrer" loading="lazy">
        </div>
        <div style="display: flex; width: 60%; flex-direction: column; text-align: center;">
            <h1 style="font-size: 30px;">Chat Logs</h1>
            <p style="font-size: 18.67px;">Track message <span style="color: #e83e8c;">edits</span>, <span style="color: #e83e8c;">deletes</span>, and <span style="color: #e83e8c;">purges</span> with transcripts (of all messages).</p>
        </div>
    </div>
</div></body></html>

Overseer

Mời

Mời

Vote (0)

Mời

Mời

Vote (0)

Tổng quan

Your go-to Discord moderation bot

Preset Punishments

Evidence Uploading

Reports

Voice Logging

Chat Logs

Đánh giá & Nhận xét