Untitled

dabblet.css

/*B*/
@import 'http://fonts.googleapis.com/css?family=Karma';
@import '//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css';
*{margin:0;border:0}
body{font:100%/1.6 FontAwesome,Karma,sans-serif;
	background:#ffb18a;color:#aa2c49;text-align:center}
a{color:inherit;text-decoration:none}
#about{background:rgba(255,255,255,.7);box-shadow:0 0 4px white}
#about a{font-size:32px}
@media(max-width:1024px){
	#logo{max-width:30px;white-space:nowrap;overflow:hidden}}
#sitenav{box-shadow:0 0 10px rgba(0,0,0,.4)}
#sitenav a{padding:0 1em}
article{max-height:0;transition:max-height:2s;
	white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
	max-width:100vw}
article:target{max-height:400px}
[alt=Brittany]{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;
	max-height:100vh;width:100vw}

dabblet.html

<nav id=about>
  <a href=# id=logo> ♕ Brittany Jo Gaylord </a>
  <a class=fa-envelope title="bookings at brittany gaylord dot com"></a>
  <script>document.querySelector('.fa-envelope').href=[98,111,111,107,105,110,103,115,64,98,114,105,116,116,97,110,121,103,97,121,108,111,114,100,46,99,111,109].map(String.fromCharCode).join('').replace(/\s/g,'')</script>
  <a class=fa-twitter-square href=//twitter.com/thebrittanyg target=_blank></a>
  <a class=fa-youtube-play href=//youtube.com/user/khaleesila/videos target=_blank></a>
  <a class=fa-facebook-square href=//facebook.com/brittanyjogaylord target=_blank></a>
  <a class=fa-tumblr-square href=//khaleesila.tumblr.com target=_blank></a>
  <a class=fa-instagram href=//instagram.com/brittanyjogaylord target=_blank></a>
  <a class=fa-flickr href=//flic.kr/ps/2phRXa target=_blank></a>
</nav>
<nav id=sitenav>
  <a href=#reel>Reel</a>
  <a href=#videos>Videos</a>
  <a href=#photos>Photos</a>
</nav>
<article id=reel>(reel)</article>
<article id=video>(video)</article>
<article id=photo>(photo)</article>
<img alt=Brittany src=//brittanygaylord.com/img/brittany-blueeyes.jpg>

dabblet.js

// alert('Hello world!');

settings.json

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