Townsquare

dabblet.css

/* Townsquare */

/* typography */
@import url(http://fonts.googleapis.com/css?family=Oxygen|Playfair+Display+SC);
* { font:400 1em/1.6 Oxygen,sans-serif }
h1 { font:400 1.6em/1 Playfair Display SC,serif }


/* structure */
body > header {}
  header h1 {}
  header form {}
  	header form input {}
  	header form button {} 
  header menu {}

body > article {}
body > aside {}

body > footer {}
  footer nav {}

dabblet.html

<header>
	<h1>Townsquare</h1>
	<form action=search>
		<input name=query placeholder=Query>
		<button>search</button>
	</form>
	<menu>
		<a href="#news">News</a>
		<a href="#events">Events</a>
		<a href="#services">Services</a>
		<a href="#directory">Directory</a>
		<a href="#maps">Maps</a>
	</menu>
</header>

<article id=news></article>

<aside id=events></aside>
<aside id=services></aside>
<aside id=directory></aside>
<aside id=maps></aside>

<footer id=sitemap>
	<nav></nav>
	<nav></nav>
</footer>

dabblet.js

// alert('Hello world!');

settings.json

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