From 33f8dac7714eb6563c5b3cf8b5b65cbfc5b808c5 Mon Sep 17 00:00:00 2001
From: Kyle <41976328+ImKyle4815@users.noreply.github.com>
Date: Sat, 10 Aug 2019 14:17:08 -0700
Subject: [PATCH] life

---
 data/life/life.js | 16 ++++++++++++----
 life.html         |  3 ++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/data/life/life.js b/data/life/life.js
index e678446b..c0ca7a85 100644
--- a/data/life/life.js
+++ b/data/life/life.js
@@ -2,7 +2,7 @@
 //       Card Conjurer, by Kyle Burton        //
 //============================================//
 //define variables
-var playerCount, startingLifeTotal, firstPlayerWide = false, lastPlayerWide = false, playerList = [], rowHeight = 0, columnWidth = 0, rowCount = 0
+var playerCount, startingLifeTotal, firstPlayerWide = false, lastPlayerWide = false, playerList = [], rowHeight = 0, columnWidth = 0, rowCount = 0, isFullscreen = true
 //This function sets everything up
 function fullscreen() {
 	//Full screen!
@@ -16,7 +16,7 @@ function fullscreen() {
   	} else if (grid.msRequestFullscreen) {
     	grid.msRequestFullscreen()
   	} else {
-  		// alert("Unfortunately fullscreen is unavailable for your device. If it's an iPhone, I'd recommend tapping the share button and selecting 'Add to Home Screen.' Running it from your home screen should provide a much better experience.")
+  		isFullscreen = false
   		document.getElementById("return").classList.add("permaHidden")
   		document.getElementById("gridShell").classList.add("fullscreenUnavailable")
   	}
@@ -58,12 +58,20 @@ function startGame() {
 		playerList[i - 1] = new playerBox(i, rotation, wide)
 	}
 	//Determine the grid size
-	columnWidth = screen.width / 2 - 2
+	if (isFullscreen) {
+		columnWidth = screen.width / 2 - 2
+	} else {
+		columnWidth = window.innerWidth / 2 - 2
+	}
 	rowCount = (playerCount - playerCount % 2) / 2 + 1
 	if (playerCount == 2 || playerCount == 4) {
 		rowCount -= 1
 	}
-	rowHeight = screen.height / rowCount - 2
+	if (isFullscreen) {
+		rowHeight = screen.height / rowCount - 2
+	} else {
+		rowHeight = window.innerHeight / rowCount - 2
+	}
 	//Now that all the player boxes are made, they must be configured
 	for (var i = 1; i <= playerCount; i++) {
 		configurePlayerBox(i)
diff --git a/life.html b/life.html
index 4bef77fc..84a966de 100644
--- a/life.html
+++ b/life.html
@@ -18,6 +18,7 @@
 	<meta name="apple-mobile-web-app-title" content="LifeCounter">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
 	<meta name="apple-mobile-web-app-capable" content="yes">
+	<meta name="mobile-web-app-capable" content="yes">
 	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
 	<!-- Here's the stuff that does things? -->
@@ -187,7 +188,7 @@
 		vertical-align: middle;
 	}
 	.menuOption {
-		font-size: 4vw;
+		font-size: 8vw;
 		background-color: #333;
 		border-radius: 1em;
 		display: inline-block;