change bakhground img

ayoubmamouni · Nov 26, 2021 · b8aa5cc · b8aa5cc
1 parent baa59b6
commit b8aa5cc
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/public/images/site-pics/img.jpg b/public/images/site-pics/img.jpg
diff --git a/public/images/site-pics/marrakech.jpg b/public/images/site-pics/marrakech.jpg
diff --git a/public/styles/css/style.css b/public/styles/css/style.css
diff --git a/public/styles/css/style.css.map b/public/styles/css/style.css.map
diff --git a/public/styles/sass/page/_play.scss b/public/styles/sass/page/_play.scss
@@ -8,6 +8,10 @@ body {
   overflow: hidden;
   user-select: none;
 }
+body:-webkit-full-screen {
+  width: 100%;
+  height: 100%;
+}
 
 .clicks-couner-card {
   @extend %flexbox;
@@ -79,7 +83,7 @@ body {
   position: absolute;
   width: 100%;
   height: 100%;
-  background-image: url(../../../images/site-pics/img.jpg);
+  background-image: url(../../../images/site-pics/marrakech.jpg);
   background-size: cover;
   background-repeat: no-repeat;
 }

diff --git a/views/play.ejs b/views/play.ejs
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" id="player3">
 
 <head>
     <%- include('./partials/__head.ejs') %>
@@ -12,7 +12,7 @@
     </script>
 </head>
 
-<body>
+<body onload="goFullscreen('player');">
 
     <div class="clicks-couner-card">
         <div class="user-click-counter">
@@ -130,7 +130,14 @@
         })
 
 
-        document.documentElement.requestFullscreen()
+        function goFullscreen() {
+            var element = document.getElementById("player3");
+            if (element.mozRequestFullScreen) {
+                element.mozRequestFullScreen();
+            } else if (element.webkitRequestFullScreen) {
+                element.webkitRequestFullScreen();
+            }
+        }
     </script>
 </body>