From def4ee29273a5eabd510a6f9c5403f5dbae4a4ab Mon Sep 17 00:00:00 2001
From: Coleman Kelleghan <coleman@kelleghandesign.com>
Date: Tue, 16 Feb 2016 16:40:20 -0700
Subject: [PATCH] Box playground complete

---
 boxes.html |  4 +++-
 boxes.js   | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/boxes.html b/boxes.html
index 44586a8..dfb5357 100644
--- a/boxes.html
+++ b/boxes.html
@@ -22,7 +22,9 @@
      </div>
      <div id="row3" class="row">
         <div class="box boxType3"></div>
-        <div id="secretBox" class="box boxType1"></div>
+        <div id="secretBox" class="box boxType1">
+
+        </div>
         <div class="box boxType2"></div>
         <div class="box boxType3"></div>
      </div>
diff --git a/boxes.js b/boxes.js
index 6b2b3db..9990173 100644
--- a/boxes.js
+++ b/boxes.js
@@ -1 +1,56 @@
-console.log("hello world");
+$(document).ready(function(){
+  console.log('ready');
+
+  // $('#secretBox').css('backgroundColor', 'white');
+  // $('#secretBox').append('<h1>Secret Box</h1>');
+  // $('#row1').children().addClass('boxType3');
+  //
+  // // $('#row4').children().last().css('display', 'none');
+  //
+  // $('.boxType1').css('backgroundColor', 'white');
+  //
+  // $('#row2 div:nth-child(2)').removeClass();
+  // $('#row2 div:nth-child(1)').removeClass();
+
+
+  // $(".box").not("#secretBox").css("width", "2px");
+
+
+
+  //
+  // $('#container').on('click', function(e){
+  //   console.log(e.pageX)
+  //   console.log(e.pageY)
+  // });
+  //
+  //
+  // $('.boxType1').wrap('<a href="http://www.galvanize.com/"/></a>');
+  //
+  // $('.boxType1').on('click', function(){
+  //   alert('you can never leave')
+  // });
+  //
+  //
+
+
+  //
+  // $('.box').append('<img src="http://loremflickr.com/100/100" />');
+  //
+  //
+  // $('div .box img').on('click',function(e){
+  //   $(e.target).remove();
+  // });
+
+
+  // 
+  // $('#container').on('click', function(e){
+  //   $('#container').css('backgroundColor', 'black')
+  //   $(e.target).css('backgroundColor', 'white');
+  // });
+  //
+  //
+
+
+
+
+}); // ready