From: Patrick Schönberger Date: Sat, 24 Nov 2018 19:08:45 +0000 (+0100) Subject: Background changed X-Git-Url: https://gitweb.ps.run/lolstats/commitdiff_plain/03797acb781ad41158dedeae18c390420363301f Background changed --- diff --git a/index.html b/index.html index 4543974..0280138 100644 --- a/index.html +++ b/index.html @@ -2,19 +2,20 @@ - hello + lol stats - + -
-
+ }"> + --> +
diff --git a/script.js b/script.js index 96ea448..c343633 100644 --- a/script.js +++ b/script.js @@ -10,19 +10,28 @@ let redSkins = [ function randomElement(array) { return array[Math.floor(Math.random() * array.length)]; } +let champ1 = "http://ddragon.leagueoflegends.com/cdn/img/champion/loading/" + randomElement(redSkins) + ".jpg"; +let champ2 = "http://ddragon.leagueoflegends.com/cdn/img/champion/splash/" + randomElement(redSkins) + ".jpg"; +let ionia1 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Fmttargon-eternal-winter-of-the-mountaintop.jpg"; +let ionia2 = "https://am-a.akamaihd.net/image?f=https%3A%2F%2Funiverse-meeps.leagueoflegends.com%2Fv1%2Fassets%2Fimages%2Ffactions%2Fmount-targon_splash.jpg"; function getType() { + return window.innerWidth < window.innerHeight; return (typeof window.orientation !== 'undefined'); } var bg = new Vue({ el: '#background', data: { - image: "http://ddragon.leagueoflegends.com/cdn/img/champion/" + (getType() ? "loading/" : "splash/") + randomElement(redSkins) + ".jpg", - mobile: getType(), + image: ionia1, } }); +function onResize() { + if (getType()) bg.image = ionia1; + else bg.image = ionia2; +} + var start = new Vue({ el: '#start', data: {