diff --git a/PrefModel.js b/PrefModel.js
new file mode 100644
index 0000000..cb02a92
--- /dev/null
+++ b/PrefModel.js
@@ -0,0 +1,87 @@
+var INTSCHEME_A = "A";// constant
+var INTSCHEME_B = "B";// constant
+
+var PrefModel = {
+
+  // intScheme : INTSCHEME_A
+  // ,
+  // rrq_LoFret : 0
+  // ,
+  // rrq_HiFret : 0
+  // ,
+  // rrq_Notegroups : []
+  // ,
+  notegroups: []
+  ,
+  aPrefs :
+      {
+        intScheme : INTSCHEME_A,
+        rrq_LoFret: 0,
+        rrq_HiFret: 19,
+        rrq_LoStr: 1,
+        rrq_HiStr: 6,
+        rrq_Notegroups : [],
+      },
+  init : function(aNotegroups, maxFret, maxString){
+    this.aPrefs.rrq_HiFret = maxFret;
+    this.aPrefs.rrq_HiStr = maxString;
+    for(ng in aNotegroups){
+      // Note: only pushing scales not arps or anything else
+      this.aPrefs.rrq_Notegroups.push([dictScales[ng].ngtype+'_'+dictScales[ng].varname, true]);
+    }
+  }
+  ,
+  usingUserPrefs:false
+  ,
+  writePrefCookie : function(){
+    // put form values in mPref.aPrefs and save to cookie, or local storage if chrome
+
+    // random root
+    mPref.aPrefs.rrq_LoFret = $('#spRR_LoFret').spinner().spinner( "value" );
+    mPref.aPrefs.rrq_HiFret = $('#spRR_HiFret').spinner().spinner( "value" );
+    mPref.aPrefs.rrq_LoStr = $('#spRR_LoStr').spinner().spinner( "value" );
+    mPref.aPrefs.rrq_HiStr = $('#spRR_HiStr').spinner().spinner( "value" );
+    // go through Notegroup inputs in the preferences popup and align with aPrefs.rrq_Notegroups
+    // 0 is name and 1 is true or false (checked or unchecked)
+    for (var ng in mPref.aPrefs.rrq_Notegroups){
+      if($('#prefRRQ_'+mPref.aPrefs.rrq_Notegroups[ng][0]).is(':checked')){
+        mPref.aPrefs.rrq_Notegroups[ng][1] = true;
+      } else{
+        mPref.aPrefs.rrq_Notegroups[ng][1] = false;
+      }
+    }
+
+
+    // local chrome will not save cookies
+    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
+    //set cookies
+    if(is_chrome)$.localStorage('fs_userPrefs', this.aPrefs);
+    else $.cookies.set('fs_userPrefs', this.aPrefs);
+  }
+  ,
+  retrieveUserPrefs : function(){
+    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
+
+    //get cookies
+    var fs_userPrefs=(is_chrome)?$.localStorage('fs_userPrefs'):$.cookies.get('fs_userPrefs');
+    if(fs_userPrefs!=null){
+        this.aPrefs = fs_userPrefs;
+        this.usingUserPrefs = true;
+    }
+    //alert( fs_userPrefs +' '+fs_userPrefs.rrq_LoFret+' '+fs_userPrefs.rrq_HiFret);
+
+  }
+  ,
+  notegroupInPrefs : function(ngKey){
+    var rBool = false;
+    var nGrps = this.aPrefs.rrq_Notegroups
+    for(ng in nGrps){
+      if(ngKey == nGrps[0][0].varname){
+        rBool = true;
+      }
+    }
+    return rBool;
+  }
+
+
+}
\ No newline at end of file
diff --git a/ScaleDictionary.js b/ScaleDictionary.js
index d38d92e..a2226db 100644
--- a/ScaleDictionary.js
+++ b/ScaleDictionary.js
@@ -193,7 +193,7 @@ var INTCLR_AEOLIAN = ["i_root", "white","black","i_third","white","black","white
 var INTCLR_PHRYGIAN = ["i_root","black","white","i_third","white","black","white","i_fifth","black","white","i_seventh","white"];
 var INTCLR_LOCRIAN = ["i_root","black","white","i_third","white","black","i_fifth","white","black","white","i_seventh","white"];
 var INTCLR_AEOLIAN = ["i_root", "white","black","i_third","white","black","white","i_fifth","black","white","i_seventh","white"];
-var INTCLR_SYMDIM = ["i_root", "black","white","i_third","black","white","black","i_fifth","white","black","i_seventh","white"];
+var INTCLR_SYMDIM = ["i_root", "black","white","i_third","black","white","i_fifth","black","white","i_seventh","black","white"];
 var INTCLR_MINHARM = ["i_root", "white","black","i_third","white","black","white","i_fifth","black","white","white","i_seventh"];
 var INTCLR_MINMEL = ["i_root", "white","black","i_third","white","black","white","i_fifth","white","black","white","i_seventh"];
 var INTCLR_ALTERED = ["i_root", "black","white","i_third","black","white","i_fifth","white","black","white","i_seventh","white"];
diff --git a/boxfrets.js b/boxfrets.js
index b48561f..ac3b2cf 100644
--- a/boxfrets.js
+++ b/boxfrets.js
@@ -52,7 +52,8 @@
 //
 
 var CHECKANSWER = 'Check Answer!';
-
+var GTR_FRETS = 19;
+var GTR_STRINGS = 6;
 var GUITAR_STRINGS; // will be array of strings
 var INTERVAL_COLORS = [
 	"i_root",
@@ -667,17 +668,53 @@ var ctl_newIntQuiz = function(){
 
 var ctl_newRandRoot = function(){
 		clear_fretboard();
-		//INTERVALMODE = false;
-		//get random scale
-		// get randonm note on FB
-		var note = get_random_stringFret(); // 0 = string, 1 = fret
-		td_paint('#'+'nc_'+note[0]+'_'+note[1], "red");
-		var sKey = getKeyObjFromNoteName($('#'+'nc_'+note[0]+'_'+note[1]).attr('notename')).safename;
-		var ng = get_random_scale_notegroup_key() // gets random dictionary key from scaleDict
-		arrNg =  ng.split('_');
+		// random string, fret according to mPrefs
+		var lowFret = mPref.aPrefs.rrq_LoFret;
+		var highFret = mPref.aPrefs.rrq_HiFret;
+		var lowString = mPref.aPrefs.rrq_LoStr -1;
+		var highString = mPref.aPrefs.rrq_HiStr -1;
+		var stringFret= [-1, -1];// random string/fret
+		while(!(stringFret[0] >= lowString && stringFret[0] <= highString)){
+			stringFret[0] = Math.floor((Math.random() * GUITAR_STRINGS.length) );// string
+		}
+		while (!(stringFret[1] >= lowFret && stringFret[1] <= highFret)){
+			stringFret[1] =  Math.floor(Math.random() * highFret );
+		}
+		td_paint('#'+'nc_'+stringFret[0]+'_'+stringFret[1], "red");
+		var sKey = getKeyObjFromNoteName($('#'+'nc_'+stringFret[0]+'_'+stringFret[1]).attr('notename')).safename;
+
+		// get random dictionary notegroup key that is in user preferences
+		checkedNG =[];// notegroups checked in preferences
+		for(ng in mPref.aPrefs.rrq_Notegroups){
+			if(mPref.aPrefs.rrq_Notegroups[ng][1]){
+				checkedNG.push(mPref.aPrefs.rrq_Notegroups[ng][0]);
+			}
+		}
+		var arrNg =  checkedNG[Math.floor((Math.random() * checkedNG.length))].split('_');
 		set_notes_per_notegroup(sKey, arrNg[0] , arrNg[1])
 }
 
+	// check boxes according to Pref model
+var	ctl_updateRRQprefView = function(){
+		for (var ng in mPref.aPrefs.rrq_Notegroups){
+		//0: scale name, 1: t/f checked in prefs
+		if(mPref.aPrefs.rrq_Notegroups[ng][1]){
+		// control eg 'prefRRQ_SC_DORIAN'
+			$('#prefRRQ_'+mPref.aPrefs.rrq_Notegroups[ng][0]).prop('checked', true);
+		}else{
+			$('#prefRRQ_'+mPref.aPrefs.rrq_Notegroups[ng][0]).prop('checked', false);
+		}
+	}
+};
+
+	 	//when dialog is closed, update the Pref model with data in popup form controls
+var ctl_updatePrefs = function(){
+		//RandomRootQuiz
+		mPref.rrq_LoFret = $("#spRR_LoFret").spinner( "value" );
+		mPref.rrq_HiFret = $("#spRR_HiFret").spinner( "value" );
+		mPref.writePrefCookie();
+
+};
 
 // more utilities
 //
@@ -924,6 +961,25 @@ var populateNotegroupsUnabridged = function(){
 
  	};
 
+var populateNotegroupsRandRootTab = function(){
+	var itemsPerCol =7;
+	var colItem=0;
+	html="";
+	html+='<span class="RR_scaleOptionsCol">';
+	for (var ng in mPref.aPrefs.rrq_Notegroups){
+		colItem = colItem+1;
+		if(colItem > itemsPerCol){
+			html+='</span><span class="RR_scaleOptionsCol">';
+			colItem = 1;
+		}
+		ng = dictScales[mPref.aPrefs.rrq_Notegroups[ng][0]]; // 0 is name, 1 is t/f for checked box
+		html += '<input type="checkbox" id="prefRRQ_'+ng.ngtype+'_'+ng.varname+'" name="'+ng.ngtype+'_'+ng.varname+'" value="'+ng.ngtype+'_'+ng.varname+'"> '+ng.name+'<br>';
+	}
+	html+='<span class="RR_scaleOptionsCol">';
+	$("#RR_scaleOptionsDiv").append(html);
+};
+
+
 // Unabridged divs are the notegroup div objects in the left hand div under the fretboard
 // with all the tabs for each key.  These are all the scales and arpeggios, unabridged.
 // These become draggable over to the right hand div under the fretboard which is governed by
@@ -1001,8 +1057,10 @@ jQuery(document).ready(function() {
 	$( ".cNoteGroup" ).draggable({ addClasses: false });
 
 
+
 	// make fretboard
-	$(gen_fret_boxes(19, 6)).insertAfter($('#mainfretboard'));
+
+	$(gen_fret_boxes(GTR_FRETS, GTR_STRINGS)).insertAfter($('#mainfretboard'));
 	GUITAR_STRINGS = getFretcloneStrings();
 	set_notes();
 
@@ -1020,6 +1078,51 @@ jQuery(document).ready(function() {
 	}
 	$('#fretclone > tbody:last').append(newRow);
 
+
+	// instantiate prefsModel -- for user preferences to govern and be saved as cookie or storage
+	mPref = PrefModel;
+	mPref.init(dictScales, GUITAR_STRINGS[0].length, GUITAR_STRINGS.length); // notegroups array, maxFrets, maxStrings
+
+
+	// make tabs in popup
+	$("#prefTabs").tabs();
+
+	// set up RandomRoot quiz prefs
+	var spRR_LoFret = $( "#spRR_LoFret" ).spinner({
+               min: mPref.aPrefs.rrq_LoFret,
+               max: mPref.aPrefs.rrq_HiFret,
+               value: mPref.aPrefs.rrq_LoFret
+            });
+	var spRR_HiFret = $("#spRR_HiFret").spinner({
+               min: mPref.aPrefs.rrq_LoFret,
+               max: mPref.aPrefs.rrq_HiFret,
+               value: mPref.aPrefs.rrq_HiFret
+            });
+	var spRR_LoStr = $("#spRR_LoStr").spinner({
+               min: mPref.aPrefs.rrq_LoStr,
+               max: mPref.aPrefs.rrq_HiStr,
+               value: mPref.aPrefs.rrq_LoStr
+            });
+	var spRR_HiStr = $("#spRR_HiStr").spinner({
+               min: mPref.aPrefs.rrq_LoStr,
+               max: mPref.aPrefs.rrq_HiStr,
+               value: mPref.aPrefs.rrq_HiStr,
+            });
+
+// set up prefs per user cookie or default
+	mPref.retrieveUserPrefs();
+
+	spRR_LoFret.spinner("value",mPref.aPrefs.rrq_LoFret);
+	spRR_HiFret.spinner("value",mPref.aPrefs.rrq_HiFret);
+	spRR_LoStr.spinner("value",mPref.aPrefs.rrq_LoStr);
+	spRR_HiStr.spinner("value",mPref.aPrefs.rrq_HiStr);
+
+	// dynamically insert notegroup checkboxes
+	populateNotegroupsRandRootTab();
+	// check boxes according to Pref model
+	ctl_updateRRQprefView();
+
+
 // get any url parameters and adjust model(s) appropriately
 	var url_params = get_url_parameters();
 	var loadFromUrl = function(){
@@ -1135,12 +1238,56 @@ jQuery(document).ready(function() {
 
 
 // bind help button to show help dialog
-	$('#btnHelp').click(function(){
+	$('#btnHelp').button({
+		text: false,
+		icons:
+      {
+          primary: "ui-icon-help"
+      }
+	}).click(function(){
 		$( "#helpText" ).html(HELP_TEXT);
 			$( "#helpText" ).dialog( "open" );
 	});
 
+// preferences dialog
+ $(function() {
+			$( "#prefWin" ).dialog({
+				autoOpen: false,
+				modal: true,
+				//closeOnEscape: false,
+				//open: function(event, ui) { $(".ui-dialog-titlebar-close", $(this).parent()).hide(); },
+				buttons:{
+					'Save and Close':function(){
+						//save prefs PrefModel and then write cookie
+						ctl_updatePrefs();
+
+						 $(this).dialog('close');
+					}
+				}
+			},{
+				width: 640,
+				height: 472
+
+			},{
+				dialogClass:".helpInstructions",
+			});
+	});
+
+// bind pref button to show preferences dialog
+	$('#btnPref').button({
+		text: false,
+		icons:
+      {
+          primary: "ui-icon-gear"
+      }
+	}).click(function(){
+			$( "#prefWin" ).dialog( "open" );
+	});
 
+	//  $('#prefWin').bind('dialogclose', function(event) {
+	//  	//when dialog is closed, update the Pref model with data in popup form controls
+ //    ctl_updatePrefs();
+ // });
 
 	// set up eraser brush and clear buttons:
 
diff --git a/fretboard.css b/fretboard.css
index ff5bd06..091acd0 100644
--- a/fretboard.css
+++ b/fretboard.css
@@ -71,8 +71,8 @@ div#fretboard_container
       width:1289px;
       }
 #message {float:right; display: inline; padding-top: 6px;}
-#btnHelp {float:right; padding:3px; width: 24px; height: 24px; font-weight:bold; border-radius: 5px; margin-left: 24px; background-color: white; border: #b5b5b5 solid 1px; }
-
+#btnHelp {float:right; width: 16px; height:16px; padding:0; margin-left: 4px; }
+#btnPref {float:right; width: 16px; height:16px; padding:0; margin-left: 4px; }
 #diagram_title { font-size:25px; font-weight:bold; margin:0 0 0 15px; display:block; padding:4px; border:0; width:auto; float:left; }
 
 div.h_ctrl_cnt{ padding:10px; margin:0px 10px 0px 10px;  }
@@ -125,6 +125,24 @@ input.color_button { width:40px; border-radius: 5px; margin-left: 8px; }
 .tabs-nohdr .ui-tabs-anchor{
   font-weight:normal;
 }
+
+.prefTabs{
+  font-size: 11px;
+}
+
+.prefTabs .pref_hSpan{
+  margin: 0 16px 0 0;
+}
+
+.prefTabs h3 {
+  margin-bottom: 6px;
+}
+
+.prefTabs .RR_scaleOptionsCol{
+  display:block;
+  float: left;
+  margin-right: 12px;
+}
 /* must be under tabs-nohdr */
 div#notegroupsUnabridged  {
   font-size:12px;
diff --git a/fretboard.html b/fretboard.html
index 4d1cf97..40bbe37 100644
--- a/fretboard.html
+++ b/fretboard.html
@@ -7,6 +7,8 @@
         <!--<script type="text/javascript" src="jquery-1.4.4.min.js"></script>-->
         <script type="text/javascript" src="jquery-1.11.1.js"></script>
         <script type="text/javascript" src="jquery-ui.min.js"></script>
+        <script type="text/javascript" src="jquery-cookie/jquery.cookie.js"></script>
+        <script type="text/javascript" src="jquery.storage.js-master/jquery.storage.js"></script>
         <link rel="stylesheet" href="smoothness/jquery-ui.css">
          <link rel="stylesheet" href="smoothness/theme.css">
          <link rel="stylesheet" href="fretboard.css">
@@ -14,6 +16,7 @@
         <script type="text/javascript" src="HelpText.js"></script>
         <script type="text/javascript" src="ScaleDictionary.js"></script>
         <script type="text/javascript" src="PlayerModel.js"></script>
+        <script type="text/javascript" src="PrefModel.js"></script>
         <script type="text/javascript" src="BoxFrets.js"></script>
 
         <style>
@@ -22,21 +25,68 @@
     </head>
     <body>
     <div id="main">
-    <div>
 
+    <!-- help pop-up -->
+    <div id="helpText" title="Instructions" >
+        <!-- populated with JS -->
+    </div>
 
+<!-- preferences pop-up -->
+    <div id="prefWin" title="Preferences" >
+    <div class="tabs-nohdr" id="prefTabs" >
+        <ul>
+            <li><a href="#tabColoring">Coloring</a></li>
+            <li><a href="#tabsRandInt">Random Interval</a></li>
+            <li><a href="#tabsRandRoot">Random Root</a></li>
+        </ul>
+        <div id="tabColoring" class="prefTabs">
+            <input type="radio" name="colorStyle" value="A"> Style A<br>
+            <input type="radio" name="colorStyle" value="B"> Style B</div>
+        <div id="tabsRandInt"  class="prefTabs">
+            <p>stuff</p>
+        </div>
+        <div id="tabsRandRoot"  class="prefTabs">
+            <div style="margin: 0 0 12px 0">
+            <span class="pref_hSpan">
+                <label for="spRR_LoFret">Low fret:</label>
+                <input id="spRR_LoFret" name="value" style="width:28px">
+            </span>
+            <span class="pref_hSpan">
+                <label for="spRR_HiFret">Hi fret:</label>
+                <input id="spRR_HiFret" name="value" style="width:28px">
+            </span>
+            </div>
+            <div style="margin: 0 0 12px 0">
+            <span class="pref_hSpan">
+                <label for="spRR_LoStr">Low String:</label>
+                <input id="spRR_LoStr" name="value" style="width:28px">
+            </span>
+            <span class="pref_hSpan">
+                <label for="spRR_HiStr">Hi String:</label>
+                <input id="spRR_HiStr" name="value" style="width:28px">
+            </span>
+            </div>
+
+            <h3>Notegroups to Test</h3>
+            <p><div id="RR_scaleOptionsDiv">
+                    <!-- <input type="checkbox" name="Ionian" value="Ionian"> Ionian<br>
+                    <input type="checkbox" name="Dorian" value="Dorian"> Dorian<br> -->
+                </div>
+            </p>
+            </div>
+        </div>
 
     </div>
-    <div id="helpText" title="Instructions" >
-        <!-- populated with JS -->
     </div>
+    <!-- END preferences pop-up -->
 
 <div>
     <div id="fretboard_container" style="width: 1380;" >
 
     <div class="fb_messagebar" >
         <input id="diagram_title" type="text" value="Click to add a title..." />
-        <input id="btnHelp" type="button" value="?" />
+        <span id="btnPref" type="button" ></span>
+        <span id="btnHelp" type="button"></span>
         <div id="message" >&nbsp;</div>
     </div>
         <table id="mainfretboard">
diff --git a/img/gear.png b/img/gear.png
new file mode 100644
index 0000000..10e91e0
Binary files /dev/null and b/img/gear.png differ
diff --git a/jquery-cookie/.gitignore b/jquery-cookie/.gitignore
new file mode 100644
index 0000000..afea911
--- /dev/null
+++ b/jquery-cookie/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+build
+.sizecache.json
+*.log
\ No newline at end of file
diff --git a/jquery-cookie/.jshintrc b/jquery-cookie/.jshintrc
new file mode 100644
index 0000000..a37f48c
--- /dev/null
+++ b/jquery-cookie/.jshintrc
@@ -0,0 +1,17 @@
+{
+	"boss": true,
+	"browser": true,
+	"curly": true,
+	"eqeqeq": true,
+	"eqnull": true,
+	"expr": true,
+	"evil": true,
+	"newcap": true,
+	"noarg": true,
+	"undef": true,
+	"globals": {
+		"define": true,
+		"jQuery": true,
+		"require": true
+	}
+}
diff --git a/jquery-cookie/.tm_properties b/jquery-cookie/.tm_properties
new file mode 100644
index 0000000..6fd361d
--- /dev/null
+++ b/jquery-cookie/.tm_properties
@@ -0,0 +1,11 @@
+softTabs = false
+tabSize  = 2
+
+[ text.plain ]
+softWrap   = true
+wrapColumn = "Use Window Frame"
+softTabs   = true
+tabSize    = 4
+
+[ "*.md" ]
+fileType = "text.plain"
diff --git a/jquery-cookie/.travis.yml b/jquery-cookie/.travis.yml
new file mode 100644
index 0000000..b65fdbd
--- /dev/null
+++ b/jquery-cookie/.travis.yml
@@ -0,0 +1,10 @@
+language: node_js
+node_js:
+- 0.8
+before_script:
+- npm install -g grunt-cli
+script: grunt ci --verbose
+env:
+  global:
+  - secure: HRae0kyIDDuhonvMi2SfEl1WJb4K/wX8WmzT9YkxFbmWwLjiOMkmqyuEyi76DbTC1cb9o7WwGVgbP1DhSm6n6m0Lz+PSzpprBN4QZuJc56jcc+tBA6gM81hyUufaTT0yUWz112Bu06kWIAs44w5PtG0FYZR0CuIN8fQvZi8fXCQ=
+  - secure: c+M5ECIfxDcVrr+ZlqgpGjv8kVM/hxiz3ACMCn4ZkDiaeq4Rw0wWIGZYL6aV5fhsoHgzEQ/XQPca8xKs3Umr7R3b6Vr3AEyFnW+LP67K/1Qbz4Pi3PvhDH/h4rvK7fOoTqTDCVVDEH3v4pefsz2VaKemG4iBKxrcof5aR4Rjopk=
diff --git a/jquery-cookie/CHANGELOG.md b/jquery-cookie/CHANGELOG.md
new file mode 100644
index 0000000..59d868f
--- /dev/null
+++ b/jquery-cookie/CHANGELOG.md
@@ -0,0 +1,73 @@
+HEAD
+-----
+
+1.4.1
+-----
+- Added support for CommonJS.
+
+- Added support for package managers: Jam (http://jamjs.org), volo (http://volojs.org), Component (http://component.io), jspm (http://jspm.io).
+
+- The expires option now interpretes fractions of numbers (e.g. days) correctly.
+
+1.4.0
+-----
+- Support for AMD.
+
+- Removed deprecated method `$.cookie('name', null)` for deleting a cookie,
+  use `$.removeCookie('name')`.
+
+- `$.cookie('name')` now returns `undefined` in case such cookie does not exist
+  (was `null`). Because the return value is still falsy, testing for existence
+  of a cookie like `if ( $.cookie('foo') )` keeps working without change.
+
+- Renamed bower package definition (component.json -> bower.json) for usage
+  with up-to-date bower.
+
+- Badly encoded cookies no longer throw exception upon reading but do return
+  undefined (similar to how we handle JSON parse errors with json = true).
+
+- Added conversion function as optional last argument for reading,
+  so that values can be changed to a different representation easily on the fly.
+  Useful for parsing numbers for instance:
+
+  ```javascript
+  $.cookie('foo', '42');
+  $.cookie('foo', Number); // => 42
+  ```
+
+1.3.1
+-----
+- Fixed issue where it was no longer possible to check for an arbitrary cookie,
+  while json is set to true, there was a SyntaxError thrown from JSON.parse.
+
+- Fixed issue where RFC 2068 decoded cookies were not properly read.
+
+1.3.0
+-----
+- Configuration options: `raw`, `json`. Replaces raw option, becomes config:
+
+  ```javascript
+  $.cookie.raw = true; // bypass encoding/decoding the cookie value
+  $.cookie.json = true; // automatically JSON stringify/parse value
+  ```
+
+  Thus the default options now cleanly contain cookie attributes only.
+
+- Removing licensing under GPL Version 2, the plugin is now released under MIT License only
+(keeping it simple and following the jQuery library itself here).
+
+- Bugfix: Properly handle RFC 2068 quoted cookie values.
+
+- Added component.json for bower.
+
+- Added jQuery plugin package manifest.
+
+- `$.cookie()` returns all available cookies.
+
+1.2.0
+-----
+- Adding `$.removeCookie('foo')` for deleting a cookie, using `$.cookie('foo', null)` is now deprecated.
+
+1.1
+---
+- Adding default options.
diff --git a/jquery-cookie/CONTRIBUTING.md b/jquery-cookie/CONTRIBUTING.md
new file mode 100644
index 0000000..f174678
--- /dev/null
+++ b/jquery-cookie/CONTRIBUTING.md
@@ -0,0 +1,53 @@
+##Issues
+
+- Report issues or feature requests on [GitHub Issues](https://github.com/carhartl/jquery-cookie/issues).
+- If reporting a bug, please add a [simplified example](http://sscce.org/).
+
+##Pull requests
+- Create a new topic branch for every separate change you make.
+- Create a test case if you are fixing a bug or implementing an important feature.
+- Make sure the build runs successfully.
+
+## Development
+
+###Tools
+We use the following tools for development:
+
+- [Qunit](http://qunitjs.com/) for tests.
+- [NodeJS](http://nodejs.org/download/) required to run grunt and the test server only.
+- [Grunt](http://gruntjs.com/getting-started) for task management.
+
+###Getting started 
+Install [NodeJS](http://nodejs.org/).  
+Install globally grunt-cli using the following command:
+
+    $ npm install -g grunt-cli
+
+Browse to the project root directory and install the dev dependencies:
+
+    $ npm install -d
+
+To execute the build and tests run the following command in the root of the project:
+
+    $ grunt
+
+You should see a green message in the console:
+
+    Done, without errors.
+
+###Tests
+You can also run the tests in the browser.  
+Start a test server from the project root:
+
+    $ node test/server.js
+
+Open the following URL in a browser:
+
+    $ open http://0.0.0.0:8124/test/index.html
+
+_Note: we recommend cleaning all the browser cookies before running the tests, that can avoid false positive failures._
+
+###Automatic build
+You can build automatically after a file change using the following command:
+
+    $ grunt watch
diff --git a/jquery-cookie/Gruntfile.js b/jquery-cookie/Gruntfile.js
new file mode 100644
index 0000000..9c30c00
--- /dev/null
+++ b/jquery-cookie/Gruntfile.js
@@ -0,0 +1,115 @@
+/*jshint node: true */
+
+'use strict';
+
+module.exports = function (grunt) {
+
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+		qunit: {
+			all: ['test/index.html']
+		},
+		jshint: {
+			files: [
+				'Gruntfile.js',
+				'jquery.cookie.js'
+			],
+			options: {
+				jshintrc: '.jshintrc'
+			}
+		},
+		uglify: {
+			options: {
+				banner: '/*! <%= pkg.name %> v<%= pkg.version %> | <%= pkg.license %> */\n'
+			},
+			build: {
+				files: {
+					'build/jquery.cookie-<%= pkg.version %>.min.js': 'jquery.cookie.js'
+				}
+			}
+		},
+		watch: {
+			files: [
+				'jquery.cookie.js',
+				'test/tests.js'
+			],
+			tasks: 'default'
+		},
+		compare_size: {
+			files: [
+				'build/jquery.cookie-<%= pkg.version %>.min.js',
+				'jquery.cookie.js'
+			],
+			options: {
+				compress: {
+					gz: function (fileContents) {
+						return require('gzip-js').zip(fileContents, {}).length;
+					}
+				}
+			}
+		},
+		connect: {
+			server: {
+				options: {
+					base: '.',
+					directory: 'test',
+					port: 9999
+				}
+			}
+		},
+		'saucelabs-qunit': {
+			all: {
+				options: {
+					urls: ['http://127.0.0.1:9999/test/index.html'],
+					tunnelTimeout: 5,
+					build: process.env.TRAVIS_JOB_ID,
+					concurrency: 3,
+					browsers: [
+						{
+							browserName: 'safari',
+							platform: 'OS X 10.8'
+						},
+						{
+							browserName: 'firefox',
+							platform: 'Windows 7'
+						},
+						{
+							browserName: 'firefox',
+							platform: 'Windows XP'
+						},
+						{
+							browserName: 'firefox',
+							platform: 'Linux'
+						},
+						{
+							browserName: 'chrome',
+							platform: 'Windows 7'
+						},
+						{
+							browserName: 'internet explorer',
+							platform: 'Windows 8',
+							version: '10'
+						},
+						{
+							browserName: 'internet explorer',
+							platform: 'Windows 7',
+							version: '9'
+						}
+					],
+					testname: 'jquery.cookie qunit tests'
+				}
+			}
+		}
+	});
+
+	// Loading dependencies
+	for (var key in grunt.file.readJSON('package.json').devDependencies) {
+		if (key !== 'grunt' && key.indexOf('grunt') === 0) {
+			grunt.loadNpmTasks(key);
+		}
+	}
+
+	grunt.registerTask('default', ['jshint', 'qunit', 'uglify', 'compare_size']);
+	grunt.registerTask('saucelabs', ['connect', 'saucelabs-qunit']);
+	grunt.registerTask('ci', ['jshint', 'qunit', 'saucelabs']);
+};
diff --git a/jquery-cookie/MIT-LICENSE.txt b/jquery-cookie/MIT-LICENSE.txt
new file mode 100644
index 0000000..7a631e8
--- /dev/null
+++ b/jquery-cookie/MIT-LICENSE.txt
@@ -0,0 +1,20 @@
+Copyright 2014 Klaus Hartl
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/jquery-cookie/README.md b/jquery-cookie/README.md
new file mode 100644
index 0000000..f9a7494
--- /dev/null
+++ b/jquery-cookie/README.md
@@ -0,0 +1,151 @@
+# jquery.cookie [![Build Status](https://travis-ci.org/carhartl/jquery-cookie.png?branch=master)](https://travis-ci.org/carhartl/jquery-cookie) [![Code Climate](https://codeclimate.com/github/carhartl/jquery-cookie.png)](https://codeclimate.com/github/carhartl/jquery-cookie)
+
+A simple, lightweight jQuery plugin for reading, writing and deleting cookies.
+
+**If you're viewing this at https://github.com/carhartl/jquery-cookie, you're reading the documentation for the master branch.
+[View documentation for the latest release (1.4.1).](https://github.com/carhartl/jquery-cookie/tree/v1.4.1)**
+
+## Build Status Matrix
+
+[![Selenium Test Status](https://saucelabs.com/browser-matrix/jquery-cookie.svg)](https://saucelabs.com/u/jquery-cookie)
+
+## Installation
+
+Include script *after* the jQuery library (unless you are packaging scripts somehow else):
+
+```html
+<script src="/path/to/jquery.cookie.js"></script>
+```
+
+**Do not include the script directly from GitHub (http://raw.github.com/...).** The file is being served as text/plain and as such being blocked
+in Internet Explorer on Windows 7 for instance (because of the wrong MIME type). Bottom line: GitHub is not a CDN.
+
+The plugin can also be loaded as AMD or CommonJS module.
+
+## Usage
+
+Create session cookie:
+
+```javascript
+$.cookie('the_cookie', 'the_value');
+```
+
+Create expiring cookie, 7 days from then:
+
+```javascript
+$.cookie('the_cookie', 'the_value', { expires: 7 });
+```
+
+Create expiring cookie, valid across entire site:
+
+```javascript
+$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
+```
+
+Read cookie:
+
+```javascript
+$.cookie('the_cookie'); // => "the_value"
+$.cookie('not_existing'); // => undefined
+```
+
+Read all available cookies:
+
+```javascript
+$.cookie(); // => { "the_cookie": "the_value", "...remaining": "cookies" }
+```
+
+Delete cookie:
+
+```javascript
+// Returns true when cookie was found, false when no cookie was found...
+$.removeCookie('the_cookie');
+
+// Same path as when the cookie was written...
+$.removeCookie('the_cookie', { path: '/' });
+```
+
+*Note: when deleting a cookie, you must pass the exact same path, domain and secure options that were used to set the cookie, unless you're relying on the default options that is.*
+
+## Configuration
+
+### raw
+
+By default the cookie value is encoded/decoded when writing/reading, using `encodeURIComponent`/`decodeURIComponent`. Bypass this by setting raw to true:
+
+```javascript
+$.cookie.raw = true;
+```
+
+### json
+
+Turn on automatic storage of JSON objects passed as the cookie value. Assumes `JSON.stringify` and `JSON.parse`:
+
+```javascript
+$.cookie.json = true;
+```
+
+## Cookie Options
+
+Cookie attributes can be set globally by setting properties of the `$.cookie.defaults` object or individually for each call to `$.cookie()` by passing a plain object to the options argument. Per-call options override the default options.
+
+### expires
+
+    expires: 365
+
+Define lifetime of the cookie. Value can be a `Number` which will be interpreted as days from time of creation or a `Date` object. If omitted, the cookie becomes a session cookie.
+
+### path
+
+    path: '/'
+
+Define the path where the cookie is valid. *By default the path of the cookie is the path of the page where the cookie was created (standard browser behavior).* If you want to make it available for instance across the entire domain use `path: '/'`. Default: path of page where the cookie was created.
+
+**Note regarding Internet Explorer:**
+
+> Due to an obscure bug in the underlying WinINET InternetGetCookie implementation, IE’s document.cookie will not return a cookie if it was set with a path attribute containing a filename.
+
+(From [Internet Explorer Cookie Internals (FAQ)](http://blogs.msdn.com/b/ieinternals/archive/2009/08/20/wininet-ie-cookie-internals-faq.aspx))
+
+This means one cannot set a path using `path: window.location.pathname` in case such pathname contains a filename like so: `/check.html` (or at least, such cookie cannot be read correctly).
+
+### domain
+
+    domain: 'example.com'
+
+Define the domain where the cookie is valid. Default: domain of page where the cookie was created.
+
+### secure
+
+    secure: true
+
+If true, the cookie transmission requires a secure protocol (https). Default: `false`.
+
+## Converters
+
+Provide a conversion function as optional last argument for reading, in order to change the cookie's value
+to a different representation on the fly.
+
+Example for parsing a value into a number:
+
+```javascript
+$.cookie('foo', '42');
+$.cookie('foo', Number); // => 42
+```
+
+Dealing with cookies that have been encoded using `escape` (3rd party cookies):
+
+```javascript
+$.cookie.raw = true;
+$.cookie('foo', unescape);
+```
+
+You can pass an arbitrary conversion function.
+
+## Contributing
+
+Check out the [Contributing Guidelines](CONTRIBUTING.md)
+
+## Authors
+
+[Klaus Hartl](https://github.com/carhartl)
diff --git a/jquery-cookie/bower.json b/jquery-cookie/bower.json
new file mode 100644
index 0000000..2d8c25b
--- /dev/null
+++ b/jquery-cookie/bower.json
@@ -0,0 +1,18 @@
+{
+  "name": "jquery.cookie",
+  "version": "1.4.1",
+  "main": [
+    "./jquery.cookie.js"
+  ],
+  "dependencies": {
+    "jquery": ">=1.2"
+  },
+  "ignore": [
+    "test",
+    ".*",
+    "*.json",
+    "*.md",
+    "*.txt",
+    "Gruntfile.js"
+  ]
+}
diff --git a/jquery-cookie/component.json b/jquery-cookie/component.json
new file mode 100644
index 0000000..58f79d6
--- /dev/null
+++ b/jquery-cookie/component.json
@@ -0,0 +1,14 @@
+{
+  "name": "jquery.cookie",
+  "repo": "carhartl/jquery-cookie",
+  "description": "A simple, lightweight jQuery plugin for reading, writing and deleting cookies",
+  "version": "1.4.1",
+  "keywords": [],
+  "dependencies": {},
+  "development": {},
+  "license": "MIT",
+  "main": "jquery.cookie.js",
+  "scripts": [
+    "jquery.cookie.js"
+  ]
+}
diff --git a/jquery-cookie/cookie.jquery.json b/jquery-cookie/cookie.jquery.json
new file mode 100644
index 0000000..69d5748
--- /dev/null
+++ b/jquery-cookie/cookie.jquery.json
@@ -0,0 +1,32 @@
+{
+  "name": "cookie",
+  "version": "1.4.1",
+  "title":  "jQuery Cookie",
+  "description": "A simple, lightweight jQuery plugin for reading, writing and deleting cookies.",
+  "author": {
+    "name": "Klaus Hartl",
+    "url": "https://github.com/carhartl"
+  },
+  "maintainers": [
+    {
+      "name": "Klaus Hartl",
+      "url": "https://github.com/carhartl"
+    },
+    {
+      "name": "Fagner Martins",
+      "url": "https://github.com/FagnerMartinsBrack"
+    }
+  ],
+  "licenses": [
+    {
+      "type": "MIT",
+      "url": "https://raw.github.com/carhartl/jquery-cookie/master/MIT-LICENSE.txt"
+    }
+  ],
+  "dependencies": {
+    "jquery": ">=1.2"
+  },
+  "bugs": "https://github.com/carhartl/jquery-cookie/issues",
+  "homepage": "https://github.com/carhartl/jquery-cookie",
+  "docs": "https://github.com/carhartl/jquery-cookie#readme"
+}
diff --git a/jquery-cookie/jquery.cookie.js b/jquery-cookie/jquery.cookie.js
new file mode 100644
index 0000000..c7f3a59
--- /dev/null
+++ b/jquery-cookie/jquery.cookie.js
@@ -0,0 +1,117 @@
+/*!
+ * jQuery Cookie Plugin v1.4.1
+ * https://github.com/carhartl/jquery-cookie
+ *
+ * Copyright 2013 Klaus Hartl
+ * Released under the MIT license
+ */
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof exports === 'object') {
+		// CommonJS
+		factory(require('jquery'));
+	} else {
+		// Browser globals
+		factory(jQuery);
+	}
+}(function ($) {
+
+	var pluses = /\+/g;
+
+	function encode(s) {
+		return config.raw ? s : encodeURIComponent(s);
+	}
+
+	function decode(s) {
+		return config.raw ? s : decodeURIComponent(s);
+	}
+
+	function stringifyCookieValue(value) {
+		return encode(config.json ? JSON.stringify(value) : String(value));
+	}
+
+	function parseCookieValue(s) {
+		if (s.indexOf('"') === 0) {
+			// This is a quoted cookie as according to RFC2068, unescape...
+			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
+		}
+
+		try {
+			// Replace server-side written pluses with spaces.
+			// If we can't decode the cookie, ignore it, it's unusable.
+			// If we can't parse the cookie, ignore it, it's unusable.
+			s = decodeURIComponent(s.replace(pluses, ' '));
+			return config.json ? JSON.parse(s) : s;
+		} catch(e) {}
+	}
+
+	function read(s, converter) {
+		var value = config.raw ? s : parseCookieValue(s);
+		return $.isFunction(converter) ? converter(value) : value;
+	}
+
+	var config = $.cookie = function (key, value, options) {
+
+		// Write
+
+		if (value !== undefined && !$.isFunction(value)) {
+			options = $.extend({}, config.defaults, options);
+
+			if (typeof options.expires === 'number') {
+				var days = options.expires, t = options.expires = new Date();
+				t.setTime(+t + days * 864e+5);
+			}
+
+			return (document.cookie = [
+				encode(key), '=', stringifyCookieValue(value),
+				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
+				options.path    ? '; path=' + options.path : '',
+				options.domain  ? '; domain=' + options.domain : '',
+				options.secure  ? '; secure' : ''
+			].join(''));
+		}
+
+		// Read
+
+		var result = key ? undefined : {};
+
+		// To prevent the for loop in the first place assign an empty array
+		// in case there are no cookies at all. Also prevents odd result when
+		// calling $.cookie().
+		var cookies = document.cookie ? document.cookie.split('; ') : [];
+
+		for (var i = 0, l = cookies.length; i < l; i++) {
+			var parts = cookies[i].split('=');
+			var name = decode(parts.shift());
+			var cookie = parts.join('=');
+
+			if (key && key === name) {
+				// If second argument (value) is a function it's a converter...
+				result = read(cookie, value);
+				break;
+			}
+
+			// Prevent storing a cookie that we couldn't decode.
+			if (!key && (cookie = read(cookie)) !== undefined) {
+				result[name] = cookie;
+			}
+		}
+
+		return result;
+	};
+
+	config.defaults = {};
+
+	$.removeCookie = function (key, options) {
+		if ($.cookie(key) === undefined) {
+			return false;
+		}
+
+		// Must not alter options, thus extending a fresh object...
+		$.cookie(key, '', $.extend({}, options, { expires: -1 }));
+		return !$.cookie(key);
+	};
+
+}));
diff --git a/jquery-cookie/package.json b/jquery-cookie/package.json
new file mode 100644
index 0000000..d52070a
--- /dev/null
+++ b/jquery-cookie/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "jquery.cookie",
+  "version": "1.4.1",
+  "description": "A simple, lightweight jQuery plugin for reading, writing and deleting cookies.",
+  "main": "jquery.cookie.js",
+  "directories": {
+    "test": "test"
+  },
+  "scripts": {
+    "test": "grunt"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/carhartl/jquery-cookie.git"
+  },
+  "author": "Klaus Hartl",
+  "license": "MIT",
+  "gitHead": "bd3c9713222bace68d25fe2128c0f8633cad1269",
+  "readmeFilename": "README.md",
+  "devDependencies": {
+    "grunt": "~0.4.1",
+    "grunt-contrib-jshint": "~0.4.0",
+    "grunt-contrib-uglify": "~0.2.0",
+    "grunt-contrib-qunit": "~0.2.0",
+    "grunt-contrib-watch": "~0.3.0",
+    "grunt-compare-size": "~0.4.0",
+    "grunt-saucelabs": "~4.1.1",
+    "grunt-contrib-connect": "~0.5.0",
+    "gzip-js": "~0.3.0"
+  },
+  "volo": {
+    "url": "https://raw.github.com/carhartl/jquery-cookie/v{version}/jquery.cookie.js"
+  },
+  "jspm": {
+    "main": "jquery.cookie",
+    "files": ["jquery.cookie.js"],
+    "buildConfig": {
+      "uglify": true
+    }
+  },
+  "jam": {
+    "dependencies": {
+      "jquery": ">=1.2"
+    },
+    "main": "jquery.cookie.js",
+    "include": [
+      "jquery.cookie.js"
+    ]
+  }
+}
diff --git a/jquery-cookie/test/index.html b/jquery-cookie/test/index.html
new file mode 100644
index 0000000..1a6016b
--- /dev/null
+++ b/jquery-cookie/test/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>jquery.cookie Test Suite</title>
+		<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.10.0.css">
+		<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
+		<script src="http://code.jquery.com/qunit/qunit-1.10.0.js"></script>
+		<script src="../jquery.cookie.js"></script>
+		<script src="tests.js"></script>
+	</head>
+	<body>
+		<h1 id="qunit-header">jquery.cookie Test Suite</h1>
+		<h2 id="qunit-banner"></h2>
+		<div id="qunit-testrunner-toolbar"></div>
+		<h2 id="qunit-userAgent"></h2>
+		<ol id="qunit-tests"></ol>
+	</body>
+</html>
diff --git a/jquery-cookie/test/malformed_cookie.html b/jquery-cookie/test/malformed_cookie.html
new file mode 100644
index 0000000..b4a3f78
--- /dev/null
+++ b/jquery-cookie/test/malformed_cookie.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+	<head>
+		<title></title>
+		<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
+		<script src="../jquery.cookie.js"></script>
+		<script>
+			try {
+				Object.defineProperty(document, "cookie", { get: function() { return "first=one; ; second=two"; } });
+				window.testValue = $.cookie("second");
+				window.ok = true;
+			} catch (er) {
+			}
+		</script>
+	</head>
+	<body>
+	</body>
+</html>
diff --git a/jquery-cookie/test/server.js b/jquery-cookie/test/server.js
new file mode 100644
index 0000000..8d2e712
--- /dev/null
+++ b/jquery-cookie/test/server.js
@@ -0,0 +1,24 @@
+var http = require('http');
+var url  = require('url');
+var path = require('path');
+var fs   = require('fs');
+
+http.createServer(function(request, response) {
+	var uri = url.parse(request.url).pathname;
+	var filename = path.join(process.cwd(), uri);
+
+	fs.readFile(filename, 'binary', function(err, file) {
+		if (err) {
+			response.writeHead(500, { 'Content-Type': 'text/plain' });
+			response.write(err + '\n');
+			response.end();
+			return;
+		}
+
+		response.writeHead(200, filename.match(/\.js$/) ? { 'Content-Type': 'text/javascript' } : {});
+		response.write(file, 'utf-8');
+		response.end();
+	});
+}).listen(8124, '0.0.0.0');
+
+console.log('Test suite at http://0.0.0.0:8124/test/index.html');
diff --git a/jquery-cookie/test/tests.js b/jquery-cookie/test/tests.js
new file mode 100644
index 0000000..bd32552
--- /dev/null
+++ b/jquery-cookie/test/tests.js
@@ -0,0 +1,325 @@
+var lifecycle = {
+	teardown: function () {
+		$.cookie.defaults = {};
+		delete $.cookie.raw;
+		delete $.cookie.json;
+		$.each($.cookie(), $.removeCookie);
+	}
+};
+
+
+module('read', lifecycle);
+
+test('simple value', function () {
+	expect(1);
+	document.cookie = 'c=v';
+	strictEqual($.cookie('c'), 'v', 'should return value');
+});
+
+test('empty value', function () {
+	expect(1);
+	// IE saves cookies with empty string as "c; ", e.g. without "=" as opposed to EOMB, which
+	// resulted in a bug while reading such a cookie.
+	$.cookie('c', '');
+	strictEqual($.cookie('c'), '', 'should return value');
+});
+
+test('not existing', function () {
+	expect(1);
+	strictEqual($.cookie('whatever'), undefined, 'return undefined');
+});
+
+test('RFC 2068 quoted string', function () {
+	expect(1);
+	document.cookie = 'c="v@address.com\\"\\\\\\""';
+	strictEqual($.cookie('c'), 'v@address.com"\\"', 'should decode RFC 2068 quoted string');
+});
+
+test('decode', function () {
+	expect(1);
+	document.cookie = encodeURIComponent(' c') + '=' + encodeURIComponent(' v');
+	strictEqual($.cookie(' c'), ' v', 'should decode key and value');
+});
+
+test('decode pluses to space for server side written cookie', function () {
+	expect(1);
+	document.cookie = 'c=foo+bar';
+	strictEqual($.cookie('c'), 'foo bar', 'should convert pluses back to space');
+});
+
+test('raw = true', function () {
+	expect(2);
+	$.cookie.raw = true;
+
+	document.cookie = 'c=%20v';
+	strictEqual($.cookie('c'), '%20v', 'should not decode value');
+
+	// see https://github.com/carhartl/jquery-cookie/issues/50
+	$.cookie('c', 'foo=bar');
+	strictEqual($.cookie('c'), 'foo=bar', 'should include the entire value');
+});
+
+test('json = true', function () {
+	expect(1);
+
+	if ('JSON' in window) {
+		$.cookie.json = true;
+		$.cookie('c', { foo: 'bar' });
+		deepEqual($.cookie('c'), { foo: 'bar' }, 'should parse JSON');
+	} else {
+		ok(true);
+	}
+});
+
+test('not existing with json = true', function () {
+	expect(1);
+
+	if ('JSON' in window) {
+		$.cookie.json = true;
+		strictEqual($.cookie('whatever'), undefined, "won't throw exception");
+	} else {
+		ok(true);
+	}
+});
+
+test('string with json = true', function () {
+	expect(1);
+
+	if ('JSON' in window) {
+		$.cookie.json = true;
+		$.cookie('c', 'v');
+		strictEqual($.cookie('c'), 'v', 'should return value');
+	} else {
+		ok(true);
+	}
+});
+
+test('invalid JSON string with json = true', function () {
+	expect(1);
+
+	if ('JSON' in window) {
+		$.cookie('c', 'v');
+		$.cookie.json = true;
+		strictEqual($.cookie('c'), undefined, "won't throw exception, returns undefined");
+	} else {
+		ok(true);
+	}
+});
+
+test('invalid URL encoding', function () {
+	expect(1);
+	document.cookie = 'bad=foo%';
+	strictEqual($.cookie('bad'), undefined, "won't throw exception, returns undefined");
+	// Delete manually here because it requires raw === true...
+	$.cookie.raw = true;
+	$.removeCookie('bad');
+});
+
+asyncTest('malformed cookie value in IE (#88, #117)', function () {
+	expect(1);
+	// Sandbox in an iframe so that we can poke around with document.cookie.
+	var iframe = $('<iframe src="malformed_cookie.html"></iframe>')[0];
+	$(iframe).on('load', function () {
+		start();
+		if (iframe.contentWindow.ok) {
+			strictEqual(iframe.contentWindow.testValue, 'two', 'reads all cookie values, skipping duplicate occurences of "; "');
+		} else {
+			// Skip the test where we can't stub document.cookie using
+			// Object.defineProperty. Seems to work fine in
+			// Chrome, Firefox and IE 8+.
+			ok(true, 'N/A');
+		}
+	});
+	document.body.appendChild(iframe);
+});
+
+test('Call to read all when there are cookies', function () {
+	$.cookie('c', 'v');
+	$.cookie('foo', 'bar');
+	deepEqual($.cookie(), { c: 'v', foo: 'bar' }, 'returns object containing all cookies');
+});
+
+test('Call to read all when there are no cookies at all', function () {
+	deepEqual($.cookie(), {}, 'returns empty object');
+});
+
+test('Call to read all with json: true', function () {
+	$.cookie.json = true;
+	$.cookie('c', { foo: 'bar' });
+	deepEqual($.cookie(), { c: { foo: 'bar' } }, 'returns JSON parsed cookies');
+});
+
+test('Call to read all with a badly encoded cookie', function () {
+	expect(1);
+	document.cookie = 'bad=foo%';
+	document.cookie = 'good=foo';
+	deepEqual($.cookie(), { good: 'foo' }, 'returns object containing all decodable cookies');
+	// Delete manually here because it requires raw === true...
+	$.cookie.raw = true;
+	$.removeCookie('bad');
+});
+
+
+module('write', lifecycle);
+
+test('String primitive', function () {
+	expect(1);
+	$.cookie('c', 'v');
+	strictEqual($.cookie('c'), 'v', 'should write value');
+});
+
+test('String object', function () {
+	expect(1);
+	$.cookie('c', new String('v'));
+	strictEqual($.cookie('c'), 'v', 'should write value');
+});
+
+test('value "[object Object]"', function () {
+	expect(1);
+	$.cookie('c', '[object Object]');
+	strictEqual($.cookie('c'), '[object Object]', 'should write value');
+});
+
+test('number', function () {
+	expect(1);
+	$.cookie('c', 1234);
+	strictEqual($.cookie('c'), '1234', 'should write value');
+});
+
+test('expires option as days from now', function () {
+	expect(1);
+	var sevenDaysFromNow = new Date();
+	sevenDaysFromNow.setDate(sevenDaysFromNow.getDate() + 7);
+	strictEqual($.cookie('c', 'v', { expires: 7 }), 'c=v; expires=' + sevenDaysFromNow.toUTCString(),
+		'should write the cookie string with expires');
+});
+
+test('expires option as fraction of a day', function () {
+	expect(1);
+
+	var now = new Date().getTime();
+	var expires = Date.parse($.cookie('c', 'v', { expires: 0.5 }).replace(/.+expires=/, ''));
+
+	// When we were using Date.setDate() fractions have been ignored
+	// and expires resulted in the current date. Allow 1000 milliseconds
+	// difference for execution time.
+	ok(expires > now + 1000, 'should write expires attribute with the correct date');
+});
+
+test('expires option as Date instance', function () {
+	expect(1);
+	var sevenDaysFromNow = new Date();
+	sevenDaysFromNow.setDate(sevenDaysFromNow.getDate() + 7);
+	strictEqual($.cookie('c', 'v', { expires: sevenDaysFromNow }), 'c=v; expires=' + sevenDaysFromNow.toUTCString(),
+		'should write the cookie string with expires');
+});
+
+test('return value', function () {
+	expect(1);
+	strictEqual($.cookie('c', 'v'), 'c=v', 'should return written cookie string');
+});
+
+test('defaults', function () {
+	expect(2);
+	$.cookie.defaults.path = '/foo';
+	ok($.cookie('c', 'v').match(/path=\/foo/), 'should use options from defaults');
+	ok($.cookie('c', 'v', { path: '/bar' }).match(/path=\/bar/), 'options argument has precedence');
+});
+
+test('raw = true', function () {
+	expect(1);
+	$.cookie.raw = true;
+	strictEqual($.cookie('c[1]', 'v[1]'), 'c[1]=v[1]', 'should not encode');
+	// Delete manually here because it requires raw === true...
+	$.removeCookie('c[1]');
+});
+
+test('json = true', function () {
+	expect(1);
+	$.cookie.json = true;
+
+	if ('JSON' in window) {
+		$.cookie('c', { foo: 'bar' });
+		strictEqual(document.cookie, 'c=' + encodeURIComponent(JSON.stringify({ foo: 'bar' })), 'should stringify JSON');
+	} else {
+		ok(true);
+	}
+});
+
+
+module('removeCookie', lifecycle);
+
+test('deletion', function () {
+	expect(1);
+	$.cookie('c', 'v');
+	$.removeCookie('c');
+	strictEqual(document.cookie, '', 'should delete the cookie');
+});
+
+test('when sucessfully deleted', function () {
+	expect(1);
+	$.cookie('c', 'v');
+	strictEqual($.removeCookie('c'), true, 'returns true');
+});
+
+test('when deletion failed', function () {
+	expect(1);
+	$.cookie('c', 'v');
+
+	var originalCookie = $.cookie;
+	$.cookie = function () {
+		// Stub deletion...
+		if (arguments.length === 1) {
+			return originalCookie.apply(null, arguments);
+		}
+	};
+
+	strictEqual($.removeCookie('c'), false, 'returns false');
+
+	$.cookie = originalCookie;
+});
+
+test('when cookie does not exist', function () {
+	expect(1);
+	strictEqual($.removeCookie('c'), false, 'returns false');
+});
+
+test('with options', function () {
+	expect(1);
+	var options = { path: '/' };
+	$.cookie('c', 'v', options);
+	$.removeCookie('c', options);
+	strictEqual(document.cookie, '', 'should delete the cookie');
+});
+
+test('passing options reference', function () {
+	expect(1);
+	var options = { path: '/' };
+	$.cookie('c', 'v', options);
+	$.removeCookie('c', options);
+	deepEqual(options, { path: '/' }, "won't alter options object");
+});
+
+test('[] used in name', function () {
+	expect(1);
+	$.cookie.raw = true;
+	document.cookie = 'c[1]=foo';
+	$.removeCookie('c[1]');
+	strictEqual(document.cookie, '', 'delete the cookie');
+});
+
+
+module('conversion', lifecycle);
+
+test('read converter', function() {
+	expect(1);
+	$.cookie('c', '1');
+	strictEqual($.cookie('c', Number), 1, 'converts read value');
+});
+
+test('read converter with raw = true', function() {
+	expect(1);
+	$.cookie.raw = true;
+	$.cookie('c', '1');
+	strictEqual($.cookie('c', Number), 1, 'does not decode, but converts read value');
+});
diff --git a/jquery.storage.js-master/.gitattributes b/jquery.storage.js-master/.gitattributes
new file mode 100644
index 0000000..412eeda
--- /dev/null
+++ b/jquery.storage.js-master/.gitattributes
@@ -0,0 +1,22 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# Custom for Visual Studio
+*.cs     diff=csharp
+*.sln    merge=union
+*.csproj merge=union
+*.vbproj merge=union
+*.fsproj merge=union
+*.dbproj merge=union
+
+# Standard to msysgit
+*.doc	 diff=astextplain
+*.DOC	 diff=astextplain
+*.docx diff=astextplain
+*.DOCX diff=astextplain
+*.dot  diff=astextplain
+*.DOT  diff=astextplain
+*.pdf  diff=astextplain
+*.PDF	 diff=astextplain
+*.rtf	 diff=astextplain
+*.RTF	 diff=astextplain
diff --git a/jquery.storage.js-master/.gitignore b/jquery.storage.js-master/.gitignore
new file mode 100644
index 0000000..b9d6bd9
--- /dev/null
+++ b/jquery.storage.js-master/.gitignore
@@ -0,0 +1,215 @@
+#################
+## Eclipse
+#################
+
+*.pydevproject
+.project
+.metadata
+bin/
+tmp/
+*.tmp
+*.bak
+*.swp
+*~.nib
+local.properties
+.classpath
+.settings/
+.loadpath
+
+# External tool builders
+.externalToolBuilders/
+
+# Locally stored "Eclipse launch configurations"
+*.launch
+
+# CDT-specific
+.cproject
+
+# PDT-specific
+.buildpath
+
+
+#################
+## Visual Studio
+#################
+
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+
+# User-specific files
+*.suo
+*.user
+*.sln.docstates
+
+# Build results
+
+[Dd]ebug/
+[Rr]elease/
+x64/
+build/
+[Bb]in/
+[Oo]bj/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+*_i.c
+*_p.c
+*.ilk
+*.meta
+*.obj
+*.pch
+*.pdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*.log
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.log
+*.scc
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opensdf
+*.sdf
+*.cachefile
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# NCrunch
+*.ncrunch*
+.*crunch*.local.xml
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.Publish.xml
+*.pubxml
+
+# NuGet Packages Directory
+## TODO: If you have NuGet Package Restore enabled, uncomment the next line
+#packages/
+
+# Windows Azure Build Output
+csx
+*.build.csdef
+
+# Windows Store app package directory
+AppPackages/
+
+# Others
+sql/
+*.Cache
+ClientBin/
+[Ss]tyle[Cc]op.*
+~$*
+*~
+*.dbmdl
+*.[Pp]ublish.xml
+*.pfx
+*.publishsettings
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file to a newer
+# Visual Studio version. Backup files are not needed, because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+
+# SQL Server files
+App_Data/*.mdf
+App_Data/*.ldf
+
+#############
+## Windows detritus
+#############
+
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Mac crap
+.DS_Store
+
+
+#############
+## Python
+#############
+
+*.py[co]
+
+# Packages
+*.egg
+*.egg-info
+dist/
+build/
+eggs/
+parts/
+var/
+sdist/
+develop-eggs/
+.installed.cfg
+
+# Installer logs
+pip-log.txt
+
+# Unit test / coverage reports
+.coverage
+.tox
+
+#Translations
+*.mo
+
+#Mr Developer
+.mr.developer.cfg
diff --git a/jquery.storage.js-master/README.md b/jquery.storage.js-master/README.md
new file mode 100644
index 0000000..975a48a
--- /dev/null
+++ b/jquery.storage.js-master/README.md
@@ -0,0 +1,171 @@
+# jQuery.storage.js
+
+## Usage
+It's quite simple!
+
+Standard prozedure, include `jquery` and `jquery.storage.js`:
+```html
+<script src="jquery.js"></script>
+<script src="jquery.storage.js"></script>
+
+<!--
+You can optional include a $.cookie plugin
+to support older browsers (e.q. IE lt 7)
+I recommend the plugin from Klaus Hartl:
+https://github.com/carhartl/jquery-cookie
+
+(but you can of course use any other plugin with an equal syntax)
+<script src="jquery.cookie.js"></script>
+-->
+```
+
+<!-- Now you can use [storage](https://github.com/yckart/jquery.storage.js): -->
+
+### Create or update an item
+#### localStorage
+    $.localStorage('foo', 'bar');
+
+#### sessionStorage
+    $.sessionStorage('foo', 'bar');
+
+### Get an item or items
+#### localStorage
+To get a single value just pass your key as a `string`:
+
+    $.localStorage('foo'); // 'bar'
+
+for multiple returns use an array instead:
+
+    $.localStorage(['key1', 'key2']); // ['value1', 'value2']
+
+#### sessionStorage
+To get a single value just pass your key as a `string`:
+
+    $.sessionStorage('foo'); // 'bar'
+
+for multiple returns use an array instead:
+
+    $.sessionStorage(['key1', 'key2']); // ['value1', 'value2']
+
+### Remove an item
+#### localStorage
+    $.localStorage('foo', null);
+
+#### sessionStorage
+    $.sessionStorage('foo', null);
+
+## Options
+| option | description | default |
+|:--|:--|:--|
+| `cookiePrefix` |  Defines a prefix to prepend to your cookie-fallback | `'fallback:' + method + ':'` |
+| `path` |  The cookie path to use. | `'/'` |
+| `domain` | The cookie domain to use. | `document.domain` |
+| `expires` | The time when your cookie has to expire. | `('localStorage' === method) ? { expires: 365 } : undefined` |
+
+<!-- You've two ways to set/override the default options:
+
+### 1st -->
+
+    $.localStorage.options = {
+        cookiePrefix : 'fallback:' + method + ':',
+        cookieOptions : {
+            path : '/',
+            domain : document.domain,
+            expires : ('localStorage' === method) ? { expires: 365 } : undefined
+        }
+    };
+<!-- 
+### 2nd
+
+    var ls = $.localStorage({
+        cookiePrefix : 'fallback:' + method + ':',
+        cookieOptions : {
+            path : '/',
+            domain : document.domain,
+            expires : ('localStorage' === method) ? { expires: 365 } : undefined
+        }
+    });
+-->
+
+## Public Methods
+There're some public methods which you can use instead of the default syntax.
+<!-- 
+If you prefer this style I recommend that you use the [2nd way](https://github.com/yckart/jquery.storage.js/blob/master/README.md#2nd) of setting the plugin-defaults.
+-->
+...by the way the following methods can (of course) also used with `$.sessionStorage()`:
+
+    var ls = $.localStorage();
+    var ss = $.sessionStorage();
+
+### `setItem()`
+To set a storage-item you can attach `setItem` to your `storage`-instance:
+
+    ls.setItem('foo', 'bar');
+
+
+
+### `getItem()`
+gets an earlier *setted*, it is just as easy as [`setItem`](https://github.com/yckart/jquery.storage.js/blob/master/README.md#setitem).
+Attach `getItem` to your instance and pass the key/s (as a `string`) to it:
+
+    ls.getItem('foo'); // 'bar'
+
+If you need to get more than one `value` pass your `keys` as an `array` to `getItem`:
+
+    ls.getItem(['key1', 'key2']); // ['value1', 'value2']
+
+
+
+### `removeItem()`
+removes an earlier defined item:
+
+    ls.removeItem('foo') // null
+
+
+
+### `clear()`
+Sometimes you need to remove **all** key-value pairs, dont worry this is just as easy as anything else:
+
+    ls.clear();
+
+
+
+## Extras
+[Storage](https://github.com/yckart/jquery.storage.js) gives you two new `jQuery.support`-properties:
+
+* `$.support.localStorage` | Tests for `localStorage`-support
+* `$.support.sessionStorage` | Tests for `sessionStorage`-support
+
+Both return `true` or `false`, depending on the availability.
+
+## Download
+ Get the [raw](https://raw.github.com/yckart/jquery.fixer.js/master/jquery.storage.js) script, download the complete [package](https://github.com/yckart/jquery.storage.js/zipball/master) or fork it on [GitHub](https://github.com/yckart/jquery.storage.js/).
+
+## Support
+
+ [@yckart](http://twitter.com/yckart) #jquery #storage
+ 
+ [http://yckart.com](http://yckart.com/)
+
+
+## Todo
+
+Make it possible to pass the options as object to the `$.storage`-method, like this:
+
+    var ls = $.localStorage({
+        cookiePrefix : 'fallback:' + method + ':',
+        cookieOptions : {
+            path : '/',
+            domain : document.domain,
+            expires : ('localStorage' === method) ? { expires: 365 } : undefined
+        }
+    });
+
+###License
+Copyright (c) 2013 Yannick Albert ([http://yckart.com/](http://yckart.com/))
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/jquery.storage.js-master/index.html b/jquery.storage.js-master/index.html
new file mode 100644
index 0000000..5412071
--- /dev/null
+++ b/jquery.storage.js-master/index.html
@@ -0,0 +1,182 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset='utf-8'>
+    <meta name='viewport' content='width=device-width'>
+
+    <link href='http://fonts.googleapis.com/css?family=Numans' rel='stylesheet'>
+    <style>
+        html,body{height:100%; margin:0; padding:0}
+        body {
+            font-family: 'Numans', sans-serif;
+            text-align: center;
+            background: whiteSmoke;
+            background: -moz-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
+            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
+            background: -webkit-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
+            background: -o-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
+            background: -ms-radial-gradient(center, ellipse cover, white 0%, #f6f6f6 47%, #ededed 100%);
+            background: radial-gradient(ellipse at center, white 0%, #f6f6f6 47%, #ededed 100%);
+            filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, finishopacity=90, style=2);
+        }
+        hr{
+            border: 0;
+            border-top: 1px solid #ccc;
+            border-bottom: 1px solid #fff;
+            box-shadow: 3px 3px 20px 5px #eee;
+        }
+
+        .example {width:600px; margin: 60px auto 0}
+        .example div {text-align:left; margin: 20px}
+
+        .local {}
+        .local input {background: transparent; border:none; border-bottom: 1px dotted #aaa}
+        .local input, .local pre { font-family:courier, 'courier new', mono-space; }
+
+        .session {}
+        #box {
+            float:left;
+            width: 128px;
+            height: 128px;
+            background: rgb(0, 170, 238)
+        }
+        .session input {display:block}
+    </style>
+
+    <title>jquery.ga.js | Google analytics implementation for jQuery.</title>
+</head>
+
+<body>
+    <h1>jQuery Storage</h1>
+
+    <div class="example local">
+        <h2>localStorage</h2>
+        <hr>
+        <div class="set">
+            <code>$.localStorage('</code><input type="text" class="key" placeholder="Enter a key..."><code>', '</code> <input type="text" class="value" placeholder="Enter a value..."> <code>');</code>
+            <!-- <button>Set item</button> -->
+        </div>
+
+        <div class="get">
+            <code>$.localStorage('</code><input type="text" placeholder="Enter an item..."><code>'); <span class="result"></span></code>
+            <!-- <button>Get item</button> -->
+        </div>
+
+        <div class="remove">
+            <code>$.localStorage('</code><input type="text" placeholder="Enter an item..."><code>', null);</code>
+            <button>Remove item</button>
+        </div>
+    </div>
+
+    <div class="example session">
+        <h2>sessionStorage</h2>
+        <hr>
+        <div>
+            <div id="box"></div>
+            <label for="r">Red</label>
+            <input type="range" value="100" min="0" max="255" step="1" id="r" />
+
+            <label for="g">Green</label>
+            <input type="range" value="100" min="0" max="255" step="1" id="g" />
+
+            <label for="b">Blue</label>
+            <input type="range" value="100" min="0" max="255" step="1" id="b" />
+            <button>Reset</button>
+        </div>
+
+        <hr>
+
+        <i>- No documentation yet -</i>
+
+
+        <!-- <a href="">yckart.com</a> -->
+    </div>
+
+    <script src='http://code.jquery.com/jquery-1.9.1.min.js'></script>
+    <script src='jquery.storage.js'></script>
+    <script>
+        /* localStorage
+        ================= */
+        var local = $('.local'),
+            set = $('.set'),
+            get = $('.get'),
+            del = $('.remove');
+
+        set.find('input').keyup(function(){
+            $.localStorage( set.find('.key').val(), set.find('.value').val() );
+            get.find('input').val( set.find('.key').val() );
+            get.find('.result').text( '// ' + $.localStorage( set.find('.key').val() ) )
+        });
+        get.find('.result').text( '// ' + $.localStorage( set.find('.key').val() ) )
+
+        get.find('input').keyup(function(){
+            get.find('.result').text( '// ' + $.localStorage( get.find('input').val() ) )
+        });
+
+        del.find('button').click(function(){
+            var val = $.localStorage(del.find('input').val(), null);
+
+        });
+
+        var resizeInput = function() {
+            var self = $(this),
+                newWidth = self.val().length,
+                minWidth = self.attr('placeholder').length;
+            self.attr('size', newWidth > minWidth ? newWidth : minWidth);
+        };
+
+        $('input[type="text"]').on('keydown keyup', resizeInput).each(resizeInput);
+
+
+
+        /* sessionStorage
+        ================= */
+        var session = $('.session');
+
+        var boxRGB = $.data(this, 'rgb', $('#box').css('backgroundColor').match(/\d+/g)),
+            RGB = $.sessionStorage('rgb') || boxRGB;
+
+        $('#box').css({
+            backgroundColor: 'rgb(' + RGB[0] + ',' + RGB[1] + ',' + RGB[2] + ')'
+        });
+
+        session.find('input').each(function(i){
+            $(this).val(RGB[i]);
+        });
+
+        session.find('input').on('change keyup', function(){
+
+            $.sessionStorage('rgb', [
+                $('#r').val(),
+                $('#g').val(),
+                $('#b').val()
+            ]);
+
+            RGB = $.sessionStorage('rgb');
+
+            $('#box').css({
+                backgroundColor: 'rgb(' + RGB[0] + ',' + RGB[1] + ',' + RGB[2] + ')'
+            });
+        });
+
+
+        session.find('button').click(function(){
+            $.sessionStorage('rgb', null);
+            $('#box').css({
+                backgroundColor: 'rgb(' + boxRGB[0] + ',' + boxRGB[1] + ',' + boxRGB[2] + ')'
+            });
+            session.find('input').each(function(i){
+                $(this).val(boxRGB[i]);
+            });
+        });
+
+        // Allow only rgb values as input
+        session.find('input').keyup(function (e) {
+            var v = this.value,
+                s = v.slice(0,-1);
+            this.value = v.charAt(0) > 2 ? s : v.charAt(0) > 1 && v.charAt(1) > 5 ? s : v > 255 ? s : v.replace(/\D/g,''); // /[^0-9\.]/g
+        });
+
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/jquery.storage.js-master/jquery.storage.js b/jquery.storage.js-master/jquery.storage.js
new file mode 100644
index 0000000..4894610
--- /dev/null
+++ b/jquery.storage.js-master/jquery.storage.js
@@ -0,0 +1,82 @@
+/*!
+ * jquery.storage.js 0.0.3 - https://github.com/yckart/jquery.storage.js
+ * The client-side storage for every browser, on any device.
+ *
+ * Copyright (c) 2012 Yannick Albert (http://yckart.com)
+ * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
+ * 2013/02/10
+ **/
+;(function($, window, document) {
+    'use strict';
+
+    $.map(['localStorage', 'sessionStorage'], function( method ) {
+        var defaults = {
+            cookiePrefix : 'fallback:' + method + ':',
+            cookieOptions : {
+                path : '/',
+                domain : document.domain,
+                expires : ('localStorage' === method) ? { expires: 365 } : undefined
+            }
+        };
+
+        try {
+            $.support[method] = method in window && window[method] !== null;
+        } catch (e) {
+            $.support[method] = false;
+        }
+
+        $[method] = function(key, value) {
+            var options = $.extend({}, defaults, $[method].options);
+
+            this.getItem = function( key ) {
+                var returns = function(key){
+                    return JSON.parse($.support[method] ? window[method].getItem(key) : $.cookie(options.cookiePrefix + key));
+                };
+                if(typeof key === 'string') return returns(key);
+
+                var arr = [],
+                    i = key.length;
+                while(i--) arr[i] = returns(key[i]);
+                return arr;
+            };
+
+            this.setItem = function( key, value ) {
+                value = JSON.stringify(value);
+                return $.support[method] ? window[method].setItem(key, value) : $.cookie(options.cookiePrefix + key, value, options.cookieOptions);
+            };
+
+            this.removeItem = function( key ) {
+                return $.support[method] ? window[method].removeItem(key) : $.cookie(options.cookiePrefix + key, null, $.extend(options.cookieOptions, {
+                    expires: -1
+                }));
+            };
+
+            this.clear = function() {
+                if($.support[method]) {
+                    return window[method].clear();
+                } else {
+                    var reg = new RegExp('^' + options.cookiePrefix, ''),
+                        opts = $.extend(options.cookieOptions, {
+                            expires: -1
+                        });
+
+                    if(document.cookie && document.cookie !== ''){
+                        $.map(document.cookie.split(';'), function( cookie ){
+                            if(reg.test(cookie = $.trim(cookie))) {
+                                 $.cookie( cookie.substr(0,cookie.indexOf('=')), null, opts);
+                            }
+                        });
+                    }
+                }
+            };
+
+            if (typeof key !== "undefined") {
+                return typeof value !== "undefined" ? ( value === null ? this.removeItem(key) : this.setItem(key, value) ) : this.getItem(key);
+            }
+
+            return this;
+        };
+
+        $[method].options = defaults;
+    });
+}(jQuery, window, document));
\ No newline at end of file
diff --git a/jquery.storage.js-master/localstorage.jquery.json b/jquery.storage.js-master/localstorage.jquery.json
new file mode 100644
index 0000000..9eb4402
--- /dev/null
+++ b/jquery.storage.js-master/localstorage.jquery.json
@@ -0,0 +1,31 @@
+{
+    "name": "localstorage",
+    "title": "jQuery Localstorage",
+    "description": "The client-side storage for every browser, on any device.",
+    "keywords": [
+        "cookie",
+        "storage",
+        "localstorage",
+        "save",
+        "yckart",
+        "yannick",
+        "albert"
+    ],
+    "version": "0.0.3",
+    "author": {
+        "name": "Yannick Albert",
+        "email": "mail@yckart.com",
+        "url": "https://github.com/yckart"
+    },
+    "licenses": [{
+        "type": "MIT",
+        "url": "http://yckart.com/mit/"
+    }],
+    "homepage": "http://yckart.github.com/jquery.storage.js",
+    "demo": "http://yckart.github.com/jquery.storage.js",
+    "docs": "https://github.com/yckart/jquery.storage.js",
+    "bugs": "https://github.com/yckart/jquery.storage.js/issues",
+    "dependencies": {
+        "jquery": ">=1.6.4"
+    }
+}
\ No newline at end of file
diff --git a/jquery.storage.js-master/sessionstorage.jquery.json b/jquery.storage.js-master/sessionstorage.jquery.json
new file mode 100644
index 0000000..5817b37
--- /dev/null
+++ b/jquery.storage.js-master/sessionstorage.jquery.json
@@ -0,0 +1,31 @@
+{
+    "name": "sessionstorage",
+    "title": "jQuery Sessionstorage",
+    "description": "The client-side storage for every browser, on any device.",
+    "keywords": [
+        "cookie",
+        "storage",
+        "localstorage",
+        "save",
+        "yckart",
+        "yannick",
+        "albert"
+    ],
+    "version": "0.0.3",
+    "author": {
+        "name": "Yannick Albert",
+        "email": "mail@yckart.com",
+        "url": "https://github.com/yckart"
+    },
+    "licenses": [{
+        "type": "MIT",
+        "url": "http://yckart.com/mit/"
+    }],
+    "homepage": "http://yckart.github.com/jquery.storage.js",
+    "demo": "http://yckart.github.com/jquery.storage.js",
+    "docs": "https://github.com/yckart/jquery.storage.js",
+    "bugs": "https://github.com/yckart/jquery.storage.js/issues",
+    "dependencies": {
+        "jquery": ">=1.6.4"
+    }
+}
\ No newline at end of file
diff --git a/jquery.storage.js-master/storage.jquery.json b/jquery.storage.js-master/storage.jquery.json
new file mode 100644
index 0000000..296742c
--- /dev/null
+++ b/jquery.storage.js-master/storage.jquery.json
@@ -0,0 +1,31 @@
+{
+    "name": "storage",
+    "title": "jQuery Storage",
+    "description": "The client-side storage for every browser, on any device.",
+    "keywords": [
+        "cookie",
+        "storage",
+        "localstorage",
+        "save",
+        "yckart",
+        "yannick",
+        "albert"
+    ],
+    "version": "0.0.3",
+    "author": {
+        "name": "Yannick Albert",
+        "email": "mail@yckart.com",
+        "url": "https://github.com/yckart"
+    },
+    "licenses": [{
+        "type": "MIT",
+        "url": "http://yckart.com/mit/"
+    }],
+    "homepage": "http://yckart.github.com/jquery.storage.js",
+    "demo": "http://yckart.github.com/jquery.storage.js",
+    "docs": "https://github.com/yckart/jquery.storage.js",
+    "bugs": "https://github.com/yckart/jquery.storage.js/issues",
+    "dependencies": {
+        "jquery": ">=1.6.4"
+    }
+}
\ No newline at end of file
diff --git a/storage.js-master/.DS_Store b/storage.js-master/.DS_Store
new file mode 100644
index 0000000..f1466f0
Binary files /dev/null and b/storage.js-master/.DS_Store differ
diff --git a/storage.js-master/LICENSE.txt b/storage.js-master/LICENSE.txt
new file mode 100644
index 0000000..f5fedcf
--- /dev/null
+++ b/storage.js-master/LICENSE.txt
@@ -0,0 +1,25 @@
+STORAGE.JS IS DOUBLE LICENSED UNDER THE MIT LICENSE AND GPL LICENSE
+
+MIT LICENSE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+GPL LICENSE
+
+A jquery plugin for simple page editing that uses HTML5 content editable and HTML5 localStorage
+    Copyright (C) 2011  Ethan Kramer
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
diff --git a/storage.js-master/README.md b/storage.js-master/README.md
new file mode 100644
index 0000000..02ad031
--- /dev/null
+++ b/storage.js-master/README.md
@@ -0,0 +1,101 @@
+Storage.js v2.0
+=========
+
+If you've created a site (or sites) or know of a site (or sites) using Storage.js, add its URL the official ["Sites using Storage.js wiki"](https://github.com/ekdevdes/storage.js/wiki/Sites-using-Storage.js).
+
+Please note that the coffescript file will be updated from now on but will remain for reference.
+
+Usage
+-----
+[Need an example of using Storage.js to save the new text of the element to your Database? Look no further.](http://ethankr.com/projects/storagejs/ajax-example/)
+
+First include the latest version of jQuery  
+
+``` html
+<script src="http://code.jquery.com/jquery.min.js"></script>
+```  
+
+Next, include Storage.js and Cookies.js (a dependency of Storage.js used for IE Support) in your project
+
+Please Note: You can find the unminified version at: http://cdn.jsdelivr.net/storagejs/2.0/storage.js
+
+``` html
+<script src="http://cdn.jsdelivr.net/cookiejs/0.1/cookie.min.js"></script>
+<script src="http://cdn.jsdelivr.net/storagejs/2.0/storage.min.js"></script>
+```
+
+Last but not least, call Storage.js on whatever elements you wish to editable.
+
+``` javascript 
+$('#theElement').storage({storageKey:'storageKey'});
+```
+
++	$('#element') is the element you want the HTML5 contentEditable attribute to placed on
++	The 'storageKey' is what will the element's key will be in localStorage
++	For a complete list of options you can pass please refer to the [API &amp; Options Section of the Website](http://ek.alphaschildren.org/projects/storagejs/#api-options)
+
+__That's it! Have Fun!__
+
+TODO
+----
+
++  Add `data-*` attribute support
+
+
+Bug Reporter & Feature Requests
+------------
+
+Please report any bugs here on Github. 
+
+[http://github.com/ekdevdes/storage.js/issues](http://github.com/ekdevdes/storage.js/issues)
+
+Thank you.
+
+Contributing
+------------
+
+If you would like to contribute to Storage.js please do the following:
+
++	Fork this repo
++	Make your changes
++	Update example/index.html (the docs) with your change
++	Minify the javascript
++	Send me a pull request
+
+Thank you :)
+
+Credits
+-------
+
+Anyone that uses this plugin, I would much appreciate it if you emailed me (at ethankr@comcast.net) the URL of the site you are going to use Storage.js on and (optionally) a logo for your site that I may showcase your website on Storage.js's website :).
+
+Thank you.
+
+License
+-------
+
+STORAGE.JS IS DOUBLE LICENSED UNDER THE MIT LICENSE AND GPL LICENSE
+
+MIT LICENSE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+GPL LICENSE
+
+A jquery plugin for simple page editing that uses HTML5 content editable and HTML5 localStorage
+	Copyright (C) 2011  Ethan Kramer
+
+	This program is free software: you can redistribute it and/or modify
+	it under the terms of the GNU General Public License as published by
+	the Free Software Foundation, either version 3 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful,
+	but WITHOUT ANY WARRANTY; without even the implied warranty of
+	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	GNU General Public License for more details.
+
+	You should have received a copy of the GNU General Public License
+	along with this program.  If not, see <http://www.gnu.org/licenses/>.
diff --git a/storage.js-master/cookies.js b/storage.js-master/cookies.js
new file mode 100644
index 0000000..2f837f2
--- /dev/null
+++ b/storage.js-master/cookies.js
@@ -0,0 +1,2 @@
+// Copyright (c) 2012 Florian H., https://github.com/js-coder https://github.com/js-coder/cookie.js
+!function(h,j){function c(){return c.get.apply(c,arguments)}var g={isArray:Array.isArray||function(a){return"[object Array]"===Object.prototype.toString.call(a)},d:function(a){return a===Object(a)},e:function(a){return Array.prototype.slice.call(a)},c:Object.keys||function(a){var e=[],b="";for(b in a)a.hasOwnProperty(b)&&e.push(b);return e},a:function(a,e){return a===j?e:a}};c.set=function(a,e,b){if(g.d(a))for(var d in a)a.hasOwnProperty(d)&&this.set(d,a[d]);else{b=b||{};d=b.b||"";var f=typeof d,c=b.path?";path="+b.path:"",i=b.domain?";domain="+b.domain:"",b=b.g?";secure":"";"string"===f&&""!==d?d=";expires="+d:"number"==f?(f=new Date,f.setTime(f.getTime()+86400*d),d=";expires="+f.toGMTString()):d.hasOwnProperty("toGMTString")&&(d=";expires="+d.toGMTString());h.cookie=escape(a)+"="+escape(e)+d+c+i+b}return this};c.remove=function(a){for(var a=g.isArray(a)?a:g.e(arguments),e=0,b=a.length;e<b;e++)this.set(a[e],"",{b:-1});return this};c.empty=function(){return this.remove(g.c(this.all()))};c.get=function(a,e){var e=e||j,b=this.all();if(g.isArray(a)){for(var d={},c=0,h=a.length;c<h;c++){var i=a[c];d[i]=g.a(b[i],e)}return d}return g.a(b[a],e)};c.all=function(){if(""===h.cookie)return{};for(var a=h.cookie.split("; "),c={},b=0,d=a.length;b<d;b++){var f=a[b].split("=");c[f[0]]=unescape(f[1])}return c};c.enabled=function(){var a="b"===c.set("a","b").get("a");c.remove("a");return a};"function"===typeof define&&define.f?define(function(){return c}):window.cookie=c}(document);
\ No newline at end of file
diff --git a/storage.js-master/css/.DS_Store b/storage.js-master/css/.DS_Store
new file mode 100644
index 0000000..de6aa79
Binary files /dev/null and b/storage.js-master/css/.DS_Store differ
diff --git a/storage.js-master/css/application.css b/storage.js-master/css/application.css
new file mode 100644
index 0000000..cd8c004
--- /dev/null
+++ b/storage.js-master/css/application.css
@@ -0,0 +1,688 @@
+/* Responsive.less
+ * Adjusted grid styles to handle some common screen sizes
+ * ------------------------------------------------------- */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .container {
+    width: 748px;
+  }
+  .row .span1 {
+    width: 28px;
+  }
+  .row .span2 {
+    width: 76px;
+  }
+  .row .span3 {
+    width: 124px;
+  }
+  .row .span4 {
+    width: 172px;
+  }
+  .row .span5 {
+    width: 220px;
+  }
+  .row .span6 {
+    width: 268px;
+  }
+  .row .span7 {
+    width: 316px;
+  }
+  .row .span8 {
+    width: 364px;
+  }
+  .row .span9 {
+    width: 412px;
+  }
+  .row .span10 {
+    width: 460px;
+  }
+  .row .span11 {
+    width: 508px;
+  }
+  .row .span12 {
+    width: 556px;
+  }
+  .row .span13 {
+    width: 604px;
+  }
+  .row .span14 {
+    width: 652px;
+  }
+  .row .span15 {
+    width: 700px;
+  }
+  .row .span16 {
+    width: 748px;
+  }
+  .row .offset1 {
+    margin-left: 68px !important;
+  }
+  .row .offset1:first-child {
+    margin-left: 48px !important;
+  }
+  .row .offset2 {
+    margin-left: 116px !important;
+  }
+  .row .offset2:first-child {
+    margin-left: 96px !important;
+  }
+  .row .offset3 {
+    margin-left: 164px !important;
+  }
+  .row .offset3:first-child {
+    margin-left: 144px !important;
+  }
+  .row .offset4 {
+    margin-left: 212px !important;
+  }
+  .row .offset4:first-child {
+    margin-left: 192px !important;
+  }
+  .row .offset5 {
+    margin-left: 260px !important;
+  }
+  .row .offset5:first-child {
+    margin-left: 240px !important;
+  }
+  .row .offset6 {
+    margin-left: 308px !important;
+  }
+  .row .offset6:first-child {
+    margin-left: 288px !important;
+  }
+  .row .offset7 {
+    margin-left: 356px !important;
+  }
+  .row .offset7:first-child {
+    margin-left: 336px !important;
+  }
+  .row .offset8 {
+    margin-left: 404px !important;
+  }
+  .row .offset8:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset9 {
+    margin-left: 404px !important;
+  }
+  .row .offset9:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset10 {
+    margin-left: 500px !important;
+  }
+  .row .offset10:first-child {
+    margin-left: 480px !important;
+  }
+  .row .offset11 {
+    margin-left: 548px !important;
+  }
+  .row .offset11:first-child {
+    margin-left: 528px !important;
+  }
+  .row .offset12 {
+    margin-left: 596px !important;
+  }
+  .row .offset12:first-child {
+    margin-left: 576px !important;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 300px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .container {
+    width: 420px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 420px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+
+/* End responsive.less */
+/* Begin styles for example/index.html */
+	
+html,body{
+	background:url('../images/quilt.png');
+	background-attachment:fixed;
+}
+
+.container h2,
+.container h1{
+	text-align:center;
+}
+
+.container.storagejs{
+    padding-top:15px;
+	text-align:center;
+}
+
+.container .buttons{
+	margin:0 auto;
+}
+
+.container h2.future{
+	padding-bottom:35px;
+}
+
+.container .storagejs-header,
+.example{
+	margin-bottom:35px;
+}
+
+.container .buttons a:nth-child(2){
+	margin-left:20px;
+}
+
+.container .storagejs-header h2.awesome{
+	padding-top:20px;
+}
+
+code{
+	font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+	color: #52595D;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #CCC;
+	background-color: #F9F9F9;
+	padding: 0px 3px;
+	display: inline-block;
+}
+
+
+.example h2{
+	text-align:left;
+	margin-bottom:10px;
+}
+
+.usage{
+	text-align:left;
+}
+
+.usage h2,
+.usage h3{
+	text-align:left;
+}
+
+.usage h3 span{
+	font-style:2em;
+}
+
+.buttons .gitbuttons{
+	margin-bottom:20px;
+}
+
+.buttons .siteButtons{
+	margin-bottom:35px;
+}
+
+.storagejs-usage-header{
+	margin-bottom:10px;
+}
+
+.storagejs-done-instructions{
+	margin-top:10px;
+}
+
+code.instructions{
+	margin-bottom:15px;
+}
+
+.buttons{
+	text-align:left;
+}
+
+.usage{
+	padding-bottom:15px;
+}
+
+
+h3.me-too{
+	text-align:left;
+}
+
+.button {
+        cursor: pointer;
+        text-align: center;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -o-user-select: none;
+        user-select: none;
+}
+
+ul {
+	list-style-type:square;
+}
+
+#onStart{
+	margin-top:30px;
+	opacity: 0.5;
+	-moz-opacity: 0.5;
+	filter:alpha(opacity=50);
+}
+
+#onStartExit span{
+	font-size:13px;
+}
+
+#revert{
+	margin-top:40px;
+}
+
+#onStart,
+#onExit,
+#onStartExit{
+	margin-bottom:15px;
+}
+
+.Three-Dee{
+font-family: 'Helvetica Neue',Helvetica, sans-serif;
+line-height: 1em;
+color: #484848;
+font-weight:bold;
+font-size: 134px;
+text-shadow:0px 0px 0 rgb(39,39,39),0px 1px 0 rgb(24,24,24),0px 2px 0 rgb(9,9,9),0px 3px 0 rgb(-6,-6,-6),0px 4px 0 rgb(-21,-21,-21),0px 5px 0 rgb(-36,-36,-36),0px 6px 0 rgb(-51,-51,-51), 0px 7px 0 rgb(-66,-66,-66),0px 8px 7px rgba(0,0,0,0.25),0px 8px 1px rgba(0,0,0,0.5),0px 0px 7px rgba(0,0,0,.2);}
+
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .container {
+    width: 748px;
+  }
+  .row .span1 {
+    width: 28px;
+  }
+  .row .span2 {
+    width: 76px;
+  }
+  .row .span3 {
+    width: 124px;
+  }
+  .row .span4 {
+    width: 172px;
+  }
+  .row .span5 {
+    width: 220px;
+  }
+  .row .span6 {
+    width: 268px;
+  }
+  .row .span7 {
+    width: 316px;
+  }
+  .row .span8 {
+    width: 364px;
+  }
+  .row .span9 {
+    width: 412px;
+  }
+  .row .span10 {
+    width: 460px;
+  }
+  .row .span11 {
+    width: 508px;
+  }
+  .row .span12 {
+    width: 556px;
+  }
+  .row .span13 {
+    width: 604px;
+  }
+  .row .span14 {
+    width: 652px;
+  }
+  .row .span15 {
+    width: 700px;
+  }
+  .row .span16 {
+    width: 748px;
+  }
+  .row .offset1 {
+    margin-left: 68px !important;
+  }
+  .row .offset1:first-child {
+    margin-left: 48px !important;
+  }
+  .row .offset2 {
+    margin-left: 116px !important;
+  }
+  .row .offset2:first-child {
+    margin-left: 96px !important;
+  }
+  .row .offset3 {
+    margin-left: 164px !important;
+  }
+  .row .offset3:first-child {
+    margin-left: 144px !important;
+  }
+  .row .offset4 {
+    margin-left: 212px !important;
+  }
+  .row .offset4:first-child {
+    margin-left: 192px !important;
+  }
+  .row .offset5 {
+    margin-left: 260px !important;
+  }
+  .row .offset5:first-child {
+    margin-left: 240px !important;
+  }
+  .row .offset6 {
+    margin-left: 308px !important;
+  }
+  .row .offset6:first-child {
+    margin-left: 288px !important;
+  }
+  .row .offset7 {
+    margin-left: 356px !important;
+  }
+  .row .offset7:first-child {
+    margin-left: 336px !important;
+  }
+  .row .offset8 {
+    margin-left: 404px !important;
+  }
+  .row .offset8:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset9 {
+    margin-left: 404px !important;
+  }
+  .row .offset9:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset10 {
+    margin-left: 500px !important;
+  }
+  .row .offset10:first-child {
+    margin-left: 480px !important;
+  }
+  .row .offset11 {
+    margin-left: 548px !important;
+  }
+  .row .offset11:first-child {
+    margin-left: 528px !important;
+  }
+  .row .offset12 {
+    margin-left: 596px !important;
+  }
+  .row .offset12:first-child {
+    margin-left: 576px !important;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 300px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .container {
+    width: 420px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 420px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
\ No newline at end of file
diff --git a/storage.js-master/example/.DS_Store b/storage.js-master/example/.DS_Store
new file mode 100644
index 0000000..ee7e111
Binary files /dev/null and b/storage.js-master/example/.DS_Store differ
diff --git a/storage.js-master/example/css/.DS_Store b/storage.js-master/example/css/.DS_Store
new file mode 100644
index 0000000..de6aa79
Binary files /dev/null and b/storage.js-master/example/css/.DS_Store differ
diff --git a/storage.js-master/example/css/application.css b/storage.js-master/example/css/application.css
new file mode 100644
index 0000000..cd8c004
--- /dev/null
+++ b/storage.js-master/example/css/application.css
@@ -0,0 +1,688 @@
+/* Responsive.less
+ * Adjusted grid styles to handle some common screen sizes
+ * ------------------------------------------------------- */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .container {
+    width: 748px;
+  }
+  .row .span1 {
+    width: 28px;
+  }
+  .row .span2 {
+    width: 76px;
+  }
+  .row .span3 {
+    width: 124px;
+  }
+  .row .span4 {
+    width: 172px;
+  }
+  .row .span5 {
+    width: 220px;
+  }
+  .row .span6 {
+    width: 268px;
+  }
+  .row .span7 {
+    width: 316px;
+  }
+  .row .span8 {
+    width: 364px;
+  }
+  .row .span9 {
+    width: 412px;
+  }
+  .row .span10 {
+    width: 460px;
+  }
+  .row .span11 {
+    width: 508px;
+  }
+  .row .span12 {
+    width: 556px;
+  }
+  .row .span13 {
+    width: 604px;
+  }
+  .row .span14 {
+    width: 652px;
+  }
+  .row .span15 {
+    width: 700px;
+  }
+  .row .span16 {
+    width: 748px;
+  }
+  .row .offset1 {
+    margin-left: 68px !important;
+  }
+  .row .offset1:first-child {
+    margin-left: 48px !important;
+  }
+  .row .offset2 {
+    margin-left: 116px !important;
+  }
+  .row .offset2:first-child {
+    margin-left: 96px !important;
+  }
+  .row .offset3 {
+    margin-left: 164px !important;
+  }
+  .row .offset3:first-child {
+    margin-left: 144px !important;
+  }
+  .row .offset4 {
+    margin-left: 212px !important;
+  }
+  .row .offset4:first-child {
+    margin-left: 192px !important;
+  }
+  .row .offset5 {
+    margin-left: 260px !important;
+  }
+  .row .offset5:first-child {
+    margin-left: 240px !important;
+  }
+  .row .offset6 {
+    margin-left: 308px !important;
+  }
+  .row .offset6:first-child {
+    margin-left: 288px !important;
+  }
+  .row .offset7 {
+    margin-left: 356px !important;
+  }
+  .row .offset7:first-child {
+    margin-left: 336px !important;
+  }
+  .row .offset8 {
+    margin-left: 404px !important;
+  }
+  .row .offset8:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset9 {
+    margin-left: 404px !important;
+  }
+  .row .offset9:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset10 {
+    margin-left: 500px !important;
+  }
+  .row .offset10:first-child {
+    margin-left: 480px !important;
+  }
+  .row .offset11 {
+    margin-left: 548px !important;
+  }
+  .row .offset11:first-child {
+    margin-left: 528px !important;
+  }
+  .row .offset12 {
+    margin-left: 596px !important;
+  }
+  .row .offset12:first-child {
+    margin-left: 576px !important;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 300px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .container {
+    width: 420px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 420px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+
+/* End responsive.less */
+/* Begin styles for example/index.html */
+	
+html,body{
+	background:url('../images/quilt.png');
+	background-attachment:fixed;
+}
+
+.container h2,
+.container h1{
+	text-align:center;
+}
+
+.container.storagejs{
+    padding-top:15px;
+	text-align:center;
+}
+
+.container .buttons{
+	margin:0 auto;
+}
+
+.container h2.future{
+	padding-bottom:35px;
+}
+
+.container .storagejs-header,
+.example{
+	margin-bottom:35px;
+}
+
+.container .buttons a:nth-child(2){
+	margin-left:20px;
+}
+
+.container .storagejs-header h2.awesome{
+	padding-top:20px;
+}
+
+code{
+	font: 12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
+	color: #52595D;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	-moz-background-clip: padding;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #CCC;
+	background-color: #F9F9F9;
+	padding: 0px 3px;
+	display: inline-block;
+}
+
+
+.example h2{
+	text-align:left;
+	margin-bottom:10px;
+}
+
+.usage{
+	text-align:left;
+}
+
+.usage h2,
+.usage h3{
+	text-align:left;
+}
+
+.usage h3 span{
+	font-style:2em;
+}
+
+.buttons .gitbuttons{
+	margin-bottom:20px;
+}
+
+.buttons .siteButtons{
+	margin-bottom:35px;
+}
+
+.storagejs-usage-header{
+	margin-bottom:10px;
+}
+
+.storagejs-done-instructions{
+	margin-top:10px;
+}
+
+code.instructions{
+	margin-bottom:15px;
+}
+
+.buttons{
+	text-align:left;
+}
+
+.usage{
+	padding-bottom:15px;
+}
+
+
+h3.me-too{
+	text-align:left;
+}
+
+.button {
+        cursor: pointer;
+        text-align: center;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -o-user-select: none;
+        user-select: none;
+}
+
+ul {
+	list-style-type:square;
+}
+
+#onStart{
+	margin-top:30px;
+	opacity: 0.5;
+	-moz-opacity: 0.5;
+	filter:alpha(opacity=50);
+}
+
+#onStartExit span{
+	font-size:13px;
+}
+
+#revert{
+	margin-top:40px;
+}
+
+#onStart,
+#onExit,
+#onStartExit{
+	margin-bottom:15px;
+}
+
+.Three-Dee{
+font-family: 'Helvetica Neue',Helvetica, sans-serif;
+line-height: 1em;
+color: #484848;
+font-weight:bold;
+font-size: 134px;
+text-shadow:0px 0px 0 rgb(39,39,39),0px 1px 0 rgb(24,24,24),0px 2px 0 rgb(9,9,9),0px 3px 0 rgb(-6,-6,-6),0px 4px 0 rgb(-21,-21,-21),0px 5px 0 rgb(-36,-36,-36),0px 6px 0 rgb(-51,-51,-51), 0px 7px 0 rgb(-66,-66,-66),0px 8px 7px rgba(0,0,0,0.25),0px 8px 1px rgba(0,0,0,0.5),0px 0px 7px rgba(0,0,0,.2);}
+
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+  .container {
+    width: 748px;
+  }
+  .row .span1 {
+    width: 28px;
+  }
+  .row .span2 {
+    width: 76px;
+  }
+  .row .span3 {
+    width: 124px;
+  }
+  .row .span4 {
+    width: 172px;
+  }
+  .row .span5 {
+    width: 220px;
+  }
+  .row .span6 {
+    width: 268px;
+  }
+  .row .span7 {
+    width: 316px;
+  }
+  .row .span8 {
+    width: 364px;
+  }
+  .row .span9 {
+    width: 412px;
+  }
+  .row .span10 {
+    width: 460px;
+  }
+  .row .span11 {
+    width: 508px;
+  }
+  .row .span12 {
+    width: 556px;
+  }
+  .row .span13 {
+    width: 604px;
+  }
+  .row .span14 {
+    width: 652px;
+  }
+  .row .span15 {
+    width: 700px;
+  }
+  .row .span16 {
+    width: 748px;
+  }
+  .row .offset1 {
+    margin-left: 68px !important;
+  }
+  .row .offset1:first-child {
+    margin-left: 48px !important;
+  }
+  .row .offset2 {
+    margin-left: 116px !important;
+  }
+  .row .offset2:first-child {
+    margin-left: 96px !important;
+  }
+  .row .offset3 {
+    margin-left: 164px !important;
+  }
+  .row .offset3:first-child {
+    margin-left: 144px !important;
+  }
+  .row .offset4 {
+    margin-left: 212px !important;
+  }
+  .row .offset4:first-child {
+    margin-left: 192px !important;
+  }
+  .row .offset5 {
+    margin-left: 260px !important;
+  }
+  .row .offset5:first-child {
+    margin-left: 240px !important;
+  }
+  .row .offset6 {
+    margin-left: 308px !important;
+  }
+  .row .offset6:first-child {
+    margin-left: 288px !important;
+  }
+  .row .offset7 {
+    margin-left: 356px !important;
+  }
+  .row .offset7:first-child {
+    margin-left: 336px !important;
+  }
+  .row .offset8 {
+    margin-left: 404px !important;
+  }
+  .row .offset8:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset9 {
+    margin-left: 404px !important;
+  }
+  .row .offset9:first-child {
+    margin-left: 384px !important;
+  }
+  .row .offset10 {
+    margin-left: 500px !important;
+  }
+  .row .offset10:first-child {
+    margin-left: 480px !important;
+  }
+  .row .offset11 {
+    margin-left: 548px !important;
+  }
+  .row .offset11:first-child {
+    margin-left: 528px !important;
+  }
+  .row .offset12 {
+    margin-left: 596px !important;
+  }
+  .row .offset12:first-child {
+    margin-left: 576px !important;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .container {
+    width: 300px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 300px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .container {
+    width: 420px;
+  }
+  .row .span1,
+  .row .span2,
+  .row .span3,
+  .row .span4,
+  .row .span5,
+  .row .span6,
+  .row .span7,
+  .row .span8,
+  .row .span9,
+  .row .span10,
+  .row .span11,
+  .row .span12,
+  .row .span13,
+  .row .span14,
+  .row .span15,
+  .row .span16 {
+    float: none;
+    width: 420px;
+    margin-left: 0;
+  }
+  .row .span1:first-child,
+  .row .span2:first-child,
+  .row .span3:first-child,
+  .row .span4:first-child,
+  .row .span5:first-child,
+  .row .span6:first-child,
+  .row .span7:first-child,
+  .row .span8:first-child,
+  .row .span9:first-child,
+  .row .span10:first-child,
+  .row .span11:first-child,
+  .row .span12:first-child,
+  .row .span13:first-child,
+  .row .span14:first-child,
+  .row .span15:first-child,
+  .row .span16:first-child {
+    margin-left: 0;
+  }
+  .row .offset1,
+  .row .offset2,
+  .row .offset3,
+  .row .offset4,
+  .row .offset5,
+  .row .offset6,
+  .row .offset7,
+  .row .offset8,
+  .row .offset9,
+  .row .offset10,
+  .row .offset11,
+  .row .offset12 {
+    margin-left: 0 !important;
+  }
+  .row .offset1:first-child,
+  .row .offset2:first-child,
+  .row .offset3:first-child,
+  .row .offset4:first-child,
+  .row .offset5:first-child,
+  .row .offset6:first-child,
+  .row .offset7:first-child,
+  .row .offset8:first-child,
+  .row .offset9:first-child,
+  .row .offset10:first-child,
+  .row .offset11:first-child,
+  .row .offset12:first-child {
+    margin-left: 0 !important;
+  }
+}
\ No newline at end of file
diff --git a/storage.js-master/example/images/.DS_Store b/storage.js-master/example/images/.DS_Store
new file mode 100644
index 0000000..5c55cd0
Binary files /dev/null and b/storage.js-master/example/images/.DS_Store differ
diff --git a/storage.js-master/example/images/quilt.png b/storage.js-master/example/images/quilt.png
new file mode 100644
index 0000000..832c5a2
Binary files /dev/null and b/storage.js-master/example/images/quilt.png differ
diff --git a/storage.js-master/example/index.html b/storage.js-master/example/index.html
new file mode 100644
index 0000000..2af63c1
--- /dev/null
+++ b/storage.js-master/example/index.html
@@ -0,0 +1,395 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<meta charset="UTF-8">
+	<title>Storage.js, Simple HTML5 Page Edits</title>
+	
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+	
+	<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" />
+	<link rel="stylesheet" href="css/application.css" />
+</head>
+<body>
+	<div class="container storagejs">
+		<div class="storagejs-header">
+			<h1 class="Three-Dee">Storage.js</h1>
+			<h2 class="awesome">Simple HTML5 page edits. Storage.js uses the new HTML5 <code>contenteditable</code> attribute and <code>localStorage</code> to bring you HTML5 awesomeness.</h2>
+		</div>
+		<div class="example">
+			<h2>I am an example, click me!</h2>
+		    <p class="editable"><b>So am I, click me too!</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctu.</p>
+			<h3 class="me-too" id="refresh">I'm another example. Go ahead, click me to change my text, click somewhere random on the page then refresh the browser.<span style="font-size:21px;"> My text will still say what you just changed it too a few seconds ago!</span></h3><h3 class="me-too">Now try this...<br /><br /></h3><h3 class="me-too" id="quit">Go ahead, click me to change my text again then click somewhere random on the page. After that, quit your browser, that's right quit it! Next, come back to this page ... <span style="font-size:21px;">notice how my text is still what you just changed it too!</span> </h3>
+			<h3 class="me-too" id="onStart">I'm an example of the onStart event. Click me to change my text! </h3>
+			<h3 class="me-too" id="onExit">I'm an example of the onExit event. Click me to change my text, then click somewhere random on the page to see me in action. </h3>
+			<h3 class="me-too" id="onStartExit">I'm an example of the the onStart <span>&amp;</span> onExit events. Click me to change my text, then click somewhere random on the page to see me in action. </h3>
+			<h3 class="me-too" id="revert">I'm an example of the revert option. Click me to change my text then click somewhere random on the page. <span style="font-size:21px;"><br /> I am unique because my text isn't persistent across browser refreshes. You can still edit my text though, and it will remain what you just changed it too, but only until the next time you refresh your browser. </span></h3>
+			<br /><br />
+			<h3 class="me-too" id="beforeSave">I'm an example of the beforeSave event. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="afterSave">I'm an example of the afterSave event. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="beforeAfterSave">I'm an example of both the beforeSave <span> &amp;</span> afterSave events. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="store">I am an example of the store option. Im similar to the revert option except my text doesn't get saved to localStorage. Useful if you have a huge table of data you want to 'Storagify' but don't want to bloat localStorage with a key for each table cell. The onStart and onExit events still work and my text is still editable, in fact...click me to change my text, then click somewhere random on the page. After someone edits me, you could do an AJAX request with my new value in the onExit event (optionally passing through the elem and text paramters described below)</h3>
+		</div>
+		<div class="api-options" id="api-options">
+				<h2 class="storagejs-usage-header" style="text-align:left;">API &amp; Options</h2>
+
+				<table class="zebra-striped">
+				        <thead>
+				          <tr>
+				            <th class="red">Option</th>
+				            <th class="green">Type</th>
+				            <th class="blue">Default</th>
+							<th class="orange">Description</th>
+				          </tr>
+				        </thead>
+				        <tbody>
+				          <tr>
+				            <td>storageKey</td>
+				            <td>String</td>
+				            <td>'storageKey'</td>
+				            <td>This will be the elements key in <code>localStorage</code></td>
+				          </tr>
+				          <tr>
+				            <td>onStart
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered when the the element has focus
+					
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onStart function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onStart function that returns the current text of the element. </li>
+								</ul>
+							</td>
+				          </tr>
+				          <tr>
+				            <td>onExit
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered when the element has lost focus, when the user has clicked away from the element. Useful for doing AJAX request with the new value of the element.
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						  <tr>
+				            <td>revert</td>
+				            <td>Boolean</td>
+				            <td>false</td>
+				            <td>When true, reverts the element's text back to what it was before Storage.js got a hold of it</td>
+				          </tr>
+						  <tr>
+				            <td>beforeSave
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered just before the elements text is saved to <code>localStorage</code>
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						<tr>
+				            <td>afterSave
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered just after the elements text has been succesfully saved to <code>localStorage</code>
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						 <tr>
+				            <td>store</td>
+				            <td>Boolean</td>
+				            <td>true</td>
+				            <td>When false, the elements text will not be saved to <code>localStorage</code></td>
+				          </tr>
+				        </tbody>
+				 </table>
+		</div>
+		<div class="usage">
+			<h2 class="storagejs-usage-header">Usage</h2>
+			<h3>First include the latest version of jQuery</h3>
+			<code class="instructions">&lt;script src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;</code>
+			<h3>Next, download and include Storage.js</h3>
+			<code class="instructions">&lt;script src="/path/to/storage.min.js"&gt;&lt;/script&gt;</code>
+			<h3>Last but not least, call Storage.js on whatever elements you wish to editable.</h3>
+			<code class="instructions">$('#theElement').storage({storageKey:'storageKey'});</code>
+			<ul>
+			    <li><code>$('#element')</code> is the element you want the HTML5 <code>contentEditable</code> attribute to placed on</li>
+			    <li>The 'storageKey' is what will the element's key will be in <code >localStorage</code></li>
+				<li>For a complete list of options you can pass please refer to the <a href="#api-options" class="api-link">API &amp; Options section</a></li>
+			</ul>
+			<h2 class="storagejs-done-instructions">That's it! Have Fun!</h2>
+		</div>
+		<div class="buttons">
+			<div class="gitbuttons">
+				<a class="btn large primary github button" href="https://github.com/ekdevdes/storage.js">Check it out on github</a>
+				<a href="https://github.com/ekdevdes/storage.js" class="btn large button">Fork it on Github</a>
+			</div>
+			<div class="siteButtons">
+				<a href="http://ek.alphaschildren.org/projects/storagejs/storage.js" class="btn small github button">Download Uncompressed Source <b>4+ KB</b> &darr;</a>
+				<a href="http://ek.alphaschildren.org/projects/storagejs/storage.min.js" class="btn small github button">Download Compressed Source <b>4 KB</b> &darr;</a>
+			</div>
+		</div>
+	</div>
+	
+	<script src="http://code.jquery.com/jquery.min.js"></script>
+	<script src="../storage.min.js"></script>
+	<script>
+	
+		$a = {}; // I keep common site-wide actions here
+		$a.scrollTo = function (jQuerySelector,speed,offset,callback) {
+		        var $selected = jQuery(jQuerySelector).eq(0);
+		        if (!callback) callback = function() {};
+		        if (offset === undefined) offset = 0;
+		        if (speed === undefined) speed = 0;
+		        jQuery('html, body').animate({
+		                scrollTop: $selected.offset().top+offset
+		        }, speed,callback);
+		}
+	</script>
+	<script type="text/javascript">
+		$('p.editable').storage({
+			storageKey:'exampleParagraph'
+		});
+		$('.example h2').filter(':first').storage({
+				storageKey:'exampleHeader'
+			});
+			$('#refresh').storage({
+				storageKey:'resfreshText'
+			});
+			$('#quit').storage({
+				storageKey:'quitText'
+			});
+		
+			
+			$('#onStart').storage({
+						storageKey:'onStartText',
+						onStart:function(){
+							
+							//You can also optionally pass in the elem/text parameters, if you like
+							
+							var $this = $(this);
+							
+							$this.animate({opacity:1});
+							
+						}
+					});
+			
+			
+			$('#onExit').storage({
+					storageKey:'onExitText',
+					onExit:function(){
+						
+						//You can also optionally pass in the elem/text parameters, if you like
+						
+						var $this = $(this);
+						
+						$this.animate({opacity:0.5});
+						
+					}
+				}); 
+				
+			$('#onStartExit').storage({
+										storageKey:'onStartExitText',
+										onStart:function(){
+											
+											//You can also optionally pass in the elem/text parameters, if you like
+											
+											var $this = $(this);
+											
+											$this.animate({opacity:0.5});
+											
+										},
+										onExit:function(){
+											var $this = $(this);
+											
+											$this.animate({opacity:1});
+										},
+										beforeSave:function(elem, text){
+											var $this = $(this);
+											
+											alert('just about save "' + text + '" to localStorage');
+										},
+										afterSave:function(elem,text){
+											var $this = $(this);
+											
+											alert('just finished saving "' + text + '" to localStorage');
+										} 
+										
+									}); 
+			
+			$('#revert').storage({
+					storageKey:'revertKey',
+					revert:true
+				});
+				
+			$('#beforeSave').storage({
+				storageKey:'beforeSave',
+				beforeSave:function(elem, text){
+					var $this = $(this);
+					
+					alert('Just about save "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#afterSave').storage({
+				storageKey:'afterSave',
+				afterSave:function(elem,text){
+					var $this = $(this);
+					
+					alert('Just finished saving "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#beforeAfterSave').storage({
+				storageKey:'beforeAfterSave',
+				beforeSave:function(elem, text){
+					var $this = $(this);
+					
+					alert('just about save "' + text + '" to localStorage');
+				},
+				afterSave:function(elem,text){
+					var $this = $(this);
+					
+					alert('just finished saving "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#store').storage({
+				storageKey:'theStoreKey',
+				store: false
+			});
+		
+		$('a.api-link').click(function () {
+		        $a.scrollTo('#api-options','fast',-50);
+				return false;
+		});
+		
+	</script>
+	<script>
+
+	  var _gaq = _gaq || [];
+	  _gaq.push(['_setAccount', 'UA-18667786-4']);
+	  _gaq.push(['_trackPageview']);
+
+	  (function() {
+	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+	  })();
+
+	</script>
+	<script>
+	    var GoSquared={};
+	    GoSquared.acct = "GSN-497296-W";
+	    (function(w){
+	        function gs(){
+	            w._gstc_lt=+(new Date); var d=document;
+	            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
+	            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
+	        }
+	        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
+	    })(window);
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/storage.js-master/images/.DS_Store b/storage.js-master/images/.DS_Store
new file mode 100644
index 0000000..8771e1a
Binary files /dev/null and b/storage.js-master/images/.DS_Store differ
diff --git a/storage.js-master/images/quilt.png b/storage.js-master/images/quilt.png
new file mode 100644
index 0000000..832c5a2
Binary files /dev/null and b/storage.js-master/images/quilt.png differ
diff --git a/storage.js-master/index.html b/storage.js-master/index.html
new file mode 100644
index 0000000..2af63c1
--- /dev/null
+++ b/storage.js-master/index.html
@@ -0,0 +1,395 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+	<meta charset="UTF-8">
+	<title>Storage.js, Simple HTML5 Page Edits</title>
+	
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+	
+	<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css" />
+	<link rel="stylesheet" href="css/application.css" />
+</head>
+<body>
+	<div class="container storagejs">
+		<div class="storagejs-header">
+			<h1 class="Three-Dee">Storage.js</h1>
+			<h2 class="awesome">Simple HTML5 page edits. Storage.js uses the new HTML5 <code>contenteditable</code> attribute and <code>localStorage</code> to bring you HTML5 awesomeness.</h2>
+		</div>
+		<div class="example">
+			<h2>I am an example, click me!</h2>
+		    <p class="editable"><b>So am I, click me too!</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctu.</p>
+			<h3 class="me-too" id="refresh">I'm another example. Go ahead, click me to change my text, click somewhere random on the page then refresh the browser.<span style="font-size:21px;"> My text will still say what you just changed it too a few seconds ago!</span></h3><h3 class="me-too">Now try this...<br /><br /></h3><h3 class="me-too" id="quit">Go ahead, click me to change my text again then click somewhere random on the page. After that, quit your browser, that's right quit it! Next, come back to this page ... <span style="font-size:21px;">notice how my text is still what you just changed it too!</span> </h3>
+			<h3 class="me-too" id="onStart">I'm an example of the onStart event. Click me to change my text! </h3>
+			<h3 class="me-too" id="onExit">I'm an example of the onExit event. Click me to change my text, then click somewhere random on the page to see me in action. </h3>
+			<h3 class="me-too" id="onStartExit">I'm an example of the the onStart <span>&amp;</span> onExit events. Click me to change my text, then click somewhere random on the page to see me in action. </h3>
+			<h3 class="me-too" id="revert">I'm an example of the revert option. Click me to change my text then click somewhere random on the page. <span style="font-size:21px;"><br /> I am unique because my text isn't persistent across browser refreshes. You can still edit my text though, and it will remain what you just changed it too, but only until the next time you refresh your browser. </span></h3>
+			<br /><br />
+			<h3 class="me-too" id="beforeSave">I'm an example of the beforeSave event. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="afterSave">I'm an example of the afterSave event. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="beforeAfterSave">I'm an example of both the beforeSave <span> &amp;</span> afterSave events. Click me to change my text, then click somewhere random on the page and watch what happens.</h3>
+			<br /><br />
+			<h3 class="me-too" id="store">I am an example of the store option. Im similar to the revert option except my text doesn't get saved to localStorage. Useful if you have a huge table of data you want to 'Storagify' but don't want to bloat localStorage with a key for each table cell. The onStart and onExit events still work and my text is still editable, in fact...click me to change my text, then click somewhere random on the page. After someone edits me, you could do an AJAX request with my new value in the onExit event (optionally passing through the elem and text paramters described below)</h3>
+		</div>
+		<div class="api-options" id="api-options">
+				<h2 class="storagejs-usage-header" style="text-align:left;">API &amp; Options</h2>
+
+				<table class="zebra-striped">
+				        <thead>
+				          <tr>
+				            <th class="red">Option</th>
+				            <th class="green">Type</th>
+				            <th class="blue">Default</th>
+							<th class="orange">Description</th>
+				          </tr>
+				        </thead>
+				        <tbody>
+				          <tr>
+				            <td>storageKey</td>
+				            <td>String</td>
+				            <td>'storageKey'</td>
+				            <td>This will be the elements key in <code>localStorage</code></td>
+				          </tr>
+				          <tr>
+				            <td>onStart
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered when the the element has focus
+					
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onStart function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onStart function that returns the current text of the element. </li>
+								</ul>
+							</td>
+				          </tr>
+				          <tr>
+				            <td>onExit
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered when the element has lost focus, when the user has clicked away from the element. Useful for doing AJAX request with the new value of the element.
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						  <tr>
+				            <td>revert</td>
+				            <td>Boolean</td>
+				            <td>false</td>
+				            <td>When true, reverts the element's text back to what it was before Storage.js got a hold of it</td>
+				          </tr>
+						  <tr>
+				            <td>beforeSave
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered just before the elements text is saved to <code>localStorage</code>
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						<tr>
+				            <td>afterSave
+								<br />
+								<br />
+								<ul>
+									<li>elem</li>
+									<li>text</li>
+								</ul>
+							</td>
+				            <td>Function
+								<br />
+								<br />
+								<ul>
+									<li>Parameter</li>
+									<li>Parameter</li>
+								</ul>
+							</td>
+				            <td>Nothing
+								<br />
+								<br />
+								<ul>
+									<li>Nothing</li>
+									<li>Nothing</li>
+								</ul>
+							</td>
+				            <td>This event is triggered just after the elements text has been succesfully saved to <code>localStorage</code>
+								<br />
+								<br />
+								<ul>
+									<li>An optional parameter of the onExit function that returns the current element as a 'jQuerified' Object</li>
+									<li>An optional parameter of the onExit function that returns the current text of the element [As it may may have changed] </li>
+								</ul>
+							</td>
+				          </tr>
+						 <tr>
+				            <td>store</td>
+				            <td>Boolean</td>
+				            <td>true</td>
+				            <td>When false, the elements text will not be saved to <code>localStorage</code></td>
+				          </tr>
+				        </tbody>
+				 </table>
+		</div>
+		<div class="usage">
+			<h2 class="storagejs-usage-header">Usage</h2>
+			<h3>First include the latest version of jQuery</h3>
+			<code class="instructions">&lt;script src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;</code>
+			<h3>Next, download and include Storage.js</h3>
+			<code class="instructions">&lt;script src="/path/to/storage.min.js"&gt;&lt;/script&gt;</code>
+			<h3>Last but not least, call Storage.js on whatever elements you wish to editable.</h3>
+			<code class="instructions">$('#theElement').storage({storageKey:'storageKey'});</code>
+			<ul>
+			    <li><code>$('#element')</code> is the element you want the HTML5 <code>contentEditable</code> attribute to placed on</li>
+			    <li>The 'storageKey' is what will the element's key will be in <code >localStorage</code></li>
+				<li>For a complete list of options you can pass please refer to the <a href="#api-options" class="api-link">API &amp; Options section</a></li>
+			</ul>
+			<h2 class="storagejs-done-instructions">That's it! Have Fun!</h2>
+		</div>
+		<div class="buttons">
+			<div class="gitbuttons">
+				<a class="btn large primary github button" href="https://github.com/ekdevdes/storage.js">Check it out on github</a>
+				<a href="https://github.com/ekdevdes/storage.js" class="btn large button">Fork it on Github</a>
+			</div>
+			<div class="siteButtons">
+				<a href="http://ek.alphaschildren.org/projects/storagejs/storage.js" class="btn small github button">Download Uncompressed Source <b>4+ KB</b> &darr;</a>
+				<a href="http://ek.alphaschildren.org/projects/storagejs/storage.min.js" class="btn small github button">Download Compressed Source <b>4 KB</b> &darr;</a>
+			</div>
+		</div>
+	</div>
+	
+	<script src="http://code.jquery.com/jquery.min.js"></script>
+	<script src="../storage.min.js"></script>
+	<script>
+	
+		$a = {}; // I keep common site-wide actions here
+		$a.scrollTo = function (jQuerySelector,speed,offset,callback) {
+		        var $selected = jQuery(jQuerySelector).eq(0);
+		        if (!callback) callback = function() {};
+		        if (offset === undefined) offset = 0;
+		        if (speed === undefined) speed = 0;
+		        jQuery('html, body').animate({
+		                scrollTop: $selected.offset().top+offset
+		        }, speed,callback);
+		}
+	</script>
+	<script type="text/javascript">
+		$('p.editable').storage({
+			storageKey:'exampleParagraph'
+		});
+		$('.example h2').filter(':first').storage({
+				storageKey:'exampleHeader'
+			});
+			$('#refresh').storage({
+				storageKey:'resfreshText'
+			});
+			$('#quit').storage({
+				storageKey:'quitText'
+			});
+		
+			
+			$('#onStart').storage({
+						storageKey:'onStartText',
+						onStart:function(){
+							
+							//You can also optionally pass in the elem/text parameters, if you like
+							
+							var $this = $(this);
+							
+							$this.animate({opacity:1});
+							
+						}
+					});
+			
+			
+			$('#onExit').storage({
+					storageKey:'onExitText',
+					onExit:function(){
+						
+						//You can also optionally pass in the elem/text parameters, if you like
+						
+						var $this = $(this);
+						
+						$this.animate({opacity:0.5});
+						
+					}
+				}); 
+				
+			$('#onStartExit').storage({
+										storageKey:'onStartExitText',
+										onStart:function(){
+											
+											//You can also optionally pass in the elem/text parameters, if you like
+											
+											var $this = $(this);
+											
+											$this.animate({opacity:0.5});
+											
+										},
+										onExit:function(){
+											var $this = $(this);
+											
+											$this.animate({opacity:1});
+										},
+										beforeSave:function(elem, text){
+											var $this = $(this);
+											
+											alert('just about save "' + text + '" to localStorage');
+										},
+										afterSave:function(elem,text){
+											var $this = $(this);
+											
+											alert('just finished saving "' + text + '" to localStorage');
+										} 
+										
+									}); 
+			
+			$('#revert').storage({
+					storageKey:'revertKey',
+					revert:true
+				});
+				
+			$('#beforeSave').storage({
+				storageKey:'beforeSave',
+				beforeSave:function(elem, text){
+					var $this = $(this);
+					
+					alert('Just about save "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#afterSave').storage({
+				storageKey:'afterSave',
+				afterSave:function(elem,text){
+					var $this = $(this);
+					
+					alert('Just finished saving "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#beforeAfterSave').storage({
+				storageKey:'beforeAfterSave',
+				beforeSave:function(elem, text){
+					var $this = $(this);
+					
+					alert('just about save "' + text + '" to localStorage');
+				},
+				afterSave:function(elem,text){
+					var $this = $(this);
+					
+					alert('just finished saving "' + text + '" to localStorage');
+				}
+			});
+			
+			$('#store').storage({
+				storageKey:'theStoreKey',
+				store: false
+			});
+		
+		$('a.api-link').click(function () {
+		        $a.scrollTo('#api-options','fast',-50);
+				return false;
+		});
+		
+	</script>
+	<script>
+
+	  var _gaq = _gaq || [];
+	  _gaq.push(['_setAccount', 'UA-18667786-4']);
+	  _gaq.push(['_trackPageview']);
+
+	  (function() {
+	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+	  })();
+
+	</script>
+	<script>
+	    var GoSquared={};
+	    GoSquared.acct = "GSN-497296-W";
+	    (function(w){
+	        function gs(){
+	            w._gstc_lt=+(new Date); var d=document;
+	            var g = d.createElement("script"); g.type = "text/javascript"; g.async = true; g.src = "//d1l6p2sc9645hc.cloudfront.net/tracker.js";
+	            var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(g, s);
+	        }
+	        w.addEventListener?w.addEventListener("load",gs,false):w.attachEvent("onload",gs);
+	    })(window);
+	</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/storage.js-master/storage.jquery.json b/storage.js-master/storage.jquery.json
new file mode 100644
index 0000000..e661491
--- /dev/null
+++ b/storage.js-master/storage.jquery.json
@@ -0,0 +1,38 @@
+{
+	"name":"storage",
+	"version":"2.0.0",
+	"title":"Storage.js",
+	"author":{
+		"name" : "Ethan Kramer",
+		"url" : "http://ek.alphaschildren.org"
+	},
+	"licenses" : [
+		{
+			"type" : "MIT",
+			"url" : "https://github.com/ekdevdes/storage.js/2.0.0/LICENSE.txt"
+		}
+	],
+	"dependencies" : {
+		"jquery" : ">=1.5"
+	},
+	"keywords" :[
+		"html5",
+		"local",
+		"page",
+		"edit",
+		"inline",
+		"storage",
+		"editing",
+		"jquery",
+		"javascript"
+	],
+	"bugs": "https://github.com/ekdevdes/storage.js/issues",
+    "homepage": "https://github.com/ekdevdes/storage-js",
+    "docs": "https://ethankr.com/projects/storagejs",
+	"maintainers" : [
+		{
+			"name" : "Ethan Kramer",
+			"url" : "http://ethankr.com"
+		}
+	]
+}
\ No newline at end of file
diff --git a/storage.js-master/storage.js b/storage.js-master/storage.js
new file mode 100644
index 0000000..53f8241
--- /dev/null
+++ b/storage.js-master/storage.js
@@ -0,0 +1,162 @@
+/*
+	Storage.js v1.6.2
+
+	Storage.js jQuery Plugin (C) 2011 Ethan Kramer
+	
+	STORAGE.JS IS DOUBLE LICENSED UNDER THE MIT LICENSE AND GPL LICENSE
+
+	MIT LICENSE
+
+	Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+	The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+	GPL LICENSE
+
+	A jquery plugin for simple page editing that uses HTML5 content editable and HTML5 localStorage
+	    Copyright (C) 2011  Ethan Kramer
+
+	    This program is free software: you can redistribute it and/or modify
+	    it under the terms of the GNU General Public License as published by
+	    the Free Software Foundation, either version 3 of the License, or
+	    (at your option) any later version.
+
+	    This program is distributed in the hope that it will be useful,
+	    but WITHOUT ANY WARRANTY; without even the implied warranty of
+	    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+	    GNU General Public License for more details.
+
+	    You should have received a copy of the GNU General Public License
+	    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+*/
+
+
+
+(function ($){
+
+	$.fn.storage = function(options){
+		
+		var defaults = {
+					onStart:function(){},
+					onExit:function(){},
+					beforeSave:function(){},
+					afterSave:function(){},
+					storageKey:'storageKey',
+					revert:false,
+					store:true
+				},
+			settings = $.extend({},defaults,options);
+		
+	    var objects = $(this),
+	        keys = [];
+	    
+        if (settings.store) {
+
+            
+            for (var i=0; i < objects.length; i++) {
+            
+               key = settings.storageKey + '-' + i;
+               $(objects[i]).attr('data-orig-text',$(objects[i]).text());
+                
+                if (settings.revert) {
+                    
+                    // set localstorage and cookies.js to the current value of the element
+                    
+                    localStorage.setItem(key,$(objects[i]).data('orig-text'));
+                    cookie.set(key,$(objects[i]).data('orig-text'));
+                    $(objects[i]).text($(objects[i]).data('orig-text'));
+                    
+                    if ($(objects[i]).text() == "" || $(objects[i]).text() == "null") {
+                        $(objects[i]).text($(objects[i]).data('orig-text'));
+                    }
+                    
+                    //and cookies.js
+                    
+                }else{
+                    
+                    
+                    $(objects[i]).text(localStorage.getItem(key));
+                    $(objects[i]).text(cookie.get(key));
+                    
+                    if ($(objects[i]).text() == "" || $(objects[i]).text() == "null") {
+                        $(objects[i]).text($(objects[i]).data('orig-text'));
+                    }
+                    
+                    // and cookies.js
+                }
+                
+                keys.push(key);
+                $(objects[i]).attr('data-key',key);
+                
+                
+    	    }
+    	}
+
+	    
+	    return this.each(function(){
+	        
+	        var $this = $(this),
+	            sKey = $this.data('key');
+	            
+	        $this.attr('contenteditable','');
+	        
+	        
+	        // when the user has clicked on the element
+	        $this.focus(function(){
+	            
+	            var focusText = $(this).text();
+	            
+	            // add a class of sf-focus to the element
+	            $this.addClass("sf-focus");
+	            
+	            // call the function the user passed in
+	            settings.onStart.apply(this,[$(this),focusText]);
+	            
+	        });
+	        
+	        // after the user has clicked away from the element
+	        $this.blur(function(){
+	            
+	            var blurText = $(this).text();
+	            
+	            // remove the sf-focus class
+                $this.removeClass("sf-focus");
+                
+                // add an sf-blur class
+            	$this.addClass("sf-blur");
+            	
+            	// then call the onExit function
+            	
+            	settings.onExit.apply(this,[$(this),blurText]);
+	            
+	            // save new text to localStorage
+	            
+	            if (settings.store) {
+	                
+	                // call the before save function
+	                settings.beforeSave.apply(this,[$(this),blurText]);
+	                
+	                // save new text of element to localstorage
+	                localStorage.setItem(sKey,blurText);
+	                
+	                // save it to cookies.js
+	                cookie.set(sKey,blurText);
+	                
+	                // call the afterSave function
+	                settings.afterSave.apply(this,[$(this),blurText]);
+	                
+	                
+	            	                
+	            }
+	            
+	            // remove the class sf-blur
+	            
+	            $this.removeClass("sf-blur");
+	            
+	        });
+	        
+	        
+	    });
+	};
+
+})(jQuery);
\ No newline at end of file
diff --git a/storage.js-master/storage.min.js b/storage.js-master/storage.min.js
new file mode 100644
index 0000000..2591099
--- /dev/null
+++ b/storage.js-master/storage.min.js
@@ -0,0 +1 @@
+(function(a){a.fn.storage=function(b){var g={onStart:function(){},onExit:function(){},beforeSave:function(){},afterSave:function(){},storageKey:"storageKey",revert:false,store:true},d=a.extend({},g,b);var f=a(this),e=[];if(d.store){for(var c=0;c<f.length;c++){key=d.storageKey+"-"+c;a(f[c]).attr("data-orig-text",a(f[c]).text());if(d.revert){localStorage.setItem(key,a(f[c]).data("orig-text"));cookie.set(key,a(f[c]).data("orig-text"));a(f[c]).text(a(f[c]).data("orig-text"));if(a(f[c]).text()==""||a(f[c]).text()=="null"){a(f[c]).text(a(f[c]).data("orig-text"))}}else{a(f[c]).text(localStorage.getItem(key));a(f[c]).text(cookie.get(key));if(a(f[c]).text()==""||a(f[c]).text()=="null"){a(f[c]).text(a(f[c]).data("orig-text"))}}e.push(key);a(f[c]).attr("data-key",key)}}return this.each(function(){var i=a(this),h=i.data("key");i.attr("contenteditable","");i.focus(function(){var j=a(this).text();i.addClass("sf-focus");d.onStart.apply(this,[a(this),j])});i.blur(function(){var j=a(this).text();i.removeClass("sf-focus");i.addClass("sf-blur");d.onExit.apply(this,[a(this),j]);if(d.store){d.beforeSave.apply(this,[a(this),j]);localStorage.setItem(h,j);cookie.set(h,j);d.afterSave.apply(this,[a(this),j])}i.removeClass("sf-blur")})})}})(jQuery);
\ No newline at end of file