hussienliban

Prelude

I. Preface and Motivation

This guide was written because I don't particularly enjoy deploying Phoenix (or Elixir for that matter) applications. It's not easy. Primarily, I don't have a lot of money to spend on a nice, fancy VPS so compiling my Phoenix apps on my VPS often isn't an option. For that, we have Distillery releases. However, that requires me to either have a separate server for staging to use as a build server, or to keep a particular version of Erlang installed on my VPS, neither of which sound like great options to me and they all have the possibilities of version mismatches with ERTS. In addition to all this, theres a whole lot of configuration which needs to be done to setup a Phoenix app for deployment, and it's hard to remember.

For that reason, I wanted to use Docker so that all of my deployments would be automated and reproducable. In addition, Docker would allow me to have reproducable builds for my releases. I could build my releases on any machine that I wanted in a contai

hussienliban

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);
	return mix(rand(fl), rand(fl + 1.0), fc);
}

hussienliban

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

hussienliban

An Anonymous Pen

A Pen by Anonasaurus Rex on CodePen.

License.

hussienliban

Sublime Text 2 – Useful Shortcuts (PC)

Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.

Editing

Ctrl+C	copy current line (if no selection)
Ctrl+X	cut current line (if no selection)
Ctrl+⇧+K	delete line
Ctrl+↩	insert line after

hussienliban

# Filename-based cache busting
# taken from https://github.com/h5bp/html5-boilerplate/

# This rewrites file names of the form `name.123456.js` to `name.js`
# so that the browser doesn't use the cached version when you have
# updated (but not manually renamed) the file.

<IfModule mod_rewrite.c>
    Options +FollowSymlinks
    RewriteEngine On

hussienliban

a{ 
text-decoration: none;
color: #d44444;
font: bold 45px/45px verdana;
text-align: center;	
}

h1{-webkit-perspective: 800px;}
.cube {
  display: block;  position: relative;  margin: 30px auto;

hussienliban

/**
 * Table example
 hsla(0,0%,98%,1)
 hsla(0,0%,90%,1)
 hsla(0,0%,70%,1)
 hsla(0,0%,50%,1)
 hsla(0,0%,30%,1)
 hsla(0,0%,10%,1)

 */

hussienliban

 article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  body{
	background:url("http://dabblet.com/img/noise.png") repeat scroll 0 0%, -moz-linear-gradient(left center , #ECE7E3 1px, transparent 1px) no-repeat scroll 2.8em 0 #F4F1EF;
}

.point{
	display: inline-block;
	background: #23A8EF;
	width: 150px;

hussienliban

body{
	background:url("http://dabblet.com/img/noise.png") repeat scroll 0 0%, -moz-linear-gradient(left center , #ECE7E3 1px, transparent 1px) no-repeat scroll 2.8em 0 #F4F1EF;
}

.point{
	display: inline-block;
	background: #23A8EF;
	width: 150px;
	height: 100px;
	border-radius: 8px;