diff --git a/assets/audio/Cataclysm.ogg b/assets/audio/Cataclysm.ogg new file mode 100644 index 0000000..901b086 Binary files /dev/null and b/assets/audio/Cataclysm.ogg differ diff --git a/assets/audio/Legion.ogg b/assets/audio/Legion.ogg new file mode 100644 index 0000000..babbb17 Binary files /dev/null and b/assets/audio/Legion.ogg differ diff --git a/assets/audio/MistsOfPandaria.ogg b/assets/audio/MistsOfPandaria.ogg new file mode 100644 index 0000000..03247fc Binary files /dev/null and b/assets/audio/MistsOfPandaria.ogg differ diff --git a/assets/audio/WarlordsOfDraenor.ogg b/assets/audio/WarlordsOfDraenor.ogg new file mode 100644 index 0000000..a44e9ff Binary files /dev/null and b/assets/audio/WarlordsOfDraenor.ogg differ diff --git a/assets/audio/WrathOfTheLichKing.ogg b/assets/audio/WrathOfTheLichKing.ogg new file mode 100644 index 0000000..2166f61 Binary files /dev/null and b/assets/audio/WrathOfTheLichKing.ogg differ diff --git a/assets/css/styles.css b/assets/css/styles.css index 2cefe5d..89b5210 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -6,8 +6,8 @@ html, body { } @font-face{ - font-family: 'FRITZQUAD'; - src: url('../fonts/FRIZQUAD.TTF'); + font-family: 'FRIZQT'; + src: url('../fonts/FRIZQT__.ttf'); } .noSelect { @@ -31,6 +31,7 @@ html, body { bottom: 10px; right: 10px; position: absolute; + z-index: 2; } #queueBox { @@ -67,7 +68,7 @@ html, body { } #copyrightText { - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 15px; text-align: left; color: #ffc700; @@ -76,7 +77,7 @@ html, body { #buildDate { position: fixed; - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 15px; text-align: left; color: #ffc700; @@ -88,7 +89,7 @@ html, body { #buildVersion { position: fixed; - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 15px; text-align: left; color: #ffc700; @@ -99,7 +100,7 @@ html, body { } .queueText { - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 22px; text-align: center; color: #ffc700; @@ -107,7 +108,7 @@ html, body { } .button { - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 23px; text-align: center; color: #ffc700; @@ -125,7 +126,7 @@ html, body { } .button:hover { - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; 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; @@ -134,7 +135,7 @@ html, body { } .button:active { - font-family: 'FRITZQUAD'; + font-family: 'FRIZQT'; font-size: 22px; text-align: center; color: #ffffff; diff --git a/assets/fonts/FRIZQT__.ttf b/assets/fonts/FRIZQT__.ttf new file mode 100644 index 0000000..06b09ad Binary files /dev/null and b/assets/fonts/FRIZQT__.ttf differ diff --git a/assets/fonts/FRIZQUAD.TTF b/assets/fonts/FRIZQUAD.TTF deleted file mode 100644 index c581cba..0000000 Binary files a/assets/fonts/FRIZQUAD.TTF and /dev/null differ diff --git a/assets/img/bg/Cataclysm.webm b/assets/img/bg/Cataclysm.webm new file mode 100644 index 0000000..b26c587 Binary files /dev/null and b/assets/img/bg/Cataclysm.webm differ diff --git a/assets/img/bg/Cataclysm.webm.xmp b/assets/img/bg/Cataclysm.webm.xmp new file mode 100644 index 0000000..03d1aa2 --- /dev/null +++ b/assets/img/bg/Cataclysm.webm.xmp @@ -0,0 +1,191 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/bg/Legion.webm b/assets/img/bg/Legion.webm new file mode 100644 index 0000000..a0ac19c Binary files /dev/null and b/assets/img/bg/Legion.webm differ diff --git a/assets/img/bg/Legion.webm.xmp b/assets/img/bg/Legion.webm.xmp new file mode 100644 index 0000000..6ad1985 --- /dev/null +++ b/assets/img/bg/Legion.webm.xmp @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/bg/MistsOfPandaria.webm b/assets/img/bg/MistsOfPandaria.webm new file mode 100644 index 0000000..ded1c63 Binary files /dev/null and b/assets/img/bg/MistsOfPandaria.webm differ diff --git a/assets/img/bg/MistsOfPandaria.webm.xmp b/assets/img/bg/MistsOfPandaria.webm.xmp new file mode 100644 index 0000000..191187b --- /dev/null +++ b/assets/img/bg/MistsOfPandaria.webm.xmp @@ -0,0 +1,209 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/bg/WarlordsOfDraenor.webm b/assets/img/bg/WarlordsOfDraenor.webm new file mode 100644 index 0000000..3fa18ab Binary files /dev/null and b/assets/img/bg/WarlordsOfDraenor.webm differ diff --git a/assets/img/bg/WarlordsOfDraenor.webm.xmp b/assets/img/bg/WarlordsOfDraenor.webm.xmp new file mode 100644 index 0000000..2f922e1 --- /dev/null +++ b/assets/img/bg/WarlordsOfDraenor.webm.xmp @@ -0,0 +1,151 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/bg/WrathOfTheLichKing.webm b/assets/img/bg/WrathOfTheLichKing.webm new file mode 100644 index 0000000..54d4c89 Binary files /dev/null and b/assets/img/bg/WrathOfTheLichKing.webm differ diff --git a/assets/img/bg/WrathOfTheLickKing.webm.xmp b/assets/img/bg/WrathOfTheLickKing.webm.xmp new file mode 100644 index 0000000..9d415ab --- /dev/null +++ b/assets/img/bg/WrathOfTheLickKing.webm.xmp @@ -0,0 +1,165 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/img/ui/logos/Cataclysm.png b/assets/img/ui/logos/Cataclysm.png new file mode 100644 index 0000000..94aecfe Binary files /dev/null and b/assets/img/ui/logos/Cataclysm.png differ diff --git a/assets/img/ui/logos/Legion.png b/assets/img/ui/logos/Legion.png new file mode 100644 index 0000000..8813b38 Binary files /dev/null and b/assets/img/ui/logos/Legion.png differ diff --git a/assets/img/ui/logos/MistsOfPandaria.png b/assets/img/ui/logos/MistsOfPandaria.png new file mode 100644 index 0000000..3fe4cb5 Binary files /dev/null and b/assets/img/ui/logos/MistsOfPandaria.png differ diff --git a/assets/img/ui/logos/WarlordsOfDraenor.png b/assets/img/ui/logos/WarlordsOfDraenor.png new file mode 100644 index 0000000..801b1f1 Binary files /dev/null and b/assets/img/ui/logos/WarlordsOfDraenor.png differ diff --git a/assets/img/ui/logos/WrathOfTheLichKing.png b/assets/img/ui/logos/WrathOfTheLichKing.png new file mode 100644 index 0000000..5131e5e Binary files /dev/null and b/assets/img/ui/logos/WrathOfTheLichKing.png differ diff --git a/assets/js/audiohandler.js b/assets/js/audiohandler.js index 7553391..a33c1ef 100644 --- a/assets/js/audiohandler.js +++ b/assets/js/audiohandler.js @@ -2,18 +2,33 @@ var expansion = 8; var audioSelect = { 'Vanilla' : './assets/audio/Vanilla.ogg', 'BurningCrusade' : './assets/audio/BurningCrusade.ogg', + 'WrathOfTheLichKing' : './assets/audio/WrathOfTheLichKing.ogg', + 'Cataclysm' : './assets/audio/Cataclysm.ogg', + 'MistsOfPandaria' : './assets/audio/MistsOfPandaria.ogg', + 'WarlordsOfDraenor' : './assets/audio/WarlordsOfDraenor.ogg', + 'Legion' : './assets/audio/Legion.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', + 'WrathOfTheLichKing' : './assets/img/bg/WrathOfTheLichKing.webm', + 'Cataclysm' : './assets/img/bg/Cataclysm.webm', + 'MistsOfPandaria' : './assets/img/bg/MistsOfPandaria.webm', + 'WarlordsOfDraenor' : './assets/img/bg/WarlordsOfDraenor.webm', + 'Legion' : './assets/img/bg/Legion.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', + 'WrathOfTheLichKing' : './assets/img/ui/logos/WrathOfTheLichKing.png', + 'Cataclysm' : './assets/img/ui/logos/Cataclysm.png', + 'MistsOfPandaria' : './assets/img/ui/logos/MistsOfPandaria.png', + 'WarlordsOfDraenor' : './assets/img/ui/logos/WarlordsOfDraenor.png', + 'Legion' : './assets/img/ui/logos/Legion.png', 'BattleForAzeroth' : './assets/img/ui/logos/BattleForAzeroth.png', 'Shadowlands' : './assets/img/ui/logos/Shadowlands.png', } @@ -101,6 +116,8 @@ function manualChangeExpac() if(expansion > 8) expansion = 0; + var bg = document.getElementById('background'); + bg.muted = false; switchExpansion(); } @@ -120,6 +137,7 @@ function switchExpansion() var version = document.getElementById('buildVersion'); var date = document.getElementById('buildDate'); var copyright = document.getElementById('copyrightText'); + audio.pause(); switch(expansion) { @@ -145,32 +163,52 @@ function switchExpansion() case 2: console.log('Wrath of the Lich King'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.WrathOfTheLichKing; + bg.setAttribute('src', videoSelect.WrathOfTheLichKing); + logo.style.background = `url(${logoSelect.WrathOfTheLichKing})`; + version.innerHTML = 'Version 3.3.5 (12340) (Release)'; + date.innerHTML = 'Jun 24 2010'; + copyright.innerHTML = 'Copyright 2004-2010 Blizzard Entertainment. All Right Reserved.'; break; case 3: console.log('Cataclysm'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.Cataclysm; + bg.setAttribute('src', videoSelect.Cataclysm); + logo.style.background = `url(${logoSelect.Cataclysm})`; + version.innerHTML = 'Version 4.3.4 (15595) (Release x86)'; + date.innerHTML = 'Feb 9 2011'; + copyright.innerHTML = 'Copyright 2004-2011 Blizzard Entertainment. All Right Reserved.'; break; case 4: console.log('Mists of Pandaria'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.MistsOfPandaria; + bg.setAttribute('src', videoSelect.MistsOfPandaria); + logo.style.background = `url(${logoSelect.MistsOfPandaria})`; + version.innerHTML = 'Version 5.4.8 (18414) (Release x86)'; + date.innerHTML = 'Jun 13 2014'; + copyright.innerHTML = 'Copyright 2004-2014 Blizzard Entertainment. All Right Reserved.'; break; case 5: console.log('Warlords of Draenor'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.WarlordsOfDraenor; + bg.setAttribute('src', videoSelect.WarlordsOfDraenor); + logo.style.background = `url(${logoSelect.WarlordsOfDraenor})`; + version.innerHTML = 'Version 6.2.0 (20173) (Release x64)'; + date.innerHTML = 'Jun 20 2015'; + copyright.innerHTML = 'Copyright 2004-2015 Blizzard Entertainment. All Right Reserved.'; break; case 6: console.log('Legion'); - expansion = 7; - switchExpansion(); + audio.src = audioSelect.Legion; + bg.setAttribute('src', videoSelect.Legion); + logo.style.background = `url(${logoSelect.Legion})`; + version.innerHTML = 'Version 7.3.5 (26365) (Release x64)'; + date.innerHTML = 'Apr 3 2018'; + copyright.innerHTML = 'Copyright 2004-2018 Blizzard Entertainment. All Right Reserved.'; break; case 7: diff --git a/index.html b/index.html index 6ede7a2..ad077b1 100644 --- a/index.html +++ b/index.html @@ -56,7 +56,7 @@
-