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.75)
-        if(rand > 0.2)
+            getPositionInQueue();
-        {
-            if(rand < 0.75)
-                getPositionInQueue();
-        }
-        else
-        {
-            doDisconnect();
-        }
     }
 }
 
@@ -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;
+    hideQueue();
-    // console.log("DC'd")
+    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";
 }

index.html

@@ -13,11 +13,11 @@
         
         <!--QUIT BUTTON-->
         <div id="quitButtonContainer" class="foreground">
-            <button class="button" onclick="location.href='https://www.wowaholics.org/'; playButtonAudio(0);" > Quit </button>
+            <button class="button" onclick="location.href='http://www.wowaholics.org/'; playButtonAudio(0);" > Quit </button>
         </div>
         
         <!--QUEUE BOX-->
-        <div class="centered">
+        <div class="centered" id="queue">
             <img src="assets/img/ui/queuebox.png" id="queueBox">
             
             <div id="queueTextContainer">
@@ -26,7 +26,19 @@
                 <p class="queueText" id="queueTime">Estimated time: 999 min</p>
             </div>
             
-            <button class="button" id="realmListButton" onclick="playButtonAudio(0);"> Change Realm </button>
+            <button class="button" id="realmListButton" onclick="playButtonAudio(0); doDisconnect();"> Change Realm </button>
+        </div>
+
+        <!--DISCONNECT MESSAGE-->
+        <div class="centered" id="disconnectBox" style="display: none;">
+            <img src="assets/img/ui/queuebox.png" id="queueBox">
+            
+            <div id="queueTextContainer">
+                <p class="queueText">You have been disconnected from the server.</p>
+                <p class="queueText">(WOW51900319)</p>
+            </div>
+            
+            <button class="button" id="realmListButton" onclick="playButtonAudio(1);"> Okay </button>
         </div>
         
         <!--COPYRIGHT TEXT-->