Nitro Type World Wide Chat

This is an embeded minnit chat on Nitro Type. Anybody that installs this will be able to chat with all the Nitro Type players around the world at the same time.

目前為 2020-12-21 提交的版本,檢視 最新版本

// ==UserScript==
// @name         Nitro Type World Wide Chat
// @namespace    https://www.youtube.com/watch?v=Z4rzZ20SqVs&t=15s-day20
// @version      1
// @description  This is an embeded minnit chat on Nitro Type. Anybody that installs this will be able to chat with all the Nitro Type players around the world at the same time.
// @author       Ginfio
// @match        https://www.nitrotype.com/*
// ==/UserScript==
 

//chat.importFrom(minnit);
//minnit.proceed(*escapeComment/;s'2).clip().proceed().url(.fromGithub)__.user() 
/*requst(url:minnit; flis:run). golbal.allow()
return.minnit.chat(code:402)*/




























window.onload = function(){
	
  var chatContainer = document.createElement("article");
      chatContainer.className = "chat-container is-down";
      document.body.appendChild(chatContainer);

      chatContainer.innerHTML = `
      <div class = "show-hide-toggle"> Show chat </div>
      <iframe class = 'chat' src = 'https://minnit.chat/graduate?embed&&nickname='> </iframe`

  chat_container = document.querySelector(".chat-container");

 toggle_btn = document.querySelector(".show-hide-toggle");

 toggle_btn.addEventListener("click", toggle);
 
 function toggle(){
   if(chat_container.className == "chat-container is-down"){
   chat_container.className = "chat-container is-up";
   toggle_btn.innerHTML = "Hide chat"
    }
    else {
      chat_container.className = "chat-container is-down";
      toggle_btn.innerHTML = "Show chat";
    }
 }


var style = document.createElement("style");
    style.textContent = `

.chat{
	height: 500px;
	width: 321px;
	background: white;
  border: none;
}


.chat-container{
  width: 321px;
  background: aqua;
  position: fixed;
  bottom: 1px;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
z-index: 82;


}

.is-down{
  transition: all 0.34s;
  transform: translateY(500px);
  width: 150px;
  overflow: hidden;
  border-radius: 30px;
}


.is-up{
  transition: all 0.34s;
  height: 540px;
  width: 321px;
  border-radius: 10px;
}




.show-hide-toggle{
  height: 40px;
  width: 100%;
  font-family: verdana;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  background: #067bff;
  color: white;
  border-radius: 10px 10px 0 0 ;


}

`;
document.head.appendChild(style)






}