From fd3015ad03ddc67d72a679bbd2ad427a740aef27 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sun, 12 Jul 2015 12:23:28 +0300
Subject: 153x153 grid

---
 client/colors.less | 14 +++++++-------
 client/effects.js  |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/colors.less b/client/colors.less
index 53ca797..af2b7f9 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -193,20 +193,20 @@ body {
         justify-content: left;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
-        max-width: 700px;
+        max-width: 920px;
         margin: 0 auto;
         padding-left: 40px;
         div.photo {
           margin: 3px 8px;
-          width: 72px;
-          height: 92px;
+          width: 153px;
+          height: 173px;
           img {
-            height: 72px;
-            width: 72px;
+            height: 153px;
+            width: 153px;
           }
           canvas {
-            width: 72px;
-            height: 72px;
+            width: 153px;
+            height: 153px;
           }
           div.title {
             color: #999;
diff --git a/client/effects.js b/client/effects.js
index 836ea1e..afa744f 100644
--- a/client/effects.js
+++ b/client/effects.js
@@ -6,7 +6,7 @@ Effects = (function() {
 
     var raster = new paper.Raster('img-' + id);
     raster.visible = false;
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
     var cols = [];
 
@@ -95,7 +95,7 @@ Effects = (function() {
     p.setup(canvas);
 
     // params
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
 
     // fetch the new colors
@@ -188,7 +188,7 @@ Effects = (function() {
     p.setup(canvas);
 
     // params
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
 
     var p1 = new paper.Color(palette[0][0] / 256, palette[0][1] / 256, palette[0][2] / 256);
-- 
cgit v1.3.1