A new discord bot made especially for fun, music, and moderation

Troy

A really cool and full bot. I love the design and everything.

<html><head><style>
    * {
        --top-gg-colors-text-100: #fff;
        --top-gg-colors-bg2: #191a22;
        --sec-col: #aba8b5;
        border-color: #aba8b50a;
        ;
        scrollbar-color: #262731 #191a22;
        scrollbar-width: thin;
        color: white;
    }

    .css-krwhli,
    .css-ex2vru,
    .css-j4g2vn,
    .css-1ldm29y,
    /* Footer */
    .css-2qyx8u,
    .css-eqlxeo,
    .css-7eaqla,
    .css-xks0p1 {
        color: var(--sec-col);
    }

    .css-1w6z3vp,
    .css-12i7rr {
        color: white;
    }

    /* Seach */
    .css-175f08z {
        background: rgb(25, 26, 34) none repeat scroll 0% 0%;
    }

    .css-1cpgmz5:hover,
    .css-1cpgmz5[data-hover],
    .css-1m3gwhd:hover,
    .css-1m3gwhd[data-hover] {
        background: #21222b;
    }

    .chakra-stack.css-iqiv3e>div:first-of-type {
        background-color: #262731 !important;
    }

    /*.css-ay5wn[style*="opacity: 1; transform: none;"]*/
    .css-1tdut6d,
    /*.css-ay5wn[style*="opacity: 1; transform: none;"]*/
    .css-1tdut6d::placeholder {
        color: white !important;
    }

    /* Edit box */
    .css-1y6qkmx,
    .css-4relws {
        background: #262731;
    }

    .css-gawqlw {
        color: var(--sec-col);
        border-bottom-color: inherit;
    }

    /*  */
    .css-mewo4z {
        color: var(--sec-col);
        opacity: 0.4;
    }

    .css-z76buu::placeholder {
        color: white;
    }

    .css-zvltnx {
        width: var(--top-gg-sizes-full);
        border-radius: var(--top-gg-radii-md);
        cursor: text;
        transition-duration: var(--top-gg-transition-duration-fast);
        background: #1f2029;
        color: white;
    }

    ::-webkit-scrollbar {
        width: 7px
    }

    ::-webkit-scrollbar-thumb {
        background: #262731;
        border-radius: 5px;
    }

    ::-webkit-scrollbar-track {
        background: #191a22;
    }

    .content pre {
        scrollbar-color: #21222c #2e2f3c;
        border-radius: 4px;
    }

    .content pre::-webkit-scrollbar-track {
        background: #2e2f3c;
    }

    .content pre::-webkit-scrollbar-thumb {
        background: #21222c;
    }

    @keyframes float {
        0% {
            -webkit-transform: translatey(0px);
            transform: translatey(0px);
        }

        50% {
            -webkit-transform: translatey(-20px);
            transform: translatey(-20px);
        }

        100% {
            -webkit-transform: translatey(0px);
            transform: translatey(0px);
        }
    }

    @keyframes fromTop {
        from {
            opacity: 0;
            transform: translateY(-60px);
        }
    }

    @keyframes col-an {
        from {
            opacity: 0;
            transform: translateX(-100px);
        }
    }

    @keyframes col2-an {
        from {
            opacity: 0;
            transform: translateX(100px);
        }
    }

    .blog_card,
    pre {
        background: #2e2f3c;
    }

    #bot-details-page {
        background-color: #21222c;
    }

    #bot-details-page #details .container .columns {
        animation: col-an .8s cubic-bezier(.58, -.11, .54, 1.29);
    }

    #details~div.container {
        animation: col2-an .8s cubic-bezier(.58, -.11, .54, 1.29);
    }

    #menu {
        background: #15161c;
        background: #181920;
        animation: fromTop .8s cubic-bezier(.58, -.11, .54, 1.29);
    }

    message.is-info .message-body,
    .message.is-danger .message-body {
        background-color: #252631;
    }

    .message.is-info .message-body {
        border-color: #44f297;
        color: #44f297 !important;
        background-color: #252631;
    }

    .message.is-info .message-body {
        border-color: #44f297;
        color: #44f297 !important;
    }

    body {
        color: white;
        background: #191a22 !important;
    }

    svg[class^="StyleProvider__BackgroundGradient"] {
        display: none;
    }

    #show-menu:checked~.menu {
        background: #181920;
    }

    #menu .menu ul li a:hover,
    #menu .menu ul li span:hover {
        border-radius: 3px;
    }

    .bot-btnss>a {
        color: #e8572a !important;
        color: white;
        padding-left: 30px !important;
    }

    #report {
        color: white;
    }

    #report::before {
        content: "";
        position: absolute;
        background: url(https://i.ibb.co/nPm3JsT/icons.png) no-repeat -787px -1030px;
        width: 214px;
        height: 214px;
        transform: translate(-120px, -94.5px) scale(.075);
    }

    .bot-btnss>#github::before {
        content: "";
        position: absolute;
        background: url(https://i.ibb.co/nPm3JsT/icons.png) no-repeat -51px -477px;
        width: 217px;
        height: 217px;
        transform: translate(-123px, -96px) scale(.075);
    }

    .bot-btnss>#edit::before {
        content: "";
        position: absolute;
        background: url(https://i.ibb.co/nPm3JsT/icons.png) no-repeat -95px -1052px;
        width: 176px;
        height: 176px;
        transform: translate(-102px, -76px) scale(.075) !important;
        opacity: .85;
    }

    #report:hover {
        background-color: unset;
    }

    #report:hover {
        background-color: unset;
        color: #e34912 !important;
    }

    #report:hover::before {
        filter: invert(65%) sepia(89%) saturate(2320%) hue-rotate(356deg) brightness(99%) contrast(93%);
    }

    .botpagebutton:hover {
        background-color: inherit;
    }

    .bot-btnss>#github:hover {
        color: #abadd9 !important;
    }

    .bot-btnss>#github:hover::before {
        filter: invert(23%) sepia(5%) saturate(1177%) hue-rotate(199deg) brightness(88%) contrast(92%);
    }

    .titleandvote {
        text-align: unset;
    }

    code {
        color: #9398e6 !important;
    }

    .atag {
        background-color: #44465b56;
    }

    .atag::after {
        border-left-color: #44465b56;
    }

    .atag:hover {
        background-color: #44465b92;
    }

    .atag:hover::after {
        border-left-color: #44465b92;
    }

    #menu {
        background: linear-gradient(to left, #3c61e8, #6e3ce8);
        background: #23232d;
        background: linear-gradient(to right, #23232d, #20202b)
    }

    .entity-hint {
        display: none;
    }

    .horizontal-separator {
        background: linear-gradient(to left, #191a22, #292a3a, #191a22);
    }

    .entity-content__description {
        background: #1f2029;
        border-radius: 5px;
        border: none;
        box-shadow: -10px 10px 10px 5px #0000000d;
    }

    .content pre {
        background: #262731;
        border-radius: 5px;
        border: none;
        box-shadow: -10px 10px 10px 5px #0000000d;
    }

    .entity-header__button-icon {
        background: #383544;
    }

    .entity-header__button-text {
        background: #262731;
    }

    .entity-button {
        background: #262731;
        border: none;
        border-radius: 3px;
    }

    .entity-button,
    .entity-table__cell {
        background: #262731;
    }

    .entity-header__button {
        border: none;
    }

    .list-item::before {
        content: "-";
        padding: 0 10px 0 0;
        opacity: .5;
    }

    .small-desc {
        background: #262731;
        border-radius: 5px;
        border: none;
        box-shadow: -10px 10px 10px 5px #0000000d;
        padding: 20px 20px;
        margin-bottom: 15px;
    }

    .pill {
        background: #383544;
    }

    .entity-header__button:hover .pill {
        background: #2d2b38;
    }

    .entity-header__button:hover .entity-header__button-text {
        background: #383544;
    }

    .more-text {
        opacity: .7;
    }

    .list-item~.list-item,
    .more-text {
        padding: 3px 0 0 0;
    }

    .entity-header__button-text,
    .entity-header__button:hover,
    .entity-button.entity-sidebar__button,
    .entity-sidebar__overview .entity-table>.entity-table__cell {
        color: #aba8b5 !important;
    }

    .entity-sidebar .entity-owner {
        background: #262731;
        border: none;
        box-shadow: -10px 10px 10px 5px #0000000d;
        border-radius: 3px;
    }

    .entity-sidebar__team .entity-sidebar__controls>a:first-of-type {
        display: none;
    }

    [class*="entity-button"],
    .entity-table {
        box-shadow: -10px 10px 10px 5px #0000000b;
    }

    a.entity-sidebar__link[href="https://github.com/Glitchii"] {
        width: 95px;
        height: 20px;
        overflow: hidden;
    }

    .entity-button:hover {
        background: #383544;
    }

    .entity-sidebar .entity-tag {
        background: #262731;
    }

    .desc0 {
        display: none;
    }

    @media screen and (max-width: 505px) {
        .small-desc {
            display: none;
        }

        .desc0 {
            display: block;
        }

        .entity-content__description>.content>*:not(.desc0) {
            opacity: .8;
        }
    }

    code,
    .pill,
    .entity-tag>a {
        color: #aba8b5 !important;
    }

    .win {
        position: fixed;
        background: #1f202900;
        border-radius: 5px;
        border: none;
        box-shadow: -10px 10px 10px 5px #0000000d;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        pointer-events: none;
    }

    .win>* {
        pointer-events: all;
    }

    @keyframes winInnerComeInAn {

        0%,
        50% {
            left: -100%;
            opacity: 0;
        }
    }

    .win .toggleBtn {
        background: #363444;
        padding: 10px;
        position: absolute;
        right: 2%;
        left: 1%;
        border-radius: 100%;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 10;
        margin-top: 50px;
        width: 40px;
        height: 40px;
        animation: winInnerComeInAn 2s ease;
        transition: 1s ease;
    }

    .win .toggleBtn svg {
        transition: .5s ease;
        transform: translate(1.5px, 0px);
        transform: translate(2px, -21px);
    }

    .win .winInner:hover {
        background: #272833;
    }

    .win .winInner {
        position: absolute;
        background: #1f2029;
        border-radius: 5px;
        border: none;
        width: 100%;
        left: -95%;
        height: 80%;
        top: 50%;
        transform: translateY(-50%);
        overflow: hidden;
        margin: 50px 0;
        animation: winInnerComeInAn 2s ease;
        transition: .5s ease;
    }

    .win .winInner iframe {
        height: 100%;
        width: inherit;
        transition: 1.5s;
        top: 0;
        position: absolute;
    }

    .win>* {
        pointer-events: all;
    }

    #toggleWin {
        display: none;
    }

    input#toggleWin:checked~.winInner {
        margin: 0;
        left: 0;
        transform: none;
        top: 80px;
        height: 100%;
    }

    input#toggleWin:not(:checked)~.winInner iframe {
        opacity: 0;
        pointer-events: none;
    }

    .winToggle:hover~.winInner {
        box-shadow: 0px 0px 10px 2px #1e1d251f;
    }

    input#toggleWin:checked~.winToggle .toggleBtn {
        left: 7px;
        width: 30px;
        height: 30px;
        box-shadow: 0px 0px 10px 2px #1e1d251f;
    }

    input#toggleWin:checked~.winToggle .toggleBtn svg {
        width: 15px;
        height: auto;
        transform: translate(-2px, -21px) rotate(180deg) !important;
    }

    @media screen and (max-width: 1490px) {
        .entity-content {
            margin: var(--entity-page-content-padding) 5px auto auto;
        }
    }

    @media screen and (max-width: 1430px) {
        .entity-content {
            margin: var(--entity-page-content-padding) auto auto auto;
        }

        .win {
            display: none;
        }
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(181, 181, 181, 0.4)
        }

        70% {
            box-shadow: 0 0 0 20px rgba(181, 181, 181, 0)
        }

        100% {
            box-shadow: 0 0 0 20px rgba(181, 181, 181, 0)
        }
    }

    @keyframes shortPulse {
        0% {
            box-shadow: 0 0 0 0 rgb(101, 96, 119, .4)
        }

        70% {
            box-shadow: 0 0 0 10px rgb(101, 96, 119, 0)
        }

        100% {
            box-shadow: 0 0 0 10px rgb(101, 96, 119, 0)
        }
    }

    .entity-button--primary.entity-header__button:first-of-type:hover {
        animation: shortPulse 2s ease;
    }

    .entity-header__info * {
        color: white !important;
    }

    [class*="StarRating__"] {
        fill: rgb(185, 161, 247);
        stroke: rgb(185, 161, 247);
        fill: rgb(71, 244, 153);
        stroke: rgb(71, 244, 153);
    }

    .content,
    .content h3,
    .content h4,
    .content h5,
    .content h6,
    .content p,
    .content td {
        color: #aba8b5 !important;
    }

    .small-desc {
        color: #f1f1f1 !important;
    }

    .entity-table__cell {
        border-top: 1px solid #ffffff1a;
    }

    .entity-sidebar .entity-tag,
    .user-information {
        color: #aba8b5 !important;
    }

    .entity-header__actions .hoverable:hover {
        background: #383544;
    }

    body,
    .content h1,
    h2,
    .content h3,
    .content h4 {
        color: #fff !important;
    }

    .reviews__action .current-score {
        color: #ffffffa8 !important;
    }

    .reviews__wrapper * {
        color: #fff !important;
    }

    [class*="ReviewBase__Buttons"] {
        opacity: .5 !important;
    }

    [class*="ReviewBase__Buttons"] [class*="ReviewBase__Button"] {
        background: rgba(var(--contrast-dark), 0.05);
        border: 1px solid rgb(var(--border-subtle-dark));
    }

    .content ul {
        padding: 20px 20px;
        padding-bottom: 1em;
        white-space: inherit;
    }

    .content ul li {
        white-space: inherit;
    }

    .small-desc+p {
        padding-left: 1em !important;
    }

    .css-18r9pyf p {
        font-size: inherit;
        margin-bottom: inherit;
    }

    [class*="base_"] .chakra-stack .chakra-link[href$="/invite"] {
        background: #343442;
        color: white;
    }

    .footer-links-holder>ul *,
    .footer-links-holder [class*="base_"] span[type="small"] {
        /* background: #49445b; */
        color: white;
    }

    .footer-links-holder>ul * {
        color: #ffffffa3 !important;
    }

    [class*="ReviewBase__Buttons"] button.active[class*="ReviewButton__ReviewActionButton"] {
        color: rgb(60, 61, 74) !important;
        background: rgb(60, 61, 74) none repeat scroll 0% 0%;
    }

    .desc0 {
        padding: 15px 10px 15px 15px;
        /* background: #191a22; */
        color: white;
    }

    [data-theme="dark"] #show-menu:checked~.menu {
        background: var(--background);
        background: #191a22;
        background: #20202b;
        background: #23232d;
        background: #21212c;
    }

    [class*="base__StyledText"] {
        color: rgb(var(--text-dark)) !important;
    }

    [class*="ReviewButton__ReviewActionButton"] {
        background: rgba(var(--contrast-dark), 0.05);
        border: 1px solid rgb(var(--border-subtle-dark));
    }

    /* 2 */
    .modal-content {
        background: #191a22 !important;
    }

    hr.chakra-divider {
        opacity: 1;
        background: #292a00;
        height: 1px;
        border: none;
        background: #262731;
    }
</style>
</head><body><p class="desc0">A highly customisable bot with tons of great and fun features</p>
<div class="small-desc">
    <div class="list-item">It has a customisable prefix, custom commands, custom welcomer, and custom goodbyemessage.
    </div>
    <div class="list-item">It a lot of fun commands (still in beta, so more coming)</div>
    <div class="list-item">Has little fun games like hangman, guessing game, rock paper scissors etc..</div>
    <div class="list-item">Has nice looking help menu and a cool web dashboard. That also counts :)</div>
    <div class="list-item">Has the popular mod commands like ban, kick, mute, unban etc.</div>
    <div class="more-text">And more features just to mention a few.</div>
</div>
<p>Top 15 commands from the bot's fun category</p>
<ul>
    <li>
        <p>gender </p>
    </li>
    <li>
        <p>screenshot &lt;@person&gt; </p>
    </li>
    <li>
        <p>fight &lt;@person&gt; </p>
    </li>
    <li>
        <p>embed [Json]</p>
    </li>
    <li>
        <p>reverse &lt;text/image&gt;</p>
    </li>
    <li>
        <p>hack &lt;@person&gt;</p>
    </li>
    <li>
        <p>shorten/unshorten </p>
    </li>
    <li>
        <p>translate/tr &lt;text&gt;</p>
    </li>
    <li>
        <p>weather </p>
    </li>
    <li>
        <p>joke</p>
    </li>
    <li>
        <p>funfact</p>
    </li>
    <li>
        <p>log [limit]</p>
    </li>
    <li>
        <p>ask </p>
    </li>
    <li>
        <p>meme</p>
    </li>
    <li>
        <p>regional &lt;text&gt;</p>
        <p><em>Not all commands mentioned, just 15. Invite the bot to check out the rest</em></p>
    </li>
</ul>
<div class="win">
    <input name="toggleWin" id="toggleWin" type="checkbox" autocomplete="off">
    <label class="winToggle" for="toggleWin">
        <div class="toggleBtn">
            <svg xml:space="preserve" version="1.1" viewBox="0 0 512 512" height="100%" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
                <g transform="matrix(5.34255e-17,-0.872505,0.872505,5.34255e-17,-52.819,479.069)">
                    <g id="menu">
                        <path style="fill: white; fill-rule: nonzero;" d="M0,426.667L512,426.667L512,369.778L0,369.778L0,426.667ZM0,284.444L512,284.444L512,227.556L0,227.556L0,284.444ZM0,85.333L0,142.222L512,142.222L512,85.333L0,85.333Z">
                        </path>
                    </g>
                </g>
                <g transform="matrix(2.26984e-17,-0.370693,0.370693,2.26984e-17,439.094,255.43)">
                    <g transform="matrix(1,0,0,1,-256,-256)">
                        <clipPath id="_clip1">
                            <rect height="512" width="512" y="0" x="0"></rect>
                        </clipPath>
                        <g clip-path="url(#_clip1)">
                            <g>
                                <g>
                                    <g>
                                        <path style="fill: white; fill-rule: nonzero;" d="M0,128L256,384L512,128L0,128Z"></path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </svg>
        </div>
    </label>
    <div class="winInner">
        <iframe height="100%" width="100%" src="//troybot.xyz/commands" sandbox="allow-scripts"></iframe>
    </div>
</div></body></html>

Troy

Inviter

Inviter

Voter (0)

Inviter

Inviter

Voter (0)

Vue d'ensemble

Évaluations et Avis