<!-- 
Layer selector
-->
<form>
  <div id="layer_radio">
    <input type="radio" name="radio" class="layer" id="layer-0"checked="checked" /><label for="layer-0">Layer 0</label>
    <input type="radio" name="radio" class="layer" id="layer-1"/><label for="layer-1">Layer 1</label>
    <input type="radio" name="radio" class="layer" id="layer-2"/><label for="layer-2">Layer 2</label>
    <input type="radio" name="radio" class="layer" id="layer-3"/><label for="layer-3">Layer 3</label>
  </div>
</form> 

<!-- TODO: set all key to NO or TRANS -->
<!-- TODO: copy layer -->

<!-- 
Keyboard keys
-->
<div class="keyboard">
    <div id="key-0301" class="key">Esc</div>
    <div id="key-0300" class="key">1</div>
    <div id="key-0000" class="key">2</div>
    <div id="key-0100" class="key">3</div>
    <div id="key-0101" class="key">4</div>
    <div id="key-0200" class="key">5</div>
    <div id="key-0201" class="key">6</div>
    <div id="key-0400" class="key">7</div>
    <div id="key-0401" class="key">8</div>
    <div id="key-0600" class="key">9</div>
    <div id="key-0601" class="key">0</div>
    <div id="key-0700" class="key">-</div>
    <div id="key-0701" class="key">=</div>
    <div id="key-0500" class="key">\</div>
    <div id="key-0501" class="key">`</div>
    <br class="clear" />

    <div id="key-0302" class="key btn150">Tab</div>
    <div id="key-0001" class="key">Q</div>
    <div id="key-0002" class="key">W</div>
    <div id="key-0103" class="key">E</div>
    <div id="key-0102" class="key">R</div>
    <div id="key-0203" class="key">T</div>
    <div id="key-0202" class="key">Y</div>
    <div id="key-0402" class="key">U</div>
    <div id="key-0403" class="key">I</div>
    <div id="key-0602" class="key">O</div>
    <div id="key-0603" class="key">P</div>
    <div id="key-0703" class="key">[</div>
    <div id="key-0702" class="key">]</div>
    <div id="key-0502" class="key btn150">BSpc</div>
    <br class="clear" />

    <div id="key-0303" class="key btn175">Ctrl</div>
    <div id="key-0004" class="key">A</div>
    <div id="key-0003" class="key">S</div>
    <div id="key-0104" class="key">D</div>
    <div id="key-0105" class="key">F</div>
    <div id="key-0204" class="key">G</div>
    <div id="key-0205" class="key">H</div>
    <div id="key-0405" class="key">J</div>
    <div id="key-0404" class="key">K</div>
    <div id="key-0605" class="key">L</div>
    <div id="key-0604" class="key">;</div>
    <div id="key-0704" class="key">'</div>
    <div id="key-0503" class="key btn225">Enter</div>
    <br class="clear" />

    <div id="key-0304" class="key btn225">Shift</div>
    <div id="key-0005" class="key">Z</div>
    <div id="key-0006" class="key">X</div>
    <div id="key-0007" class="key">C</div>
    <div id="key-0106" class="key">V</div>
    <div id="key-0107" class="key">B</div>
    <div id="key-0206" class="key">N</div>
    <div id="key-0406" class="key">M</div>
    <div id="key-0606" class="key">,</div>
    <div id="key-0706" class="key">.</div>
    <div id="key-0705" class="key">/</div>
    <div id="key-0505" class="key btn175">Shift</div>
    <div id="key-0504" class="key">Fn</div>
    <br class="clear" />

    <div class="key spc150"></div>
    <div id="key-0305" class="key">Sup</div>
    <div id="key-0306" class="key btn150">Alt</div>
    <div id="key-0307" class="key btn600"></div>
    <div id="key-0507" class="key btn150">Alt</div>
    <div id="key-0506" class="key">Sup</div>
    <div class="key spc150"></div>
    <div class="key spc100"></div>
    <br class="clear" />