mvtango/dabblet.css

## dabblet.css
/**
 * Clase del Máster en Periodismo BCN_NY 2014/2015
 */

body {
	background: #fff;
	min-height: 100%;
}

p.invisible {
 display: none
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h1>&iexcl;Buenos d&iacute;as!</h1>
<p>Un poco de HTML para despertar.</p>
<p class="invisible">A quien le interesa?</p>
<p>Elementos interesantes:
	<ul>
	<li>p&aacute;rrafo: &lt;p&gt;</li>
	<li><b>negrita</b> &lt;b&gt;</li>
	<li>y un <a href="http://www.masterperiodismo.il3.ub.edu/">enlace</a> &lt;a&gt;</li>
	</ul>
</p>
<p>Nada demasiado profundo, pero un comienzo. Aqu&iacute; hay lectura para los que quieren saber m&aacute;s:
<a href="http://www.w3schools.com/html/">http://www.w3schools.com/html/</a>
</p>

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

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	/**
	* Clase del Máster en Periodismo BCN_NY 2014/2015
	*/

	body {
	background: #fff;
	min-height: 100%;
	}

	p.invisible {
	display: none
	}
	<!-- content to be placed inside <body>…</body> -->
	<h1>¡Buenos días!</h1>
	<p>Un poco de HTML para despertar.</p>
	<p class="invisible">A quien le interesa?</p>
	<p>Elementos interesantes:
	<ul>
	<li>párrafo: <p></li>
	<li><b>negrita</b> <b></li>
	<li>y un <a href="http://www.masterperiodismo.il3.ub.edu/">enlace</a> <a></li>
	</ul>
	</p>
	<p>Nada demasiado profundo, pero un comienzo. Aquí hay lectura para los que quieren saber más:
	<a href="http://www.w3schools.com/html/">http://www.w3schools.com/html/</a>
	</p>