diff --git a/_layouts/default.html b/_layouts/default.html
index 52b80ba..044d57c 100755
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -44,6 +44,8 @@
       <script src="{{ site.url }}/js/vendor/respond.min.js"></script>
     <![endif]-->
 
+    <script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
+
   </head>
 
   <body>
@@ -58,9 +60,8 @@
       {% include footer.html %}
     </div>
 
-    <script src="{{ site.url }}/js/vendor/jquery-1.9.1.min.js"></script>
     <script src="{{ site.url }}/js/main.js"></script>
-    
+
     {% if page.toc == true %}
     <script type="text/javascript">
       $('.toc').toc({
@@ -68,7 +69,7 @@
         'container': '.page-content', //element to find all selectors in
         'smoothScrolling': true, //enable or disable smooth scrolling on click
         'prefix': 'toc', //prefix for anchor tags and class names
-        'onHighlight': function(el) {}, //called when a new section is highlighted 
+        'onHighlight': function(el) {}, //called when a new section is highlighted
         'highlightOnScroll': true, //add class to heading that is currently in focus
         'highlightOffset': 100, //offset to trigger the next headline
         'anchorName': function(i, heading, prefix) { //custom function for anchor name
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 2b7fba2..88766af 100755
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -144,7 +144,7 @@
 #main {
 	.inner-wrap {
 		@include media($medium) {
-			@include span-columns(9);
+			@include span-columns(12);
 		}
 	}
 	.toc {
@@ -282,7 +282,7 @@
 	}
 }
 // make image flush with edges on small screens
-.page-image {	
+.page-image {
 	position: relative;
 	margin-left: -1 * $gutter;
 	margin-right: -1 * $gutter;
@@ -306,7 +306,7 @@
 	}
 }
 // breadcrumbs
-.breadcrumbs { 
+.breadcrumbs {
 	@include row;
 	margin-top: $gutter;
 	@include font-size(10,no);
diff --git a/js/vendor/jquery.storageapi.min.js b/js/vendor/jquery.storageapi.min.js
new file mode 100755
index 0000000..e196b06
--- /dev/null
+++ b/js/vendor/jquery.storageapi.min.js
@@ -0,0 +1,2 @@
+/* jQuery Storage API Plugin 1.7.3 https://github.com/julien-maurel/jQuery-Storage-API */
+!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):e("object"==typeof exports?require("jquery"):jQuery)}(function(e){function t(t){var r,i,n,o=arguments.length,s=window[t],a=arguments,u=a[1];if(2>o)throw Error("Minimum 2 arguments must be given");if(e.isArray(u)){i={};for(var f in u){r=u[f];try{i[r]=JSON.parse(s.getItem(r))}catch(c){i[r]=s.getItem(r)}}return i}if(2!=o){try{i=JSON.parse(s.getItem(u))}catch(c){throw new ReferenceError(u+" is not defined in this storage")}for(var f=2;o-1>f;f++)if(i=i[a[f]],void 0===i)throw new ReferenceError([].slice.call(a,1,f+1).join(".")+" is not defined in this storage");if(e.isArray(a[f])){n=i,i={};for(var m in a[f])i[a[f][m]]=n[a[f][m]];return i}return i[a[f]]}try{return JSON.parse(s.getItem(u))}catch(c){return s.getItem(u)}}function r(t){var r,i,n=arguments.length,o=window[t],s=arguments,a=s[1],u=s[2],f={};if(2>n||!e.isPlainObject(a)&&3>n)throw Error("Minimum 3 arguments must be given or second parameter must be an object");if(e.isPlainObject(a)){for(var c in a)r=a[c],e.isPlainObject(r)?o.setItem(c,JSON.stringify(r)):o.setItem(c,r);return a}if(3==n)return"object"==typeof u?o.setItem(a,JSON.stringify(u)):o.setItem(a,u),u;try{i=o.getItem(a),null!=i&&(f=JSON.parse(i))}catch(m){}i=f;for(var c=2;n-2>c;c++)r=s[c],i[r]&&e.isPlainObject(i[r])||(i[r]={}),i=i[r];return i[s[c]]=s[c+1],o.setItem(a,JSON.stringify(f)),f}function i(t){var r,i,n=arguments.length,o=window[t],s=arguments,a=s[1];if(2>n)throw Error("Minimum 2 arguments must be given");if(e.isArray(a)){for(var u in a)o.removeItem(a[u]);return!0}if(2==n)return o.removeItem(a),!0;try{r=i=JSON.parse(o.getItem(a))}catch(f){throw new ReferenceError(a+" is not defined in this storage")}for(var u=2;n-1>u;u++)if(i=i[s[u]],void 0===i)throw new ReferenceError([].slice.call(s,1,u).join(".")+" is not defined in this storage");if(e.isArray(s[u]))for(var c in s[u])delete i[s[u][c]];else delete i[s[u]];return o.setItem(a,JSON.stringify(r)),!0}function n(t,r){var n=a(t);for(var o in n)i(t,n[o]);if(r)for(var o in e.namespaceStorages)u(o)}function o(r){var i=arguments.length,n=arguments,s=(window[r],n[1]);if(1==i)return 0==a(r).length;if(e.isArray(s)){for(var u=0;u<s.length;u++)if(!o(r,s[u]))return!1;return!0}try{var f=t.apply(this,arguments);e.isArray(n[i-1])||(f={totest:f});for(var u in f)if(!(e.isPlainObject(f[u])&&e.isEmptyObject(f[u])||e.isArray(f[u])&&!f[u].length)&&f[u])return!1;return!0}catch(c){return!0}}function s(r){var i=arguments.length,n=arguments,o=(window[r],n[1]);if(2>i)throw Error("Minimum 2 arguments must be given");if(e.isArray(o)){for(var a=0;a<o.length;a++)if(!s(r,o[a]))return!1;return!0}try{var u=t.apply(this,arguments);e.isArray(n[i-1])||(u={totest:u});for(var a in u)if(void 0===u[a]||null===u[a])return!1;return!0}catch(f){return!1}}function a(r){var i=arguments.length,n=window[r],o=arguments,s=(o[1],[]),a={};if(a=i>1?t.apply(this,o):n,a._cookie)for(var u in e.cookie())""!=u&&s.push(u.replace(a._prefix,""));else for(var f in a)s.push(f);return s}function u(t){if(!t||"string"!=typeof t)throw Error("First parameter must be a string");g?(window.localStorage.getItem(t)||window.localStorage.setItem(t,"{}"),window.sessionStorage.getItem(t)||window.sessionStorage.setItem(t,"{}")):(window.localCookieStorage.getItem(t)||window.localCookieStorage.setItem(t,"{}"),window.sessionCookieStorage.getItem(t)||window.sessionCookieStorage.setItem(t,"{}"));var r={localStorage:e.extend({},e.localStorage,{_ns:t}),sessionStorage:e.extend({},e.sessionStorage,{_ns:t})};return e.cookie&&(window.cookieStorage.getItem(t)||window.cookieStorage.setItem(t,"{}"),r.cookieStorage=e.extend({},e.cookieStorage,{_ns:t})),e.namespaceStorages[t]=r,r}function f(e){if(!window[e])return!1;var t="jsapi";try{return window[e].setItem(t,t),window[e].removeItem(t),!0}catch(r){return!1}}var c="ls_",m="ss_",g=f("localStorage"),h={_type:"",_ns:"",_callMethod:function(e,t){var r=[this._type],t=Array.prototype.slice.call(t),i=t[0];return this._ns&&r.push(this._ns),"string"==typeof i&&-1!==i.indexOf(".")&&(t.shift(),[].unshift.apply(t,i.split("."))),[].push.apply(r,t),e.apply(this,r)},get:function(){return this._callMethod(t,arguments)},set:function(){var t=arguments.length,i=arguments,n=i[0];if(1>t||!e.isPlainObject(n)&&2>t)throw Error("Minimum 2 arguments must be given or first parameter must be an object");if(e.isPlainObject(n)&&this._ns){for(var o in n)r(this._type,this._ns,o,n[o]);return n}var s=this._callMethod(r,i);return this._ns?s[n.split(".")[0]]:s},remove:function(){if(arguments.length<1)throw Error("Minimum 1 argument must be given");return this._callMethod(i,arguments)},removeAll:function(e){return this._ns?(r(this._type,this._ns,{}),!0):n(this._type,e)},isEmpty:function(){return this._callMethod(o,arguments)},isSet:function(){if(arguments.length<1)throw Error("Minimum 1 argument must be given");return this._callMethod(s,arguments)},keys:function(){return this._callMethod(a,arguments)}};if(e.cookie){window.name||(window.name=Math.floor(1e8*Math.random()));var l={_cookie:!0,_prefix:"",_expires:null,_path:null,_domain:null,setItem:function(t,r){e.cookie(this._prefix+t,r,{expires:this._expires,path:this._path,domain:this._domain})},getItem:function(t){return e.cookie(this._prefix+t)},removeItem:function(t){return e.removeCookie(this._prefix+t)},clear:function(){for(var t in e.cookie())""!=t&&(!this._prefix&&-1===t.indexOf(c)&&-1===t.indexOf(m)||this._prefix&&0===t.indexOf(this._prefix))&&e.removeCookie(t)},setExpires:function(e){return this._expires=e,this},setPath:function(e){return this._path=e,this},setDomain:function(e){return this._domain=e,this},setConf:function(e){return e.path&&(this._path=e.path),e.domain&&(this._domain=e.domain),e.expires&&(this._expires=e.expires),this},setDefaultConf:function(){this._path=this._domain=this._expires=null}};g||(window.localCookieStorage=e.extend({},l,{_prefix:c,_expires:3650}),window.sessionCookieStorage=e.extend({},l,{_prefix:m+window.name+"_"})),window.cookieStorage=e.extend({},l),e.cookieStorage=e.extend({},h,{_type:"cookieStorage",setExpires:function(e){return window.cookieStorage.setExpires(e),this},setPath:function(e){return window.cookieStorage.setPath(e),this},setDomain:function(e){return window.cookieStorage.setDomain(e),this},setConf:function(e){return window.cookieStorage.setConf(e),this},setDefaultConf:function(){return window.cookieStorage.setDefaultConf(),this}})}e.initNamespaceStorage=function(e){return u(e)},g?(e.localStorage=e.extend({},h,{_type:"localStorage"}),e.sessionStorage=e.extend({},h,{_type:"sessionStorage"})):(e.localStorage=e.extend({},h,{_type:"localCookieStorage"}),e.sessionStorage=e.extend({},h,{_type:"sessionCookieStorage"})),e.namespaceStorages={},e.removeAllStorages=function(t){e.localStorage.removeAll(t),e.sessionStorage.removeAll(t),e.cookieStorage&&e.cookieStorage.removeAll(t),t||(e.namespaceStorages={})}});
\ No newline at end of file
diff --git a/workshops/1/index.md b/workshops/1/index.md
new file mode 100644
index 0000000..420f7b9
--- /dev/null
+++ b/workshops/1/index.md
@@ -0,0 +1,151 @@
+---
+layout: article
+title: "Workshop #1 Tutorial"
+date: 2015-01-04T08:53:00+08:00
+modified:
+excerpt:
+tags: []
+image:
+  feature:
+  teaser:
+  thumb:
+toc: true
+share: false
+---
+
+## Before you continue
+
+Please make sure you have done the following :
+
+- A [Github](https://github.com) account
+- A [Digital Ocean](https://digitalocean.com) account & cash-in the voucher given earlier
+- Have Ruby 1.9.3 installed  
+- Have Redis Server installed locally
+- Prepare SSH key for your machine
+
+
+## Outline
+
+In this tutorial we are building 2 simple apps - Shopping Cart & Customer Relationship Management (CRM) portal.
+
+The Shopping Cart will have a catalogue of products, then customers can buy and sales will be captured. And in the end the customer's information is sent to the CRM.
+
+In addition to that, we want to queue up the API requests so that the purchase process is not blocked / slowed down.
+
+And finally, we need to write an automated deployment script to deploy both apps to their respective servers.
+
+
+## Step 1: Creating the Shopping Cart
+
+Estimate time: 20 mins
+
+<input type="checkbox" id="c1_1"> User login using [Devise](https://github.com/plataformatec/devise)  
+<input type="checkbox" id="c1_2"> Setup [Upmin Admin](https://github.com/upmin/upmin-admin-ruby) on /admin  
+<input type="checkbox" id="c1_3"> Scaffold "Products" Model  
+<input type="checkbox" id="c1_4"> Checkout Page  
+<input type="checkbox" id="c1_5"> Sales Report in Admin area
+
+
+## Step 2: Creating the CRM
+
+Estimate time: 30 mins
+
+<input type="checkbox" id="c2_1"> User login using [Devise](https://github.com/plataformatec/devise)  
+<input type="checkbox" id="c2_2"> Scaffold Customers Model   
+<input type="checkbox" id="c2_3"> Setup [Upmin Admin](https://github.com/upmin/upmin-admin-ruby)  
+<input type="checkbox" id="c2_4"> "API Applications" Model  
+<input type="checkbox" id="c2_5"> Setup API with [Grape](https://github.com/intridea/grape)  
+<input type="checkbox" id="c2_6"> Setup API Documentation with [Grape-Swagger-Rails](https://github.com/BrandyMint/grape-swagger-rails)  
+
+
+## Step 3: Integrating with API
+
+Estimate time: 20 mins
+
+<input type="checkbox" id="c3_1"> Setup [Rails Config](https://github.com/railsconfig/rails_config)  
+<input type="checkbox" id="c3_2"> Generate API token for Shopping Cart app   
+<input type="checkbox" id="c3_3"> Use API token to send customer data to CRM  
+
+
+## Step 4: Queue Up Jobs
+
+Estimate time: 15 mins
+
+<input type="checkbox" id="c4_1"> Setup [Sidekiq](http://sidekiq.org/)  
+<input type="checkbox" id="c4_2"> Use [Sidekiq](http://sidekiq.org/) to queue up jobs  
+
+
+## Step 5: Setup Digital Ocean
+
+Estimate time: 15 mins
+
+<input type="checkbox" id="c5_1"> Generate / Get public SSH Key for machine  
+<input type="checkbox" id="c5_2"> Add SSH Key  
+<input type="checkbox" id="c5_3"> Create two (2) 14.04 x64 Ubuntu droplets with private networking
+
+
+## Step 6: Prep the Servers
+
+Estimate time: 20 mins
+
+<input type="checkbox" id="c6_1"> Install [rbenv](https://github.com/sstephenson/rbenv) with [ruby-build](https://github.com/sstephenson/ruby-b id="c6_1"uild)  
+<input type="checkbox" id="c6_2"> Install PostgreSQL  
+<input type="checkbox" id="c6_3"> Install Redis Server  
+<input type="checkbox" id="c6_4"> Security tweaks: change SSH port and disable root access
+
+
+## Step 7: Deployment
+
+Estimate time: 15 mins
+
+<input type="checkbox" id="c7_1"> Setup [Capistrano](https://github.com/capistrano/capistrano) with [Capistrano Rbenv](https://github.com/cap id="c5_1"istrano/rbenv) + [Capistrano Sidekiq](https://github.com/seuros/capistrano-sidekiq) + [Capistrano Unicorn Ngi id="c5_1"nx](https://github.com/capistrano-plugins/capistrano-unicorn-nginx)  
+<input type="checkbox" id="c7_2"> Create & upload production settings  
+<input type="checkbox" id="c7_3"> Finally ... Deploy Live !!  
+
+---
+
+### Overall Progress: <span id="progress">0</span>%
+
+<script src="{{ site.url }}/js/vendor/jquery.storageapi.min.js"></script>
+<script>
+$(function(){
+  ns = $.initNamespaceStorage('klxrb_ruby_workshop_1');
+  storage = ns.localStorage;
+
+  checked_items = storage.get('checked_items');
+
+  function recheck(){
+    if(checked_items.length > 1){
+      $(checked_items.join(',')).prop('checked', true);
+    }
+  }
+
+  function recalculate(){
+    $('#progress').html(parseInt($('input[type=checkbox]:checked').length / $('input[type=checkbox]').length * 100));
+  }
+
+  function savestate(){
+    checked_items = []
+    $('input[type=checkbox]:checked').each(function(){
+      checked_items.push('#' + $(this).prop('id'))
+    })
+    storage.set('checked_items', checked_items);
+  }
+
+  if(typeof checked_items === 'undefined'){
+    checked_items = [];
+  }else{
+    recheck();
+  }
+  
+  $('input[type=checkbox]').change(function(){
+    recalculate();
+    savestate();
+  })
+
+  recalculate();
+  
+});
+
+</script>
+
