pawelmhm/dabblet.css

## dabblet.css
/**
 * animated sections
 */
article {
width:1000px;
height:600px;
}

#lover {
background:red;
}

#diver {
background:purple;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul>
<li><a href="diver">Diver</a></li>
<li><a href="lover">Lover</a></li>
</ul>
<article id="lover">
</article>

<article id="diver">
I'm diving into the sea here
</article>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* animated sections
	*/
	article {
	width:1000px;
	height:600px;
	}

	#lover {
	background:red;
	}

	#diver {
	background:purple;
	}
	<!-- content to be placed inside <body>…</body> -->
	<ul>
	<li><a href="diver">Diver</a></li>
	<li><a href="lover">Lover</a></li>
	</ul>
	<article id="lover">
	</article>

	<article id="diver">
	I'm diving into the sea here
	</article>