add dc

assets/css/styles.css

@@ -30,6 +30,10 @@ html, body {
     width: 720px;
 }
 
+#queue {
+
+}
+
 #queueTextContainer {
     position: fixed;
     margin-bottom: 50px;
@@ -81,7 +85,7 @@ html, body {
     font-size: 22px;
     text-align: center;
     color: #ffc700;
-    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000;
+    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 10px 10px 2px #0000;
 }
 
 .button {

assets/js/audiohandler.js

@@ -46,16 +46,8 @@ function determineIfDisconnect()
     if(!disconnected)
     {
         var rand = Math.random();
-
-        if(rand > 0.2)
-        {
-            if(rand < 0.75)
-                getPositionInQueue();
-        }
-        else
-        {
-            doDisconnect();
-        }
+        if(rand < 0.75)
+            getPositionInQueue();
     }
 }
 
@@ -72,10 +64,11 @@ function getPositionInQueue()
         number = Math.floor(queuePos - (Math.random() * Math.floor(15)));
         queuePos = number;
 
-        if(queuePos < 1)
+        if(queuePos < 3)
         {
             number = 0;
             queuePos = 0;
+            doDisconnect();
         }
     }
 
@@ -91,8 +84,11 @@ function getEstimatedTime(qPos)
 
 function doDisconnect()
 {
-    // disconnected = true;
-    // console.log("DC'd")
+    hideQueue();
+    showDisconnect();
+    
+    disconnected = true;
+    console.log("DC'd")
 }
 
 function manualChangeExpac()
@@ -178,11 +174,29 @@ function playButtonAudio(index)
 {
     buttonAudio.pause();
     buttonAudio.time = 0;
-    
+
     if(index === 0)
         buttonAudio.src = './assets/audio/ui/button_click.ogg';
     else
         buttonAudio.src = './assets/audio/ui/button_click_big.ogg';
     
     buttonAudio.play();
+}
+
+function hideQueue()
+{
+    var x = document.getElementById("queue");
+    if(x.style.display === "none")
+        x.style.display = "flex";
+    else
+        x.style.display = "none";
+}
+
+function showDisconnect()
+{
+    var x = document.getElementById("disconnectBox");
+    if(x.style.display === "none")
+        x.style.display = "flex";
+    else
+        x.style.display = "none";
 }