HEADER

dabblet.css

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Nunito:300);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
	margin: 0;
	font-family: "Oswald";
}
body {
	margin: 0;
}
/* HEADER */
header {
	text-align: center;
	background: url("https://www.icloud.com/wm/messagepart/064.JPG?guid=messagepart%3AINBOX%2F6862-3&type=image%2Fjpeg&uniq=opope&name=064.JPG&proxyDest=p02-mailws&partition=p02&inline=yes") no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 100%;
	min-height: 0;
}
header #wrapper {
	padding: 5% 0;
}
header img {
	margin-top: 20px;
}
header h1, h2 {
	font-weight: 300;
	text-transform: uppercase;
	color: #e3170d;
	text-shadow: 1px 1px #cc140b;
}
header h1 {
	font-size: 5em;
	line-height: 10px;
}
header h2 {
	font-size: 3.1em;
	line-height: 10px;
}
#social iframe {
	display: inline;
	position: relative;
	border: 0;
	height: 20px;
	width:100px;
}

dabblet.html

<header>
					<div id="wrapper">
						<h1>Gallery on the Alley</h1>
						<h2>Celebrating Fine art and Design</h2>
						<div id="social">
							<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FGalleryOnTheAlley&width&layout=button_count&action=like&show_faces=false&share=false&height=21&appId=183398518524066" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>
							<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=GalleryontheNet" style="width:300px; height:20px;"></iframe>
						</div>
					</div>
				</header>

dabblet.js

// alert('Hello world!');

settings.json

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