<div>
    <div class="SionHeader">
        <div class="SionIcon">
            <img class="profilePicture" src="https://cdn.discordapp.com/avatars/681433074944442384/335d97007be5ac0ffbaf08a878c106af.png?size=128" alt="">
        </div>
        <div class="SionTitle">
            <sh1>Sion</sh1>
        </div>
    </div>
    <div class="Indicator"></div>
    <div class="SionBlock">
        <div class="FeatureBox">
            <div class="FeatureBoxTitle">
                <sh2>In-Depth Community Management</sh2>
            </div>
            <div class="FeatureBoxContent">
                <p>
                    Sion gives admins and moderators a whole host of commands to give them extra control over their
                    community. On top of essentials, Sion will allow you to create invites with limited uses on a time
                    restraint, purge messages out of channels, lock down channels for a set duration and much more*!
                </p>
            </div>
        </div>
        <div class="FeatureBox">
            <div class="FeatureBoxTitle">
                <sh2>Music</sh2>
            </div>
            <div class="FeatureBoxContent">
                <p>
                    In for a nice tune? Sion lets you play youtube videos in your voice channels. But that's not all.
                    Sion includes volume control, adding playlists, skipping around in playlists, getting lyrics and
                    search functionality. And most of these can be easily controlled using the reaction buttons at the
                    bottom of the now playing message.
                </p>
            </div>
        </div>
        <div class="FeatureBox">
            <div class="FeatureBoxTitle">
                <sh2>Roleplay</sh2>
            </div>
            <div class="FeatureBoxContent">
                <p>
                    A picture is worth a thousand words, and animated gifs say even more. Sion has many command to
                    express how much you love, hate, or are really not into that one other person b-b-b-baka.
                </p>
            </div>
        </div>
        <div class="FeatureBox">
            <div class="FeatureBoxTitle">
                <sh2>Fun Things!</sh2>
            </div>
            <div class="FeatureBoxContent">
                <p>
                    If nobody's there to keep you company, Sion sure can! Sion can roll dice, flip coins, fetch your
                    profile picture and show you the clown of the month! We're always expanding to make Sion as fun as
                    possible, and many more fun and games are on the way.
                </p>
            </div>
        </div>
        <div class="FeatureBox">
            <div class="FeatureBoxTitle">
                <sh2>Active Support Community</sh2>
            </div>
            <div class="FeatureBoxContent">
                <p>
                    Can't quite get Sion to do what you want them to do? Luckily we're always here to help. And if you
                    enjoy hanging out with us, you're obviously free to stay.
                </p>
            </div>
        </div>
    </div>
</div>
<div class="SionFooter">
    * Administrator and Moderator commands require their appropriate roles to work
</div>

<style>
    .SionHeader {
        display: flex;
        justify-content: center;
        padding: 5px;
        margin-bottom: 10px;
    }

    .SionBlock {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        padding: 5px;
        margin-bottom: 10px;
    }

    .SionIcon {
        align-items: center;
        display: flex;
        flex-basis: 150px;
        justify-content: center;
        margin: 10px;
        max-width: 150px;
        overflow: hidden;
        padding: 10px;
    }

    .SionTitle {
        align-items: center;
        color: var(--dark-blue-header) !important;
        display: flex;
        font-size: 100px !important;
        justify-content: center;
        justify-self: center;
        overflow: hidden;
        margin: 10px;
        margin-bottom: 0 !important;
    }

    .SionFooter {
        color: var(--sidebar-section-header);
        display: flex;
        font-size: 16px;
        font-weight: 50;
        margin-bottom: 10px;
        margin-left: 10px;
        padding: 5px;
    }

    .FeatureBox {
        background-color: var(--background-secondary);
        border-radius: 6px;
        flex: 30%;
        margin: 5px;
        overflow: hidden;
        padding: 10px;
    }

    @media screen and (max-width: 1000px) {
        .SionBlock {
            flex-direction: column;
        }
    }

    .FeatureBoxTitle {
        border-bottom: 2px solid var(--background-tertiary);
        color: var(--text-tertiary) !important;
        justify-self: center;
        font-size: 30px !important;
        margin: 0.4em !important;
    }

    .FeatureBoxContent {
        margin: 10px;
    }

    .profilePicture {
        clip-path: circle(50% at 50% 50%);
    }
</style>

Sion

Sion is here to help! Expansive moderating commands, feature-rich music player and supplier of GIFs, at your service.

Sion Development, In charge of all Sion Assets

Vote cho Sion

Bạn muốn hỗ trợ chúng tôi?