Added join-link for iframes

server/public/assets/css/style.css

@@ -517,6 +517,17 @@ li.disabled span {
     padding-right: 1px;
 }
 
+.addedJoinBox {
+    position: absolute;
+    bottom: 50px;
+    z-index: 99;
+    left: 0px;
+    text-align: left;
+    background: #2d2d2d;
+    padding: 20px;
+    color: white;
+}
+
 #closePlayer{
     position: fixed;
     top: 7px;
@@ -2991,6 +3002,10 @@ nav ul li:hover, nav ul li.active {
         display: none !important;
     }
 
+    .addedJoinBox {
+        display: none;
+    }
+
     #playbar{
         display:block;
         position: fixed;

server/public/assets/js/channel.js

@@ -3,6 +3,7 @@ var Channel = {
         if(window.location.hash == "#small" || inIframe()) {
             small_player = true;
             document.querySelector("footer").style.display = "none";
+            addJoinBox();
         }
         if(client) {
             Helper.addClass(".tabs", "hide");

server/public/assets/js/functions.js

@@ -1235,6 +1235,10 @@ function before_toast(){
     M.Toast.dismissAll();
 }
 
+function addJoinBox() {
+    document.querySelector("#video-container").insertAdjacentHTML("beforeend", '<a href="https://zoff.me" target="_blank"><div class="addedJoinBox">Listen directly on https://zoff.me</div></a>');
+}
+
 function scrollChat() {
     var current = document.querySelector(".chatTabs .active").getAttribute("href");
     if(current == "#channelchat") {