Untitled

dabblet.css

label {
display: block;
}

dabblet.html

<form method="get" action="">
	<fieldset>
		<legend>User Picker</legend>
		<label for="user">User</label>
		<select name="user" id="user">
			<option disabled selected>Select a user</option>
			<option value="5">Jackie</option>
		</select>
	</fieldset>
</form>
<form method="post" action="">
	<fieldset>
		<legend>Buffer builder</legend>
		<label for="title">Post Title</label>
		<input id="title" type="text" placeholder="How to earn half a million a week" />
		<label for="body">Post Body</label>
		<textarea id="body" placeholder="Start off by creating a company in education, then trick the parents for cha-ching cha-ching!"></textarea>
		<label for="files">Images</label>
		<input type="file" id="files" multiple="multiple" />
		<div id="images"></div>
		<input type="submit" value="Add post" />
	</fieldset>
</form>

<div id="buffer">
	<h4>Current buffer</h4>
	<p>There's nothing in the buffer right now. So start adding!</p>
	<table>
		<thead>
			<tr>
				<th>Title</th>
				<th>Date</th>
			</tr>
		</thead>
		<tbody id="buffer-body">
		</tbody>
	</table>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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