]> gitweb.ps.run Git - lolstats/commitdiff
projects / lolstats / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: c714fc5)
changes
authorPatrick Schönberger <patrick.schoenberger@posteo.de>
Tue, 11 Dec 2018 20:40:25 +0000 (21:40 +0100)
committerPatrick Schönberger <patrick.schoenberger@posteo.de>
Tue, 11 Dec 2018 20:40:25 +0000 (21:40 +0100)
html/index.html patch | blob | history
html/script.js patch | blob | history
html/style.css patch | blob | history

diff --git a/html/index.html b/html/index.html
index 060f1241d4a1256e3994e53d5903627b50d6a9c7..d35e28fd37052fcf0368bd3725ed0020b2757e89 100644 (file)
--- 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 88f12a4e4312d604fd8e9f5e0a39c9d8a1484855..25f1565c26f2f69cc3f5805cd2cc4c7f0054bfae 100644 (file)
--- 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 a410d3f761dd3b2c65c2623ad3c7653e9245f7fd..b012d2216b44758541fa141e5ded86b5bbb8027f 100644 (file)
--- 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;  
Test using express, lowdb and Vue to create a stats site using Riot Games' API (no longer working)