web

Numax-cz · Feb 4, 2021 · d908780 · d908780
1 parent 8d7493c
commit d908780
Show file tree

Hide file tree

Showing 8 changed files with 881 additions and 734 deletions.
diff --git a/CSS/game.css b/CSS/game.css
@@ -4,12 +4,11 @@
     margin:0;
     font-family: 'Rubik', sans-serif;
     padding:0;
-
-
+
 }
 
 html, body {
-
+    overflow: hidden;   
     background-color: #242424;
     height:100%;
     width:100%;
@@ -33,4 +32,25 @@ canvas {
 #Key{
     margin-top: -2%;
     font-size: 2rem;
+}
+
+
+#loading{
+    position: absolute;
+    background-color: #2b292a;
+    display: table;
+    z-index: 1;
+    height: 100vh;
+    text-align: center;
+    min-height: 500px;
+    width: 100%;
+}
+#loadingtxt{
+    display: table-cell;
+    vertical-align: middle;
+    padding-top: 130px;
+    font-size: 2rem;
+    text-align: center;
+    color: rgba(255, 255, 255, 0.685);
+    padding-bottom: 100px;
 }
diff --git a/CSS/pocasi.css b/CSS/pocasi.css
@@ -8,8 +8,11 @@
 body{
     background: url('../Img/10.jpg');
     background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-position: center;
     background-size: cover;
 
+
 }
 #blok{
     width: 100%;
@@ -24,31 +27,79 @@ body{
     margin-top: 7%;
     border-radius: 7px;
     padding: 7px;
-    background-color: rgba(255, 255, 255, 0.788);
+    background-color: #2b292a;
     display: none;
-
-
 }
 .vyhledavacibox{
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 50px 10px 10px;
+
 }
 .vyhledavacibox input{
     width: 100%;
-    max-width: 30%;
+    max-width: 40%;
     font-size: 1.2rem;
     padding: 10px 20px;
     border: none;
     outline: none;
-    background-color: rgba(255, 255, 255, 0.288);
+    color: rgba(255, 255, 255, 0.247);
+    background-color: #2b292a
 }
 ::placeholder{
-    color: rgba(0, 0, 0, 0.255);
+    color: rgba(255, 255, 255, 0.247);
 }
 
 
+
+
+
+
+
+
+
+
+#vyhledavacipole{
+    width: 100%;
+    max-width: 24%;
+    color: rgba(255, 255, 255, 0.616);
+    list-style: none;
+    padding: 8px;
+    background-color: #2b292a;
+    border-radius: 3px;
+    display: none;
+    position: absolute;
+    user-select: none;
+    left: 38%;
+}
+#vyhledavacipole li{
+    padding: 8px;
+    cursor: pointer;
+}
+#vyhledavacipole li:hover{
+    background-color: rgba(255, 255, 255, 0.247);
+    border-radius: 3px;
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 .ClassVysledky{
     width: 100%;
     max-width: 60%;
@@ -59,11 +110,10 @@ body{
     text-align: center;
     color: white;
 }
-
 #NazveMesta{
     font-size: 1.5rem;
+    color: rgba(255, 255, 255, 0.534);
 
-    color: rgba(177, 175, 175, 0.699);
 }
 
 #HlavniTeplota{
@@ -82,7 +132,7 @@ body{
     color: white;
     font-size: 2rem;
     text-align: center;
-    z-index: 1;
+    z-index: -1;
     height: 100vh;
     min-height: 500px;
     width: 100%;
@@ -100,24 +150,23 @@ body{
 
 
 
-
-
 /* Druhej blok */
 
 .BlokDalsi2,
 .Hlavni2Blok{
     font-size: 1.9rem;
-    color: rgba(0, 0, 0, 0.705);
+    color: rgba(255, 255, 255, 0.705);
     width: 100%;
     max-width: 50%;
+
 }
 .BlokDalsi2 div,
 .Hlavni2Blok div{
     padding: 2px;
 }
 .BlokDalsi2  span,
 .Hlavni2Blok span{
-    color: rgba(37, 37, 37, 0.582);
+    color: rgba(255, 255, 255, 0.247);
 
 }
 
@@ -130,4 +179,5 @@ body{
 #img{
     height: 16%;
     width: 16%;
+    user-select: none;
 }
diff --git a/JS/Game/Game.js b/JS/Game/Game.js
@@ -201,7 +201,15 @@ function GameMode(){
 }
 
 window.onload = function(){ //Když se načtou vše potřebné
-    window.requestAnimationFrame(GameMode); //Start Funkce GameMode()
+    if(navigator.userAgent.toLowerCase().match(/mobile/i)) { //Detekce mobilního zařízení
+        document.getElementById('loadingtxt').innerHTML = 'Omlouváme se ale, vaše zařízení není podporované :(' 
+        document.getElementById('loadingtxt').style.fontSize = '2rem'
+        document.getElementById('loading').style.display = 'table'
+    } else { //Když zařízení není mobil
+        document.getElementById('loading').style.display = 'none'
+        window.requestAnimationFrame(GameMode); //Start Funkce GameMode()
+    }
+
 }