---- for demo ---

dabblet.css

.widget {
  border: 1px solid skyblue;
  margin-bottom: 20px;
}
.widget-title {
  padding: 10px;
  background-color: skyblue;
}
.widget-body {
  padding: 10px;
  font-size: 14px;
}














/* ---- for demo --- */
* {
  margin-top: 0;
  margin-bottom: 0;
}

body {
  padding: 100px;
}

li {
  margin-left: 1em;
}

dabblet.html

<div class="widget">
  <h2 class="widget-title">Title</h2>
  <p class="widget-body">Blah Blah Blah.</p>
</div>

<div class="widget">
  <h3 class="widget-title">Link list</h3>
  <ul class="widget-body">
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  </ul>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"140","seethrough":"","prefixfree":"1","page":"all"}