commit c76b19c85966c8e71f56dd6ba00bb95a801c5e95 Author: Xiexe Date: Fri Oct 2 18:31:10 2020 -0400 first commit diff --git a/assets/audio/Shadowlands.ogg b/assets/audio/Shadowlands.ogg new file mode 100644 index 0000000..9d0a686 Binary files /dev/null and b/assets/audio/Shadowlands.ogg differ diff --git a/assets/css/styles.css b/assets/css/styles.css new file mode 100644 index 0000000..6f1e328 --- /dev/null +++ b/assets/css/styles.css @@ -0,0 +1,153 @@ +html, body { + margin: 0; + height: 100%; + overflow: hidden; +} + +@font-face{ + font-family: 'FRITZQUAD'; + src: url('../fonts/FRIZQUAD.TTF'); +} + +#background { + position: fixed; + right: 0; + bottom: 0; + min-width: 100%; + min-height: 100%; + transform: translateX(calc((100% - 100vw) / 2)); + z-index: -1; +} + +#logo { + z-index: 1; + top: 20px; + left: 20px; + position: absolute; +} + +#quitButtonContainer { + bottom: 10px; + right: 10px; + position: absolute; +} + +#queueBox { + position: fixed; + width: 720px; +} + +#queueTextContainer { + position: fixed; + margin-bottom: 50px; + background-color: transparent; + width: 650px; + height: 110px; + line-height: 70%; + z-index: 2; +} + +#realmListButton{ + margin-top: 120px; +} + +#copyrightText { + font-family: 'FRITZQUAD'; + font-size: 15px; + text-align: left; + color: #ffc700; + text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000; +} + +#buildDate { + position: fixed; + font-family: 'FRITZQUAD'; + font-size: 15px; + text-align: left; + color: #ffc700; + text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000; + + bottom: -8px; + left: 10px; +} + +#buildVersion { + position: fixed; + font-family: 'FRITZQUAD'; + font-size: 15px; + text-align: left; + color: #ffc700; + text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000; + + bottom: 10px; + left: 10px; +} + +.queueText { + font-family: 'FRITZQUAD'; + 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; +} + +.button { + font-family: 'FRITZQUAD'; + font-size: 23px; + text-align: center; + color: #ffc700; + text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000; + + background: url('../img/ui/buttons/button_idle.png') no-repeat top; + width: 270px; + height: 71px; + border: none; + outline: none; + display: inline-block; + transform: scale(0.8); + z-index: 2; +} + +.button:hover { + font-family: 'FRITZQUAD'; + text-align: center; + color: #ffffff; + text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000; + + background: url('../img/ui/buttons/button_hover.png') no-repeat top; +} + +.button:active { + font-family: 'FRITZQUAD'; + font-size: 22px; + text-align: center; + color: #ffffff; + text-shadow: 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000, 0 0 8px #000; + + background: url('../img/ui/buttons/button_pressed.png') no-repeat top; +} + +.centered { + min-height: 100vh; + display:flex; + flex-direction: column; + justify-content:center; + align-items:center; +} + +.fullWidth +{ + display: flex; + align-items:center; + justify-content:center; + position: fixed; + bottom: 0px; + left: 0px; + width: 100%; + height: 40px; + z-index: 2; +} + +.foreground { + z-index: 1; +} \ No newline at end of file diff --git a/assets/fonts/FRIZQUAD.TTF b/assets/fonts/FRIZQUAD.TTF new file mode 100644 index 0000000..c581cba Binary files /dev/null and b/assets/fonts/FRIZQUAD.TTF differ diff --git a/assets/img/bg/Shadowlands.webm b/assets/img/bg/Shadowlands.webm new file mode 100644 index 0000000..4d12d90 Binary files /dev/null and b/assets/img/bg/Shadowlands.webm differ diff --git a/assets/img/ui/buttons/button_hover.png b/assets/img/ui/buttons/button_hover.png new file mode 100644 index 0000000..856420b Binary files /dev/null and b/assets/img/ui/buttons/button_hover.png differ diff --git a/assets/img/ui/buttons/button_idle.png b/assets/img/ui/buttons/button_idle.png new file mode 100644 index 0000000..4bef5b3 Binary files /dev/null and b/assets/img/ui/buttons/button_idle.png differ diff --git a/assets/img/ui/buttons/button_pressed.png b/assets/img/ui/buttons/button_pressed.png new file mode 100644 index 0000000..1e8fdb2 Binary files /dev/null and b/assets/img/ui/buttons/button_pressed.png differ diff --git a/assets/img/ui/logos/Shadowlands.png b/assets/img/ui/logos/Shadowlands.png new file mode 100644 index 0000000..5f9590f Binary files /dev/null and b/assets/img/ui/logos/Shadowlands.png differ diff --git a/assets/img/ui/queuebox.png b/assets/img/ui/queuebox.png new file mode 100644 index 0000000..b9d35d4 Binary files /dev/null and b/assets/img/ui/queuebox.png differ diff --git a/assets/js/audiohandler.js b/assets/js/audiohandler.js new file mode 100644 index 0000000..cd4418d --- /dev/null +++ b/assets/js/audiohandler.js @@ -0,0 +1,83 @@ +var bgSelection = 0; +var audioSelect = { + 'Shadowlands' : './assets/audio/Shadowlands.ogg' +} +var audio; +var audioInitialPlayback = false; +var queuePos = null; +var disconnected = false; + +function init() +{ + audio = new Audio(audioSelect.Shadowlands); + window.addEventListener('click', waitForInteractionToPlayAudio); + + getPositionInQueue(); + setInterval( ()=> + { + determineIfDisconnect(); + }, 5000); +} + +function waitForInteractionToPlayAudio() +{ + if(!audioInitialPlayback) + { + audio.play(); + audioInitialPlayback = true; + } +} + +function determineIfDisconnect() +{ + if(!disconnected) + { + var rand = Math.random(); + + if(rand > 0.2) + { + if(rand < 0.75) + getPositionInQueue(); + } + else + { + doDisconnect(); + } + } +} + +function getPositionInQueue() +{ + var number; + if(queuePos === null) + { + number = Math.floor(Math.random() * Math.floor(10000)); + queuePos = number; + } + else + { + number = Math.floor(queuePos - (Math.random() * Math.floor(15))); + queuePos = number; + + if(queuePos < 1) + { + number = 0; + queuePos = 0; + } + } + + document.getElementById('queuePosition').innerHTML = 'Position in Queue: ' + number; + getEstimatedTime(number) +} + +function getEstimatedTime(qPos) +{ + var time = Math.floor(Math.floor(qPos*2*3*2 + ((qPos*2*3*3) - (qPos*2*3*2)) * Math.random()) * 0.01); + document.getElementById('queueTime').innerHTML = 'Estimated time: ' + time + ' min'; +} + +function doDisconnect() +{ + // disconnected = true; + // console.log("DC'd") +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1c7193f --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + Another Dumb Meme + + + + + + + + + +
+ +
+ + +
+ + +
+

Realm is Full

+

Position in Queue: 0000

+

Estimated time: 999 min

+
+ + +
+ + +
+

Copyright 2004-2020 Blizzard Entertainment. All Right Reserved.

+
+ + +

Version 9.0.1 (35944) (Release x64)

+ + +

Oct 13 2020

+ + + + + + \ No newline at end of file