Sean Washington seanwash

Setup local wordpress install & local wordpress database
Create production database from mysql wizard (make new user password and db)
Setup grunt files from the wordpress root in the console (rememeber you can drag and drop a folder onto the console and hit enter):

$ npm init & Fill in relevant details (you can just hit enter a few times)
$ npm install grunt --save-dev - install grunt into node_modules folder
$ npm install grunt-wordpress-deploy --save-dev - install grunt wordpress deploy into node_modules folder
Create gruntfile.js in root & copy and paste below gruntfile.js into yours.
Fill in the local and production information
- Remember that the two path: lines need to have a trailing slash / (lines 37 & 46)

Setting up a SSL Cert from Comodo

I use Namecheap.com as a registrar, and they resale SSL Certs from a number of other companies, including Comodo.

These are the steps I went through to set up an SSL cert.

First create a Ubuntu 13.04 x64 droplet on DigitalOcean Control Panel

Then ssh with root account, run this in termianl:

$ wget -qO- https://raw.github.com/progrium/dokku/master/bootstrap.sh | sudo bash

	class LazyLoad
	constructor: (lazySelector, container) ->
	return console.error 'LazyLoad: LazySelector is not defined' unless lazySelector?.length
	return console.error 'LazyLoad: Container is not defined' unless container?.length

	@container = $(container)
	@lazySelector = lazySelector
	@lazyItems = @container.find(lazySelector)
	@wh = $(window).height()
	@itemOffsets = []

	<?php
	class Hooks_kollide_password_protect extends Hooks
	{
	public $meta = array(
	'name' => 'Kollide - Password Protect',
	'version' => '1.0.0',
	'author' => 'Sean Washington',
	'author_url' => 'http://octopuscreative.com'
	);

	/*! = $rembase: 14px
	--------------------------------------------------------------
	* hmtl { font-size: 87.5%; }
	* body { font-size: 14px; font-size: 1rem; line-height: 1; }
	* 4px 0.28571429rem
	* 8px 0.571428571rem
	* 12px 0.857142857rem
	* 13px 0.928571429rem
	* 14px 1rem
	* 16px 1.142857143rem

	NewsViewer = Vue.extend
	props: ['news', 'ready', 'activeIndex']

	data: ->
	news: null
	activeIndex: 1
	ready: false
	direction: 'down'

	template: """

	InsightsViewer = Vue.extend
	props: ['insights', 'ready', 'activeIndex']

	data: ->
	insights: null
	activeIndex: 0
	ready: false
	userDidInteract: false

	template: """

	AddToCartButton = Vue.extend
	data: ->
	loading: false
	success: false
	error: false
	errorMessage: null

	template: """
	<div v-el:buttoncontainer class="add-to-cart-container" :class="{'-loading': loading}" transition="all">
	<loading-indicator v-show="loading" transition="fade"></loading-indicator>