Arvin Dang arvindang

## Front-end Helpers
http://bourbon.io
http://compass.handlino.com
http://middlemanapp.com
http://pages.github.com
http://necolas.github.io/normalize.css/
http://neat.bourbon.io
http://hex.colorrrs.com

## jsbin.ukaMUwi.css
/* Base */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/* Slideshow */
.slideshow {
  width: 500px;

## jsbin.ajajomU.css
section {
  margin-bottom: 40px;
}

.main {
  background: url(http://img.timeinc.net/time/photoessays/2008/trees/franklin_trees_01.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

## jsbin.owOKuCuK.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-git2.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <a href="http://google.com">Google</a>


## index.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-git2.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<!--   <a href="#">
    <img class="static" src="http://placekitten.com/100/100" alt="">

## .bash_profile
function reload {
	source ~/.bash_profile
}

function parse_git_dirty {
  [[ $(git status 2> /dev/null | tail -n1) != "nothing to commit (working directory clean)" ]] && echo " *"
}

function parse_git_branch {
  git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'

## jsbin.wuler.css
body {
  padding: 10px;
}

p {
  background: -webkit-linear-gradient(top,#fd0b58 0,#a32b68 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

## jsbin.saduz.css
body {
  padding-top: 40px;
}

div {
  height: 250px;
  overflow: hidden;
  width: 370px;
    transition: all .2s ease-in;
  margin: 0 auto;

## Calc() Grid System
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <script>
    .grid-box {
  float: left;

## Sticky header using waypoint plugin
$('#opening, #film, #practical, #conference, #guide')

    .waypoint(function(direction) {
        // sticky header
        $(this).find('> div > header').toggleClass('sticky', direction === 'down');
        // nav .current
        currentNav($(this).attr('id'), direction === 'down');
    })

    .waypoint(function(direction) {
	http://bourbon.io
	http://compass.handlino.com
	http://middlemanapp.com
	http://pages.github.com
	http://necolas.github.io/normalize.css/
	http://neat.bourbon.io
	http://hex.colorrrs.com
	/* Base */
	.group:after {
	content: "";
	display: table;
	clear: both;
	}

	/* Slideshow */
	.slideshow {
	width: 500px;
	section {
	margin-bottom: 40px;
	}

	.main {
	background: url(http://img.timeinc.net/time/photoessays/2008/trees/franklin_trees_01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery-git2.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<a href="http://google.com">Google</a>
	function reload {
	source ~/.bash_profile
	}

	function parse_git_dirty {
	[[ $(git status 2> /dev/null \| tail -n1) != "nothing to commit (working directory clean)" ]] && echo " *"
	}

	function parse_git_branch {
	git branch 2> /dev/null \| sed -e '/^[^]/d' -e 's/ \(.*\)/ (\1)/'
	body {
	padding: 10px;
	}

	p {
	background: -webkit-linear-gradient(top,#fd0b58 0,#a32b68 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
	body {
	padding-top: 40px;
	}

	div {
	height: 250px;
	overflow: hidden;
	width: 370px;
	transition: all .2s ease-in;
	margin: 0 auto;