Ayato is made for you to listen to the music to its peak, with its sound quality, many search commands and unique style.

Ayato

</script>

    <style>
        .titleandvote {
            font-weight: 600;
            font-size: 25px;
            color: #7289da;
        }

        .titleandvote .votebutton {
            margin-top: 40px;
            width: 130px;
            align-items: center;
            text-align: center;
            display: inline-block;
        }

        .donate:hover {
            cursor: not-allowed !important;
            background-color: #A9A9A9 !important;
            color: #D3D3D3 !important;
        }

        .mobile-sponsor {
            background-color: #7289da;
            padding: 5px;
            border-radius: 3px;
            margin: 10px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
            font-size: 14px;
            display: none;

        }

        .mobile-sponsor .button-cta-sponsor {
            border-radius: 4px;
            border: 1px solid lightgrey;
            padding: 3px;
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px;
            margin-top: 4px;
            margin-bottom: 0;
            transition: 0.2s;
        }

        .mobile-sponsor .button-cta-sponsor:hover {
            background-color: white;
            color: #624ba8;
        }

        .mobile-sponsor .android {
            margin-left: 2px;
        }

        .mobile-sponsor .apple {
            margin-right: 6px;
        }

        @media only screen and (max-width: 842px) {
            .mobile-sponsor {
                display: block;
            }
        }
    </style>
</head>

<body onload="trackCampaignBotPageImpression('');">

<section class="page" id="bot-details-page">
    <article class="wrapper-page">
        <nav class="is-widescreen is-mobile"
     style="background-color:#black;"
        
     id="menu">


    <script>
      let dismissedAlerts = JSON.parse(localStorage.getItem('dismissedAlerts')) || [];

      const alertBanner = document.querySelector('.alert');
      if (alertBanner && dismissedAlerts.includes(alertBanner.id)) {
        alertBanner.style.display = 'none';
      }

      function dismissAlert() {
        alertBanner.style.display = 'none';
        dismissedAlerts.push(alertBanner.id);
        localStorage.setItem('dismissedAlerts', JSON.stringify(dismissedAlerts));
      }
    </script>

    <input type="checkbox" id="show-menu">
    <a class="mobile-logo" id="mobile-home" href="/"><img
               
                                        </div>
                                    </div>
                                </a>
                            
                        </div>
                    </div>
                </div>
            

            <div class="container is-widescreen">
                <div class="longdescription">
                    
                    <div class="content">
                        
                            <style>
  /*
  :root {
    --text-tertiary: #dedede;
    --text-secondary: #dedede;
    --text-erased: #dedede;
    --text: #dedede;
  }
  
  .comment-header {
    border-color: #7B242F;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
    padding: 3px;
  }
  
  .comment-right-section {
  	border-color: #7B242F;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
    padding: 3px;
  }
  
  .mb-0.comment {
    white-space: pre-line;
  }
  */
  
  .comment-content.comment {
    white-space: pre-line;
  }
  
  b {
  	color: #ff9999;
  }
  
  a {
    color: #ff9999;
  }
  
  .content a:hover {
  	color: #f05668 !important;
  }
  
  .is-widescreen.is-mobile {
  	background-color: #7B242F !important;
  }
  
  .menu.container {
    background-color: #7B242F !important;
  }
  
  html {
	background-image: linear-gradient(to bottom, #7B242F, #a2303e) !important;
  }
  
  #createdby {
	color: white !important;
  }
  
  .btn-like {
	color: white !important;
  }
  
  #bot-details-page #details .container {
	border-top: 0px !important;
  }
  
  .btn-orange {
	background-color: #7B242F !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .column {
	color: white !important;
  }
  
  .atag {
	background-color: #7B242F !important;
	color: white !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .atag:before {
	background: white !important;
  }
  
  .atag:after {
	display: none;
	border-left-color: #7B242F !important;
  }
  
  .bot-btnss a {
	background-color: #7B242F !important;
	color: white;
	border: 1px solid #411219 !important;
	border-radius: 6px !important;
    padding-left: 6px;
    padding-right: 6px;
  }
  
  .lib a {
	color: white !important
  }
  
  code {
	background-color: #7B242F !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .bot-description {
	color: white !important;
  }
  
  .longdescription {
	background-color: #7B242F !important;
	border-radius: 10px;
    padding: .75rem;
  }
  
  .content {
	/* background-color: #a2303e !important; */
	color: white;
  }
  
  .longdescription .content {
    background-color: #a2303e;
    padding: 10px;
  }
  
  .blog_card {
	background-color: #7B242F !important;
	border: 1px solid #49151c !important;
	border-radius: 10px !important;
    color: white !important;
  }
  
  .blog_card .details b {
	color: white !important;
  }
  
  #bot-details-page .btn-like {
	border-color: #49151c !important;
	border-radius: 10px !important;
  }
  
  .description-title {
  	font-size: 18px;
  }
  
  .description-description {
  	margin-left: 20px;
    font-size: 15px;
    display: block;
  }
  
  #widget {
  	position: absolute;
    bottom: 0; 
    right: 0;
    margin-right: 4px;
  }
  
  #title {
  	text-align: center;
    font-size: 20px;
  }
  
  .bot-name {
  	color: white !important;
  }
  
  .shapes-background.shapes-1 {
  	background-image: url('https://cdn.discordapp.com/attachments/423589273120276484/486065803368595457/bg-2.svg') !important;
  }
  
  #upvotebutton img {
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEgNyI+ICAgIDxwYXRoIHN0eWxlPSJmaWxsOiAjZmZmZmZmICFpbXBvcnRhbnQ7IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMC42NzYgNS42MTVMOS41ODQgNi42MzNhLjQxOC40MTggMCAwIDEtLjI5Ni4xMTcuNDE4LjQxOCAwIDAgMS0uMjk2LS4xMTdMNS41IDMuMzU4IDIuMDA4IDYuNjMzYS40MTguNDE4IDAgMCAxLS4yOTYuMTE3LjQxOC40MTggMCAwIDEtLjI5Ni0uMTE3TC4zMjQgNS42MTVhLjM3MS4zNzEgMCAwIDEtLjEyNS0uMjhjMC0uMTEuMDQyLS4yMDMuMTI1LS4yODFsNC44OC00LjU3QS40MTguNDE4IDAgMCAxIDUuNS4zNjZjLjExNCAwIC4yMTMuMDQuMjk2LjExOGw0Ljg4IDQuNTdhLjM3MS4zNzEgMCAwIDEgLjEyNS4yOC4zNzEuMzcxIDAgMCAxLS4xMjUuMjgxeiIvPjwvc3ZnPg==);  
  }
  
  .blog_card:after {
  	background-color: #4e171d !important;
  }
  
  .blog_card:hover:after {
  	background-color: #4e171d !important;
  }
  
  .donate {
  	display: none !important;
  }
  
  .titleandvote .votebutton {
  	width: 200px;
  }
  
  @media only screen and (max-width: 1200px) {
  	.bot-cards {
      display: none;
    }
  }
  
  .container .is-widescreen {
    padding-left: 0px;
    padding-right: 0px;
  }
</style>
<script>
  window.addEventListener("load", (event) => {
    document.querySelectorAll(".comment-content.comment").forEach((element) => element.innerText = element.innerText.trim());
  });
</script>

<style>
  * {box-sizing: border-box}
  body {font-family: Verdana, sans-serif; margin:0}
  .slide {display: none}
  .slide-image {vertical-align: middle;}

  /* Slideshow container */
  .slideshow-container {
	max-width: 665px;
	position: relative;
    border-radius: 10px;
    border-style: solid;
    border-width: 6px;
    border-color: #7B242F;
  }

  /* Next & previous buttons */
  .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
  }

  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
  }

  /* Caption text */
  .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	top: 8px;
	width: 100%;
	text-align: center;
  }

  /* The dots/bullets/indicators */
  .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
  }

  .active, .dot:hover {
	background-color: #717171;
  }

  /* Fading animation */
  .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
  }

  @-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }

  @keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }

  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
	.prev, .next,.text {
      font-size: 11px;
    }
  }
  
  @media only screen and (max-width: 880px) {
  	.slideshow-container {
      margin: auto;
    }
  }
</style>
<p><b><u>Ayato Music is a best music bot.</u></b></p>
<p>
  <b class="description-title">What does that mean?</b><br/>
  <text class="description-description">
 Get rid of rusted music boots and try Ayato </text>
</p>
<p>
  <b class="description-title">Supported sites</b><br/>
  <text class="description-description">
  YouTube<br/>
  YouTube Music<br/>
  Spotify (Up to 100 tracks per playlist)<br/>


<p>
  <b class="description-title">It just works, same prefix, no hassle</b>
  <div class="slideshow-container description-description">
    <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" target="_blank" href="https://cdn.discordapp.com/attachments/761658128826630185/786234099135283230/unknown.png">
  	  <img class="slide-image" style="width:100%;" src="https://cdn.discordapp.com/attachments/761658128826630185/786234099135283230/unknown.png">
    </a>
  </div>
</p>


<script>
  var slideIndex = 1;
  showSlides(slideIndex);

  function plusSlides(n) {
    showSlides(slideIndex += n);
  }
  
  function currentSlide(n) {
    showSlides(slideIndex = n);
  }

  function showSlides(n) {
    var i;
    var slides = document.getElementsByClassName("slide");
    var dots = document.getElementsByClassName("dot");
    if (n > slides.length) {slideIndex = 1}    
    if (n < 1) {slideIndex = slides.length}
    for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";  
    }
    for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex-1].style.display = "block";  
    dots[slideIndex-1].className += " active";
  }
</script>
<p>
  <b class="description-title">Search the song</b><br/>
  <text class="description-description">
 <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" target="_blank" href="https://khold.is-inside.me/K86q8frY.png">
  </text>
  <div class="slideshow-container description-description" style="width: 100%; max-width: intrinsic; max-width: -moz-max-content; max-width: -webkit-max-content;">
    <a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" target="_blank" href="">
      <img style="height: auto; max-height: 530px;" src="https://khold.is-inside.me/K86q8frY.png"/>
    </a>
  </div>
</p>
<p>
  <b class="description-title">Why would I want to have old rusty music bots on my server</b><br/>
  <text class="description-description">
It is a music bot suitable for the new generation, it performs the function of Ayato and old music bots alone.
  </text>
</p>
<p>
  <b class="description-title">The concept is simple</b><br/>
  <text class="description-description">
  One server, one prefix and music
  </text>
</p>
<p>
  <b class="description-title">Our goal</b><br/>
  <text class="description-description">
  Our goal is to give everyone a good and reliable music bot
  </text>
</p>
<p>
  <b class="description-title">How would I go about adding these bots?</b><br/>
  <text class="description-description">
  Simply invite the bot and use the <b>,invite</b> command if you need any more bots
  </text>
</p>

<p>
  <b class="description-title">Still not convinced?</b><br/>
  <text class="description-description">
  Come join our support server and try it out!
  </text>
</p>
<script>
  document.querySelector(".owners > .blog_card_container").parentElement.classList.add("bot-cards");
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163628095-4"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-163628095-4', {
  	alwaysSendReferrer: true
  });
</script>

Baya Güzel Bir Bot Sunucularıniza Ekleyin Derim

<html><head>
</head>
<body><div>
<section class="page" id="bot-details-page">
    <article class="wrapper-page">
        <nav class="is-widescreen is-mobile" style="background-color:#black;">id="menu"&gt;<p></p>
    
    <input type="checkbox" id="show-menu">
    <a class="mobile-logo" id="mobile-home" href="/"><img>
                                    </a></nav></article></section></div><a class="mobile-logo" id="mobile-home" href="/">
                                </a>
                        
                    
                
            <div class="container is-widescreen">
                <div class="longdescription">
                    <div class="content">
                            <style>
  /*
  :root {
    --text-tertiary: #dedede;
    --text-secondary: #dedede;
    --text-erased: #dedede;
    --text: #dedede;
  }
  
  .comment-header {
    border-color: #7B242F;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
    padding: 3px;
  }
  
  .comment-right-section {
  	border-color: #7B242F;
    border-width: 5px;
    border-style: solid;
    border-radius: 10px;
    padding: 3px;
  }
  
  .mb-0.comment {
    white-space: pre-line;
  }
  */
  
  .comment-content.comment {
    white-space: pre-line;
  }
  
  b {
  	color: #ff9999;
  }
  
  a {
    color: #ff9999;
  }
  
  .content a:hover {
  	color: #f05668 !important;
  }
  
  .is-widescreen.is-mobile {
  	background-color: #7B242F !important;
  }
  
  .menu.container {
    background-color: #7B242F !important;
  }
  
  html {
	background-image: linear-gradient(to bottom, #7B242F, #a2303e) !important;
  }
  
  #createdby {
	color: white !important;
  }
  
  .btn-like {
	color: white !important;
  }
  
  #bot-details-page #details .container {
	border-top: 0px !important;
  }
  
  .btn-orange {
	background-color: #7B242F !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .column {
	color: white !important;
  }
  
  .atag {
	background-color: #7B242F !important;
	color: white !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .atag:before {
	background: white !important;
  }
  
  .atag:after {
	display: none;
	border-left-color: #7B242F !important;
  }
  
  .bot-btnss a {
	background-color: #7B242F !important;
	color: white;
	border: 1px solid #411219 !important;
	border-radius: 6px !important;
    padding-left: 6px;
    padding-right: 6px;
  }
  
  .lib a {
	color: white !important
  }
  
  code {
	background-color: #7B242F !important;
	border: 1px solid #411219 !important;
	border-radius: 10px !important;
  }
  
  .bot-description {
	color: white !important;
  }
  
  .longdescription {
	background-color: #7B242F !important;
	border-radius: 10px;
    padding: .75rem;
  }
  
  .content {
	/* background-color: #a2303e !important; */
	color: white;
  }
  
  .longdescription .content {
    background-color: #a2303e;
    padding: 10px;
  }
  
  .blog_card {
	background-color: #7B242F !important;
	border: 1px solid #49151c !important;
	border-radius: 10px !important;
    color: white !important;
  }
  
  .blog_card .details b {
	color: white !important;
  }
  
  #bot-details-page .btn-like {
	border-color: #49151c !important;
	border-radius: 10px !important;
  }
  
  .description-title {
  	font-size: 18px;
  }
  
  .description-description {
  	margin-left: 20px;
    font-size: 15px;
    display: block;
  }
  
  #widget {
  	position: absolute;
    bottom: 0; 
    right: 0;
    margin-right: 4px;
  }
  
  #title {
  	text-align: center;
    font-size: 20px;
  }
  
  .bot-name {
  	color: white !important;
  }
  
  .shapes-background.shapes-1 {
  	background-image: url('https://cdn.discordapp.com/attachments/423589273120276484/486065803368595457/bg-2.svg') !important;
  }
  
  #upvotebutton img {
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEgNyI+ICAgIDxwYXRoIHN0eWxlPSJmaWxsOiAjZmZmZmZmICFpbXBvcnRhbnQ7IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMC42NzYgNS42MTVMOS41ODQgNi42MzNhLjQxOC40MTggMCAwIDEtLjI5Ni4xMTcuNDE4LjQxOCAwIDAgMS0uMjk2LS4xMTdMNS41IDMuMzU4IDIuMDA4IDYuNjMzYS40MTguNDE4IDAgMCAxLS4yOTYuMTE3LjQxOC40MTggMCAwIDEtLjI5Ni0uMTE3TC4zMjQgNS42MTVhLjM3MS4zNzEgMCAwIDEtLjEyNS0uMjhjMC0uMTEuMDQyLS4yMDMuMTI1LS4yODFsNC44OC00LjU3QS40MTguNDE4IDAgMCAxIDUuNS4zNjZjLjExNCAwIC4yMTMuMDQuMjk2LjExOGw0Ljg4IDQuNTdhLjM3MS4zNzEgMCAwIDEgLjEyNS4yOC4zNzEuMzcxIDAgMCAxLS4xMjUuMjgxeiIvPjwvc3ZnPg==);  
  }
  
  .blog_card:after {
  	background-color: #4e171d !important;
  }
  
  .blog_card:hover:after {
  	background-color: #4e171d !important;
  }
  
  .donate {
  	display: none !important;
  }
  
  .titleandvote .votebutton {
  	width: 200px;
  }
  
  @media only screen and (max-width: 1200px) {
  	.bot-cards {
      display: none;
    }
  }
  
  .container .is-widescreen {
    padding-left: 0px;
    padding-right: 0px;
  }
</style>


<style>
  * {box-sizing: border-box}
  body {font-family: Verdana, sans-serif; margin:0}
  .slide {display: none}
  .slide-image {vertical-align: middle;}

  /* Slideshow container */
  .slideshow-container {
	max-width: 665px;
	position: relative;
    border-radius: 10px;
    border-style: solid;
    border-width: 6px;
    border-color: #7B242F;
  }

  /* Next & previous buttons */
  .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
  }

  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
  }

  /* Caption text */
  .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	top: 8px;
	width: 100%;
	text-align: center;
  }

  /* The dots/bullets/indicators */
  .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
  }

  .active, .dot:hover {
	background-color: #717171;
  }

  /* Fading animation */
  .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
  }

  @-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }

  @keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }

  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
	.prev, .next,.text {
      font-size: 11px;
    }
  }
  
  @media only screen and (max-width: 880px) {
  	.slideshow-container {
      margin: auto;
    }
  }
</style>
<p><b><u>Ayato Music is a best music bot.</u></b></p>
<p>
  <b class="description-title">What does that mean?</b><br>
  
</p>
<p>
  <b class="description-title">Supported sites</b><br>
  </p><p>
  <b class="description-title">It just works, same prefix, no hassle</b>
  </p><div class="slideshow-container description-description">
    <a rel="nofollow" href="https://cdn.discordapp.com/attachments/761658128826630185/786234099135283230/unknown.png">
  	  <img class="slide-image" style="width:100%;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9jZG4uZGlzY29yZGFwcC5jb20vYXR0YWNobWVudHMvNzYxNjU4MTI4ODI2NjMwMTg1Lzc4NjIzNDA5OTEzNTI4MzIzMC91bmtub3duLnBuZw" referrerpolicy="no-referrer" loading="lazy">
    </a>
  </div>
<p></p>


<p>
  <b class="description-title">Search the song</b><br>
  <a rel="nofollow" href="https://khold.is-inside.me/K86q8frY.png">
  </a></p><div class="slideshow-container description-description" style="width: 100%; max-width: intrinsic; max-width: -moz-max-content; max-width: -webkit-max-content;"><a rel="nofollow" href="https://khold.is-inside.me/K86q8frY.png">
    </a><a rel="nofollow" href="">
      <img style="height: auto; max-height: 530px;" src="https://external-cdn.top.gg/i/aHR0cHM6Ly9raG9sZC5pcy1pbnNpZGUubWUvSzg2cThmclkucG5n" referrerpolicy="no-referrer" loading="lazy">
    </a>
  </div>
<p></p>
<p>
  <b class="description-title">Why would I want to have old rusty music bots on my server</b><br>
  
</p>
<p>
  <b class="description-title">The concept is simple</b><br>
  
</p>
<p>
  <b class="description-title">Our goal</b><br>
  
</p>
<p>
  <b class="description-title">How would I go about adding these bots?</b><br>
  
</p>
<p>
  <b class="description-title">Still not convinced?</b><br>
  
</p>



<p></p>
</div></div></div></body></html>

Ayato

邀请

邀请

投票 (0)

邀请

邀请

投票 (0)

概览

评分和评论