diff options
| author | Patrick Schönberger | 2018-12-11 21:40:25 +0100 |
|---|---|---|
| committer | Patrick Schönberger | 2018-12-11 21:40:25 +0100 |
| commit | 853f585acf864128571b4c01946d54aa0cba39c5 (patch) | |
| tree | 8fb241ea802ea18cd1cce1264c4b5e52ccd53c49 | |
| parent | c714fc5d53069a25203ee09916e40dfbcb6f547b (diff) | |
| download | lolstats-853f585acf864128571b4c01946d54aa0cba39c5.tar.gz lolstats-853f585acf864128571b4c01946d54aa0cba39c5.zip | |
changes
| -rw-r--r-- | html/index.html | 1 | ||||
| -rw-r--r-- | html/script.js | 64 | ||||
| -rw-r--r-- | html/style.css | 15 |
3 files changed, 13 insertions, 67 deletions
diff --git a/html/index.html b/html/index.html index 060f124..d35e28f 100644 --- a/html/index.html +++ b/html/index.html @@ -12,6 +12,7 @@ <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body style=""> + <div id="background"></div> <div id="app"> <!-- Start Screen --> diff --git a/html/script.js b/html/script.js index 88f12a4..25f1565 100644 --- a/html/script.js +++ b/html/script.js @@ -14,62 +14,6 @@ function getMatches() { return [ {champ: "Xerath", lane: "Middle"}, {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, - {champ: "Quinn", lane: "Bottom"}, ]; } function getInfo() { @@ -118,14 +62,14 @@ function changeView(view) { if (oldView == "start") { if (view == "history") { slideStartUp(); - $("#matchhistory").show("slide", { direction: "down" }, 300); + $("#matchhistory").show("blind", { direction: "down" }, 300); } else if (view == "stats") { slideStartUp(); - $("#stats").show("slide", { direction: "down" }, 300); + $("#stats").show("blind", { direction: "down" }, 300); } } else if (oldView == "history") { if (view == "start") { - $("#matchhistory").hide("slide", { direction: "down" }, 300); + $("#matchhistory").hide("blind", { direction: "down" }, 300); slideStartDown(); } else if (view == "stats") { $("#stats").show("blind", { direction: "right" }); @@ -133,7 +77,7 @@ function changeView(view) { } } else if (oldView == "stats") { if (view == "start") { - $("#stats").hide("slide", { direction: "down" }, 300); + $("#stats").hide("blind", { direction: "down" }, 300); slideStartDown(); } else if (view == "history") { $("#matchhistory").show("blind", { direction: "left" }); diff --git a/html/style.css b/html/style.css index a410d3f..b012d22 100644 --- a/html/style.css +++ b/html/style.css @@ -1,14 +1,15 @@ body { font-family: 'Noto Sans SC', sans-serif; font-weight: bold; - background-color: black; - width: 100%; - height: 100%; padding: 0px; margin: 0px; +} +#background { + position: fixed; + width: 100%; + height: 100%; background-color: rgb(200, 50, 50); box-shadow: 0 0 400px rgba(0, 0, 0, 0.6) inset; - overflow: hidden; } input, select, button { font-size:inherit; @@ -144,9 +145,9 @@ button { #matchhistory, #stats { position: absolute; width: calc(100% - 20px); - height: calc(100% - 90px - 10px); - left: 10px; - top: 90px; + min-height: calc(100% - 90px - 10px); + margin: 10px; + top: 80px; background-color: white; border-radius: 5px; text-align: center; |