<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">

        
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Otomanopee+One&display=swap" rel="stylesheet">

        <style>
            html{
                background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url('https://i.imgur.com/4S3dGyR.jpeg');
                -webkit-background-size: cover;
                -moz-background-size:  cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                background-attachment: fixed;
            }

            @viewport{
                zoom: 1.0;
                width: extended-to-zoom;
            }

            #kotak:hover{
                animation: animasi-gelap;
                animation-duration: 0.2s;
                animation-fill-mode: both;
            }

            @keyframes animasi-gelap{
                to {
                    transform: translate(0, 3px);
                    box-shadow: black 0px 1px 0px;
                }
            }

            body{
                font-family: 'Comic Neue', cursive;
                font-weight: bold;

                min-height: 400px;
            }

            h1,h2,h3,h4,h5,h6{
                font-family: 'Otomanopee One', sans-serif;
            }

            .kotak-utama, .kotak-dua, .kotak-tiga, .kotak-empat, .kotak-lima{
                border: solid white 5px;
                border-radius: 7px;
                text-align: center;
                box-shadow: black 0px 4px 5px;
                background-color: #8279ff;
                margin: auto;
                color: white;
                padding-left: 30px; padding-right: 30px;
            }
            .kotak-dua{
                text-align: left;
                background-color: #363942;
                /* height: 390px; */
            }
            .kotak-tiga{
                text-align: left;
                background-color: #7e0e26;
            }
            .kotak-empat{
                background-color: #849b01;
            }
            .kotak-lima{
                background-color: #363942;
            }

            .foto-hyperlink:hover{
                animation: animasi-bayangan;
                animation-duration: 0.2s;
                animation-fill-mode: both;
            }

            @keyframes animasi-bayangan{
                to {
                    opacity: 50%;
                }
            }

            hr{
                border-top: white dotted 1px;
            }

            #tombol-server:hover{
                animation: animasi-menghitam;
                animation-duration: 0.2s;
                animation-fill-mode: both;
            }
            @keyframes animasi-menghitam{
                to {background-color: #323a8b;}
            }
        </style>
    </head>
    <body>
        <div class="kotak-utama" id="kotak">
            <h1 id="header-atas">Robin Discord Bot</h1>
            <hr>
            <p>Robin Discord Bot adalah bot Discord berbahasa Indonesia dengan segudang fitur yang bisa mempermudah kamu saat sedang menggunakan Discord!
            <br>
            <br>
            Dengan lebih dari seratus command dan empat kategori, bot ini menyediakan banyak fitur.
            </p>
        </div>
        <br>
        <div class="kotak-dua" id="kotak" style="text-align: center;">
            <h2 style="text-align: left;">Galeri</h2>
            <hr>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865081665193508874/Screenshot_20210715-102836_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865081665193508874/Screenshot_20210715-102836_Discord.jpg" width="30%"></a>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865081060677255178/Screenshot_20210715-101622_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865081060677255178/Screenshot_20210715-101622_Discord.jpg" width="30%"></a>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865127897094160404/Screenshot_20210715-150908_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865129051940978718/Screenshot_20210715-151350_Discord.jpg" width="30%"></a>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865127897094160404/Screenshot_20210715-150908_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865127897094160404/Screenshot_20210715-150908_Discord.jpg" width="30%"></a>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865127897094160404/Screenshot_20210715-150908_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865129051709374484/Screenshot_20210715-151326_Discord.jpg" width="30%"></a>
            <a class="foto-hyperlink" href="https://cdn.discordapp.com/attachments/863959650448703538/865128577191641098/Screenshot_20210715-151145_Discord.jpg" target="_blank"><img src="https://cdn.discordapp.com/attachments/863959650448703538/865128577191641098/Screenshot_20210715-151145_Discord.jpg" width="30%"></a>
        </div>
        <br>
        <div class="kotak-tiga" id="kotak">
            <h2 style="text-align: right;">Fitur-Fitur</h2>
            <hr>
            <h3>🔨 Moderasi</h3>
            <p>Dilengkapi fitur moderasi, bot ini dapat membantu admin dan pada moderator sekalian untuk dapat dengan mudah melakukan moderasi, seperti mengeluarkan member yang nakal, membuat/menghapus/memberikan/mencabut role, membuat channel baru, mengatur slowmode, dan masih banyak lagi.</p>
            <br>
            <div style="text-align: right;">
                <h3>Fun 😁</h3>
                <p>Bot ini juga dilengkapi sejumlah command <i>fun</i> yang dapat digunakan untuk bersenang-senang dan untuk sebagai hiburan, bahkan bisa dipakai buat ngejahilin temen kamu! :v</p>
            </div>
            <br>
            <div style="text-align: left;">
                <h3>🎮 Minigame</h3>
                <p>Bot ini memiliki tiga minigame yang bisa kamu mainkan, antara lain: tebak angka, tebak karakter, dan yang paling eksklusif dan tidak terdapat di bot lain*: tebak Surah Al-Quran (Juz 30)!</p>
            </div>
            <br>
            <div style="text-align: right;">
                <h3>Musik 🎵</h3>
                <p>Bot ini juga dapat memutarkan Audio dari YouTube dengan kualitas suara yang <i>nice</i>. Dengan kontrolnya yang lumayan lengkap dan <ins>volume yang dapat diatur sesuka hatimu!</ins>
                <br><small>Catatan: fitur musik pada bot ini mungkin agak <i>nge-bug.</i></small></p>
            </div>
            <br>
            <div>
                <h3>👀 Interaksi</h3>
                <p>Dengan fitur interaksi, kamu bisa menampar teman kamu, memukul, memeluk, dan masih banyak lagi!</p>
            </div>
            <br>
            <div style="text-align: right;">
                <h3>Gambar 🌍</h3>
                <p>Bot ini menyediakan banyak sekali command gambar hingga 51 command! Command-command tersebut dapat kamu gunakan untuk membuat gambar maupun memanipulasi gambar teman kamu (khususnya foto profil)!</p>
            </div>
            <br>
            <div>
                <h3>🚗 Manipulasi Gambar</h3>
                <p>Menyediakan fitur manipulasi gambar dengan 5 command yang dapat digunakan untuk mengedit fotomu, seperti mengubah warna, kontras, ukuran foto, memutar gambar, dll.</p>
            </div>
            <br>
            <div style="text-align: right;">
                <h3>Utilitas 🔧</h3>
                <p>Dengan fitur utilitas, kamu bisa mencari video YouTube, kata dalam KBBI, memperbesar foto profil temanmu, mencari info warna, melihat info di Wikipedia, dan masih banyak lagi! Dengan ini, kamu tidak perlu repot-repot buka browser dan mencarinya secara manual.</p>
            </div>
            <br>
            <div>
                <h3>🟥 Discord Together</h3>
                <p>Yang satu ini merupakan fitur bawaan Discord dengan mengandalkan bot untuk memfungsikannya. Dengan Discord Together, kamu bisa nobar YouTube langsung dari Discord bersama teman, dan masih banyak lagi!
                <small><br>Catatan: fitur ini masih beta dan belum tersedia untuk platform mobile.</small></p>
            </div>
            <br>
            <p style="text-align: center;">Untuk melihat daftar semua command yang ada pada bot ini, eksekusi perintah 'r!help'</p>
        </div>
        <br><br>
        <div class="kotak-lima" id="kotak">
            <h2>Dukungan dan Masalah</h2>
            <hr>
            <p>Jika kamu mendapati kendala, bug, masalah, lapor bug, saran, atau hal-hal ganjal lainnya dalam menggunakan bot ini, silahkan gabung server Robin no Teien untuk menyampaikan itu semua.</p>
            <br>
            <img style="margin: auto; width: 20%; border-radius: 100%;" src="https://cdn.discordapp.com/avatars/805876219647361053/07fddff3ef71467ccac6c8e7db40532a.png?size=4096">
            <br><span style="font-size: 35px;">🌸 Robin no Teien</span><br><br>
            <a href="https://discord.gg/rZqsvrMdwR" target="_blank">
                <button id="tombol-server" type="button"style="background-color: #5865f2;
                                            font-family: 'Comic Neue', cursive;
                                            font-weight: bold;
                                            color: white;
                                            padding: 10px 15px;
                                            border-radius: 5px;
                                            font-size: 14px;
                                            border: none;
                                            cursor: pointer;">
                    Gabung
                </button>
            </a>
            <br><br>
        </div>
    </body>
</html>

Nico Robin

A multifunction Indonesian Discord bot, such as moderation, fun, etc. | Bot Discord Indonesia yang multifungsi, bisa buat moderasi, fun, dll

Nico Robin oy veriliyor

Bize destek olmak istiyor musun?