Untitled

dabblet.css

body {
	margin:			0em;
	padding:		0em;
	font-family:	Helvetica;
	font-weight:	lighter;
	font-size:		1em;
	background:		#000022 url(http://www.laneolson.ca/files/img/rusty-pattern.png);
	color:			#fff;
}

a {
	color:	#aef;
}

header {
	padding:		0em;
	position:		absolute;
	left:			4.5%;
	bottom:			0em;
	margin:			0;
	width:			26%;
	text-align:		center;
}

header h1 {
	font-size:		4.5em;
	font-weight:	200;
	letter-spacing:	0em;
	text-transform:	uppercase;

	font-family: 	Copystruct;
	margin:			0;
	padding:		0;
}

header h2 {
	background: 	#fff;
	color:black;
	text-transform: uppercase;
	font-size:1em;
	letter-spacing: 0.2em;
	font-weight: 	700;
	margin:			0;
	padding:		0.75em 1.5em 0.45em;
	text-align:left;
		background:#04adf5;	color:#fff;
}

header nav {

}

header nav ul {
	list-style: 	none;
	margin:			1em 0em;
	padding:		0;
	text-align:left;
}

header nav ul li {

}

header nav ul li a {
	
	background: 	#fff;
	color:black;
	text-transform: uppercase;
	font-size:1em;
	letter-spacing: 0.2em;
	font-weight: 	700;
	margin:			0;
	padding:		0.75em 1.5em 0.45em;
	text-align:left;
	display:block;
	text-decoration:none;
}

header nav ul li a:hover {
	background:#04adf5;
	color:#fff;
}

#picture {
	position:		absolute;
	right:			0px;
	bottom:			0px;
	width:			65%;
	margin:			0;
	padding:		0;
	text-align:		right;
}

#picture img {
	width:		100%;
}

dabblet.html

<header id="main">
	<h1 id="site">Rusty</h1>
	<h2>Musician // Edmonton, AB</h2>
	<nav>
		<ul>
			<li><a href="#shows">Shows</a></li>
			<li><a href="#music">Music</a></li>
			<li><a href="#blog">Blog</a></li>
		</ul>
	</nav>
</header>
<div id="picture">
	<img src="http://www.laneolson.ca/files/img/rusty-img.png" />
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://raw.github.com/davatron5000/FitText.js/master/jquery.fittext.js"></script>
<script>
  jQuery("#site").fitText(0.4);
</script>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}