mobile fix

Author: Meredith G Hoo

js/2secrets.js

@@ -11,19 +11,25 @@ function setup() {
   var height = $('body').height();
   var width = $('body').width();
   var size = 150;
-  var padding = 20;
+  var padding = 50;
+  var rows = Math.floor(height / size);
+  var cols = Math.floor(width / size);
+  var radius = Math.floor(Math.max(width, height) / Math.max(rows - 1, cols - 1)) / 2;
 
-  var isMobile = window.matchMedia("only screen and (max-width: 850px)").matches ||
+  var isMobile = window.matchMedia("only screen and (max-width: 450px)").matches ||
                   /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
   var isOtherMediaQuery = window.matchMedia("only screen and (min-width:1080px)").matches;
   if(isMobile && !isOtherMediaQuery) {
-    size = 250;
-    padding = 40;
+    size = 300;
+    padding = 80;
+    radius = Math.floor(height / rows) / 2;
   }
 
-  var rows = Math.floor(height / size);
-  var cols = Math.floor(width / size);
-  var radius = Math.floor(Math.max(width, height) / Math.max(rows, cols)) / 2;
+  console.log(width);
+  console.log(isMobile);
+  console.log(rows);
+  console.log(cols);
+  console.log(radius);
 
   makeGrid(rows, cols);
   shapes = makeFlowers(radius);