Rob Pataki robpataki

README file for any project using Webpack 2 and Yarn for asset precompilation and module bundling

Please note, the installation instructions are for OS X only for now. I will update the document as soon as I can to help with Windows/Linux installations too.

Project setup

For the JS assets precompilation we use Webpack 2. To be able to run webpack you'll need a few things to install on your machine, but don't worry, it should be quick and I tried my best to help you with a step by step guide below. Let's start!

Remove an unwanted domain served by Apache from your Linode

Remove a domain

sudo a2dissite example.com
sudo rm -rf /root/public/example.com
sudo rm /etc/apache2/sites-available/example.com

sudo service apache2 reload

Hosting a new domain on Linode with Apache

Setting up the necessary folders and permissions

sudo mkdir -p /root/public/example.com
sudo mkdir -p /root/public/example.com/backup
sudo mkdir -p /root/public/example.com/log
sudo mkdir -p /root/public/example.com/public
sudo chmod -R g+rwxs /root/public/example.com/public
sudo touch /etc/apache2/sites-available/example.com

	var getTimeString = function(timeInMs) {
	var delim = ":";
	var hours = Math.ceil(timeInMs / (1000 * 60 * 60) % 60);
	var minutes = Math.floor(timeInMs / (1000 * 60) % 60);
	var seconds = Math.floor(timeInMs / 1000 % 60);

	hours = hours < 10 ? '0' + hours : hours;
	minutes = minutes < 10 ? '0' + minutes : minutes;
	seconds = seconds < 10 ? '0' + seconds : seconds;
	return hours + delim + minutes + delim + seconds;

	// Colour scheme: https://coolors.co/f61067-5e239d-00f0b5-6decaf-f4f4ed
	var NS = 'http://www.w3.org/2000/svg';


	var Victor = function(artboardElementSelector) {
	if (typeof artboardElementSelector === 'string') {
	this.setArtboard(artboardElementSelector);
	}

	this.connections = {

	//**
	// Button reset
	//**

	button,
	input[type="button"],
	input[type="submit"] {
	// Reset the ugly defaults
	-webkit-appearance: none;
	background: none;

	# Your snippets
	#
	# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
	# expand the prefix into a larger code block with templated values.
	#
	# You can create a new snippet in this file by typing "snip" and then hitting
	# tab.
	#
	# An example CoffeeScript snippet to expand log to console.log:
	#

	# OS X
	*.DS_Store
	Icon
	Iconr
	Icon

	*.log

	# Python
	*.pyc

	/* Prevent overflow scroll bouncing on mac */
	/* http://stackoverflow.com/questions/12046315/prevent-overscrolling-of-web-page */

	html {
	overflow: hidden;
	height: 100%;
	}

	body {
	height: 100%;