The first commented line is your dabblet’s title

dabblet.css

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

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}

.sidebar {
	position: fixed;
	height: 100%;
	width: 300px;
	top: 0;
	left: 0;
	background: black;
	color: white;
}
.sidebar__content {
	padding: 10px;
}
.main {
	background: #eee;
	padding-left: 320px;
}

dabblet.html

<div class="sidebar">
	<div class="sidebar__content">Sidebar</div>
</div>
<div class="main">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla turpis turpis, aliquam eu massa a, congue mattis nulla. Nunc et nulla eu quam dictum pellentesque quis et risus. Morbi tempor facilisis velit eget tempus. Etiam magna nunc, lobortis et adipiscing in, faucibus sed eros. In tempus orci ac orci semper, et bibendum ante sodales. Quisque placerat ipsum sit amet dignissim volutpat. Sed sed orci id libero scelerisque commodo non vitae diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus nisi leo, sit amet posuere augue feugiat eu. Suspendisse venenatis dapibus ornare.
<br><br>
Suspendisse in justo felis. Curabitur ultrices lacus leo, quis mattis mauris luctus sit amet. Nullam sollicitudin, quam sit amet venenatis pellentesque, sapien mi semper elit, eu convallis neque leo vitae tortor. Quisque interdum, mauris sit amet hendrerit ornare, mi leo sodales eros, in lacinia enim augue sit amet libero. Vivamus in lobortis erat. Mauris accumsan neque non est sagittis, ac ullamcorper mauris euismod. Proin suscipit sem id purus consectetur egestas vel quis dui. Phasellus id quam consectetur, tristique mauris id, iaculis justo. Donec blandit mattis blandit. Donec arcu est, commodo nec tellus et, sollicitudin ultrices purus. Cras nisi dolor, hendrerit egestas erat ac, suscipit lobortis nisl. Pellentesque consequat congue blandit. In imperdiet risus ac justo blandit porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eleifend tellus at purus vehicula, vitae rhoncus magna pellentesque.
<br><br>
Aliquam sit amet justo risus. Suspendisse ac velit eu est porta ornare at sed odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed semper sodales ante. Pellentesque a dui felis. Quisque eleifend orci id hendrerit mollis. Fusce pellentesque sem sit amet justo dignissim, euismod faucibus lectus porta. Interdum et malesuada fames ac ante ipsum primis in faucibus.
<br><br>
Praesent posuere fringilla lectus, nec tristique turpis aliquam quis. Pellentesque ultricies eget massa at cursus. Phasellus vestibulum orci non magna imperdiet, sed sodales mi posuere. Quisque eu faucibus velit. Integer sit amet sapien purus. Fusce ac laoreet sem. Donec accumsan justo ante, sit amet semper metus tempus eget. Etiam tincidunt elit at ullamcorper rhoncus. Duis vehicula neque quis erat viverra, lobortis aliquet odio imperdiet. Vestibulum pulvinar condimentum dui sit amet congue. Nullam auctor metus vitae accumsan congue. Praesent ultrices augue lacus, et vestibulum purus pellentesque eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent quam lacus, eleifend sed vehicula a, consectetur quis massa.
<br><br>
Morbi vitae bibendum nunc, eget lacinia lacus. Nullam interdum mattis ipsum a interdum. Vivamus sodales metus quis neque iaculis, sed tincidunt quam sagittis. Suspendisse sollicitudin malesuada scelerisque. Nam vehicula auctor velit sit amet lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet libero turpis. Donec pellentesque nunc nulla, vel tempor magna egestas sed. Mauris sollicitudin elementum bibendum.
</div>

dabblet.js

// alert('Hello world!');

settings.json

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