From d232a44923b8449c8d9bc3423ead17ff12924a22 Mon Sep 17 00:00:00 2001
From: chris <hearmewhisper@gmail.com>
Date: Wed, 29 Dec 2021 19:37:49 -0500
Subject: [PATCH] fullscreen HTG

---
 MTG/index.html |  3 +++
 MTG/script.js  | 30 ++++++++++++++++++++++++++++++
 MTG/style.css  | 12 +++++++++++-
 3 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/MTG/index.html b/MTG/index.html
index a9b1f4d..047f8bd 100644
--- a/MTG/index.html
+++ b/MTG/index.html
@@ -24,6 +24,9 @@
         <div id="nav_menu">
    </div>    
    </nav>
+   <div id="full" onclick="fullscreen()">
+    <i class="fas fa-expand"></i>
+   </div>
    <script src="/menu/menu.js"></script>
     <main>
         <div id="player1" class="player">
diff --git a/MTG/script.js b/MTG/script.js
index a7d414f..e13ac38 100644
--- a/MTG/script.js
+++ b/MTG/script.js
@@ -118,3 +118,33 @@ localStorage.setItem('playerCount', playerCount);
 
 }
 
+function fullscreen() {
+  var elem = document.documentElement;
+
+  if (elem.requestFullscreen) {
+      elem.requestFullscreen();
+  } else if (elem.mozRequestFullScreen) {
+      /* Firefox */
+      elem.mozRequestFullScreen();
+  } else if (elem.webkitRequestFullscreen) {
+      /* Chrome, Safari and Opera */
+      elem.webkitRequestFullscreen();
+  } else if (elem.msRequestFullscreen) {
+      /* IE/Edge */
+      elem.msRequestFullscreen();
+  }
+
+  if (document.exitFullscreen) {
+      document.exitFullscreen();
+  } else if (document.mozCancelFullScreen) {
+      /* Firefox */
+      document.mozCancelFullScreen();
+  } else if (document.webkitExitFullscreen) {
+      /* Chrome, Safari and Opera */
+      document.webkitExitFullscreen();
+  } else if (document.msExitFullscreen) {
+      /* IE/Edge */
+      document.msExitFullscreen();
+  }
+}
+
diff --git a/MTG/style.css b/MTG/style.css
index 9570b8e..a8572bd 100644
--- a/MTG/style.css
+++ b/MTG/style.css
@@ -7,7 +7,9 @@
 }
 
 body {
-  background-color: rgb(82, 100, 100);
+  /* background-color: rgb(78, 69, 202); */
+  background: rgb(2,0,36);
+background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(137,137,194,1) 47%, rgba(108,127,131,1) 100%);
   min-height: 100vh;
   /* width: 100vw; */
   margin: 0;
@@ -15,6 +17,14 @@ body {
   /* height: 100% */
   /* align-items: center */
 }
+#full{
+  position: absolute;
+  top: 5px;
+  left: 95%;
+  z-index: 100;
+  color:rgb(165, 162, 162);
+  font-size: 3rem;
+}
 main {
   display: flex;
   justify-content: space-evenly;