<form method="post">
<div class="elem"><label>handle</label> <div class="txtbox">@!handle</div></div>
<div class="elem"><label for="nym">display name</label> <input type="text" name="nym" id="nym" placeholder="j. random poster" value="@:nym"></div>
<div class="elem"><label for="bio">bio</label><textarea name="bio" id="bio" placeholder="tall, dark, and mysterious">@!bio</textarea></div>
<div class="elem color-picker"><label for="hue">accent</label><input type="range" min="0" max="360" value="@hue" name="hue" id="hue" data-color-pick></div>
<div class="elem-group">
<div class="elem">
<label for="acl-follow">who can follow me</label>
<input type="text" class="acl" name="acl-follow"
id="acl-follow" placeholder="allow local" value="@:acl-follow">
</div>
<div class="elem">
<label for="acl-follow-req">who can request to follow me</label>
<input type="text" class="acl" name="acl-follow-req"
id="acl-follow-req" placeholder="deny +dorks" value="@:acl-follow-req">
</div>
</div>
<menu class="choice vertical">
<button>commit all</button>
<button name="act" value="reset-hue">use server colors</button>
</menu>
</form>