new: fullscreen mode when 'F' key is pressed. karbassi#8

Closes karbassi#8.

Author: karbassi

assets/css/style.css

@@ -8,6 +8,8 @@ body {
 body {
     display: flex;
 
+    margin: 0;
+
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -24,7 +26,7 @@ body {
 
 #bgfill {
     position: absolute;
-    z-index: -1;
+    z-index: 1;
     bottom: 0;
     left: 0;
 
@@ -35,26 +37,34 @@ body {
 }
 
 #timer {
+    z-index: 2;
+
     display: none;
     flex-direction: row;
 
     font-size: 10vw;
 }
 
 #time {
+    z-index: 2;
+
     display: none;
     flex-direction: row;
 
     font-size: 10vw;
 }
 
 #tutorial {
+    z-index: 2;
+
     display: flex;
 
     font-size: 9vmin;
 }
 
 #done {
+    z-index: 2;
+
     display: none;
 
     font-size: 10vmin;

assets/js/screenfull.min.js

@@ -365,6 +365,13 @@ function onKeyPressed(event) {
 	}
 
 	// 46 = DELETE
+
+	// 70 = F
+	if (event.keyCode === 70) {
+		if (screenfull.enabled) {
+			screenfull.toggle();
+		}
+	}
 }
 
 window.addEventListener('keydown', onKeyPressed);

assets/js/timer.js

@@ -28,6 +28,7 @@
         <source src="assets/audio/beep.mp3" type="audio/mp3">
     </audio>
 
+    <script src="assets/js/screenfull.min.js"></script>
     <script src="assets/js/timer.js"></script>
 </body>
 </html>