add more colors

www/canvas/index.html

@@ -37,6 +37,9 @@
             border: 3px solid black;
             padding: 5px;
         }
+        #copy {
+            padding-left: 75px;
+        }
         span.palette {
             height: 50px;
             width: 50px;
@@ -58,8 +61,10 @@
 
     <canvas id="canvas" width="600" height="600" ></canvas> 
 
+    <div id="copy">
         <h2>Welcome to CryptCanvas!</h2>
         <h3>Zero Knowledge Realtime Collaborative Canvas Editing</h3>
+    </div>
 
     <div id="controls">
         <button id="clear">Clear</button>

www/canvas/main.js

@@ -37,7 +37,8 @@ define([
 
     $width.on('change', updateBrushWidth);
 
-    var palette = ['red', 'blue', 'green', 'white', 'black', 'purple', 'gray'];
+    var palette = ['red', 'blue', 'green', 'white', 'black', 'purple',
+        'gray', 'beige', 'brown', 'cyan', 'darkcyan', 'gold', 'yellow', 'pink'];
     var $colors = $('#colors');
     $colors.html(function (i, val) {
         return palette.map(function (c) {