diff --git a/assets/audio/BurningCrusade.ogg b/assets/audio/BurningCrusade.ogg new file mode 100644 index 0000000..9a0817c Binary files /dev/null and b/assets/audio/BurningCrusade.ogg differ diff --git a/assets/css/styles.css b/assets/css/styles.css index 3aec058..1e7f512 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -22,11 +22,8 @@ html, body { #background { background-color: #000; position: fixed; - right: 0; - bottom: 0; min-width: 100%; min-height: 100%; - transform: translateX(calc((100% - 100vw) / 2)); z-index: -1; } @@ -167,6 +164,15 @@ html, body { z-index: 2; } +.fullScreen +{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; +} + .foreground { z-index: 1; } diff --git a/assets/img/bg/BurningCrusade.webm b/assets/img/bg/BurningCrusade.webm new file mode 100644 index 0000000..ef19dae Binary files /dev/null and b/assets/img/bg/BurningCrusade.webm differ diff --git a/assets/img/bg/BurningCrusade.webm.xmp b/assets/img/bg/BurningCrusade.webm.xmp new file mode 100644 index 0000000..8ce730c --- /dev/null +++ b/assets/img/bg/BurningCrusade.webm.xmp @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/ui/logos/BurningCrusade.png b/assets/img/ui/logos/BurningCrusade.png new file mode 100644 index 0000000..3b6523d Binary files /dev/null and b/assets/img/ui/logos/BurningCrusade.png differ diff --git a/assets/js/audiohandler.js b/assets/js/audiohandler.js index ebe15c6..7553391 100644 --- a/assets/js/audiohandler.js +++ b/assets/js/audiohandler.js @@ -1,16 +1,19 @@ var expansion = 8; var audioSelect = { 'Vanilla' : './assets/audio/Vanilla.ogg', + 'BurningCrusade' : './assets/audio/BurningCrusade.ogg', 'BattleForAzeroth' : './assets/audio/BattleForAzeroth.ogg', 'Shadowlands' : './assets/audio/Shadowlands.ogg' } var videoSelect = { 'Vanilla' : './assets/img/bg/Vanilla.webm', + 'BurningCrusade' : './assets/img/bg/BurningCrusade.webm', 'BattleForAzeroth' : './assets/img/bg/BattleForAzeroth.webm', 'Shadowlands' : './assets/img/bg/Shadowlands.webm' } var logoSelect = { 'Vanilla' : './assets/img/ui/logos/Vanilla.png', + 'BurningCrusade' : './assets/img/ui/logos/BurningCrusade.png', 'BattleForAzeroth' : './assets/img/ui/logos/BattleForAzeroth.png', 'Shadowlands' : './assets/img/ui/logos/Shadowlands.png', } @@ -26,10 +29,7 @@ function init() window.addEventListener('click', waitForInteractionToPlayAudio); getPositionInQueue(); - setInterval( ()=> - { - determineIfDisconnect(); - }, 5000); + setInterval(determineIfDisconnect, 8000); } function waitForInteractionToPlayAudio() @@ -89,7 +89,7 @@ function doDisconnect() { hideQueue(); showDisconnect(); - + playButtonAudio(1); disconnected = true; console.log("DC'd") } @@ -135,8 +135,12 @@ function switchExpansion() case 1: console.log('Burning Crusade'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.BurningCrusade; + bg.setAttribute('src', videoSelect.BurningCrusade); + logo.style.background = `url(${logoSelect.BurningCrusade})`; + version.innerHTML = 'Version 2.4.3 (8606) (Release)'; + date.innerHTML = 'Jul 10 2008'; + copyright.innerHTML = 'Copyright 2004-2008 Blizzard Entertainment. All Right Reserved.'; break; case 2: diff --git a/index.html b/index.html index 0822a2d..6ede7a2 100644 --- a/index.html +++ b/index.html @@ -54,9 +54,13 @@

Oct 13 2020

- +
+
+ +
+