Profile

dabblet.css

/* Profile */
@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic,400);

html { padding:0 1ex }
body { font:100%/1.6 Vollkorn; margin:auto; max-width:55em }
a { text-decoration:none; color:inherit }
a[href^="//"]:after { content:'→'}

h1 { font:400 italic 161%/1 Vollkorn }

.video { margin:0; position:relative; height:0; padding-top:56.25% }
.video iframe { width:100%; height:100%; position:absolute; top:0; left:0 }

 * { -outline:1px solid red }

dabblet.html

<h1> Brittany Jo Gaylord </h1>

<figure class=video>
  <iframe id=reel src=//youtube.com/embed/tp3v-aIv0uM frameborder=0 allowfullscreen></iframe>
  <figcaption>
  	<a href=//youtube.com/user/khaleesila target=_blank>more videos</a>
  </figcaption>
</figure>


<section id=photos></section>

dabblet.js

// alert('Hello world!');

settings.json

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