The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

section {
	background-color: #ccc;
	position: relative;
	overflow: hidden;
}

p {
	width: 70%;
}

img {
	position: absolute;
	left: 73%;
	top: 0;
	width: 80%;
}

dabblet.html

<section>
	<h2>Konzeption</h2>
	<img src="http://vortrieb.net/sites/default/files/concept.png">
	<p>Bevor wir die praktische Arbeit anpacken, lassen wir unsere (und gerne auch Ihre) Köpfe qualmen. Als erstes brauchen wir einen Plan, was wir erreichen wollen, wie wir das anstellen und welche Eckdaten es gibt.</p>

	<p>Das gibt allen Beteiligten jederzeit Aufschluss über das „Warum“ und das „Wie“.</p>
</section>

dabblet.js

// alert('Hello world!');

settings.json

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