The first commented line is your dabblet’s title

dabblet.css

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

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<section id="portfolio">

	<header>
		<h1><a href="/" class="showHome">Helder Santana</a></h1>
		<h2>Front-end Engineer</h2>		
	</header>

	<section id="nucleo">
		<h3><a href="#works">Works</a></h3>
		<ul id="works" class="list-projects">
			<li class="item-1 home">        
				<a href="/buscape" class="showWork">
					<span>BuscaPé - Hotsite Quer Perder Quanto</span>
				</a>
			</li>
			<li class="item-2 home boo_boxfy">
				<a href="/boo-box" class="showWork">
					<span>boo-box - Wordpress plugin, Widget Generator and SVG Charts</span>
				</a>    
			</li>
			<li class="item-3 home ryazbek">
				<a href="/agencia-climax-ryazbek" class="showWork">
					<span>R. Yazbek - Agencia Climax</span>
				</a>
			</li>
			<li class="item-4 home oi_velox">
				<a href="/inova-inc-oi-velox-office" class="showWork">
					<span>Oi Velox Office - Inova Inc.</span>
				</a>
			</li>
		</ul>		
	</section>

	<footer>
		<p>2012 by <strong>Helder Santana</strong> - 
			<a target="_blank" href="http://heldr.com/linkedin" title="My Linkedin">Linkedin</a> |
			<a target="_blank" href="http://heldr.com/github" title="My GitHub">GitHub</a> |
			<a target="_blank" href="http://heldr.com/twitter" title="My Twitter">Twitter</a> |
			<a target="_blank" href="http://heldr.com/facebook" title="My Facebook">Facebook</a>
		</p>
		<small>made with HTML5, 
			<a href="http://code.google.com/speed/webp/" target="_blank">WebP</a>,
			<a href="http://nodejs.org" target="_blank">node.js</a> and
			<a href="http://expressjs.com" target="_blank">Express</a>
		</small>		
	</footer>	
</section>	

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}