Untitled

dabblet.css

body {
	background: #fff;
	min-height: 100%;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0 0 1px;
	table-layout: fixed;
}
td {
	border-style: solid;
	border-color: #000;
	border-width: 0 1px 1px 0;
	height: 16px;
	width: 100px;
}

dabblet.html

<table>
  <tr>
    <td rowspan="4" colspan="1"></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td rowspan="4" colspan="1"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td rowspan="4" colspan="1"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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