di0ib
/
tmk_keyboard
關注 1
收藏 0
複製 0
程式碼 版本發佈 4 活動
Keyboard firmwares for Atmel AVR and Cortex-M
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 提交
3 分支
目錄樹: 25afef2340
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 '25afef2340'
${ noResults }
tmk_keyboard/editor/m0110/m0110a.html

m0110a.html 27KB
原始文件 Blame 歷史記錄

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557 
  1. <html>

  2. <head>

  3.     <title>TMK Keymap Editor</title>

  4.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

  5.     <link rel="stylesheet" href="keymap_editor.css" type="text/css">

  6.     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  7.     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  8.     <script src="../common/keymap_editor.js"></script>

  9.     <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. -->

  10.     <script src="../common/lz-string-1.0.2.js"></script>

  11.     <script src="../common/base64.js"></script>

  12.     <script src="m0110.js"></script>

  13. </head>

  14. 

  15. <body>

  16. <h1 id="page-title">TMK Keymap Editor</h1>

  17. <div align="right">Converter Revision(See <a href="https://geekhack.org/index.php?topic=24965.msg470309#msg470309" target="_blank">this</a>):

  18.     <select id=revision>

  19.         <option value="rev1">Rev.1</option>

  20.         <option value="rev2" selected>Rev.2</option>

  21.     </select>

  22. </div>

  23. 

  24. <h2>Apple Macintosh M0110A</h2>

  25. <div id="keyboard-pane" class="keyboard-pane">

  26.     <form>

  27.         <div id="layer_radio">

  28.         <input type="radio" name="radio" class="layer" id="layer-0"checked="checked" /><label for="layer-0">Layer 0</label>

  29.         <input type="radio" name="radio" class="layer" id="layer-1"/><label for="layer-1">Layer 1</label>

  30.         <input type="radio" name="radio" class="layer" id="layer-2"/><label for="layer-2">Layer 2</label>

  31.         <input type="radio" name="radio" class="layer" id="layer-3"/><label for="layer-3">Layer 3</label>

  32.         <input type="radio" name="radio" class="layer" id="layer-4"/><label for="layer-4">Layer 4</label>

  33.         <input type="radio" name="radio" class="layer" id="layer-5"/><label for="layer-5">Layer 5</label>

  34.         <input type="radio" name="radio" class="layer" id="layer-6"/><label for="layer-6">Layer 6</label>

  35.         <input type="radio" name="radio" class="layer" id="layer-7"/><label for="layer-7">Layer 7</label>

  36.         </div>

  37.     </form>

  38. 

  39. 

  40.     <!--

  41.     Keyboard keys

  42.     -->

  43.     <!-- TODO: how not to wrap keys? other than using pixel size width. -->

  44.     <div id="keyboard-outline" class="keyboard-outline" style="width:1000px">

  45.     <div class='keyboard-row'>

  46.     <div id="key-62" class="key" tabindex="1"></div>

  47.     <div id="key-22" class="key" tabindex="1"></div>

  48.     <div id="key-23" class="key" tabindex="1"></div>

  49.     <div id="key-24" class="key" tabindex="1"></div>

  50.     <div id="key-25" class="key" tabindex="1"></div>

  51.     <div id="key-27" class="key" tabindex="1"></div>

  52.     <div id="key-26" class="key" tabindex="1"></div>

  53.     <div id="key-32" class="key" tabindex="1"></div>

  54.     <div id="key-34" class="key" tabindex="1"></div>

  55.     <div id="key-31" class="key" tabindex="1"></div>

  56.     <div id="key-35" class="key" tabindex="1"></div>

  57.     <div id="key-33" class="key" tabindex="1"></div>

  58.     <div id="key-30" class="key" tabindex="1"></div>

  59.     <div id="key-63" class="key btn150" tabindex="1"></div>

  60. 

  61.     <div class="key spc100"></div>

  62.     <div id="key-87" class="key" tabindex="9"></div>

  63.     <div id="key-d0" class="key" tabindex="9"></div>

  64.     <div id="key-d5" class="key" tabindex="9"></div>

  65.     <div id="key-c2" class="key" tabindex="9"></div>

  66.     </div>

  67. 

  68.     <div class='keyboard-row'>

  69.     <div id="key-60" class="key btn150" tabindex="2"></div>

  70.     <div id="key-14" class="key" tabindex="2"></div>

  71.     <div id="key-15" class="key" tabindex="2"></div>

  72.     <div id="key-16" class="key" tabindex="2"></div>

  73.     <div id="key-17" class="key" tabindex="2"></div>

  74.     <div id="key-20" class="key" tabindex="2"></div>

  75.     <div id="key-21" class="key" tabindex="2"></div>

  76.     <div id="key-40" class="key" tabindex="2"></div>

  77.     <div id="key-42" class="key" tabindex="2"></div>

  78.     <div id="key-37" class="key" tabindex="2"></div>

  79.     <div id="key-43" class="key" tabindex="2"></div>

  80.     <div id="key-41" class="key" tabindex="2"></div>

  81.     <div id="key-36" class="key" tabindex="2"></div>

  82.     <div id="key-nc44" class="key-nc btn100" title="This is not configurable.">*2</div>

  83. 

  84.     <div class="key spc100"></div>

  85.     <div id="key-b1" class="key" tabindex="9"></div>

  86.     <div id="key-b3" class="key" tabindex="9"></div>

  87.     <div id="key-b4" class="key" tabindex="9"></div>

  88.     <div id="key-96" class="key" tabindex="9"></div>

  89.     </div>

  90. 

  91.     <div class='keyboard-row'>

  92.     <div id="key-71" class="key btn175" tabindex="3"></div>

  93.     <div id="key-00" class="key" tabindex="3"></div>

  94.     <div id="key-01" class="key" tabindex="3"></div>

  95.     <div id="key-02" class="key" tabindex="3"></div>

  96.     <div id="key-03" class="key" tabindex="3"></div>

  97.     <div id="key-05" class="key" tabindex="3"></div>

  98.     <div id="key-04" class="key" tabindex="3"></div>

  99.     <div id="key-46" class="key" tabindex="3"></div>

  100.     <div id="key-50" class="key" tabindex="3"></div>

  101.     <div id="key-45" class="key" tabindex="3"></div>

  102.     <div id="key-51" class="key" tabindex="3"></div>

  103.     <div id="key-47" class="key" tabindex="3"></div>

  104.     <div id="key-44" class="key btn175" tabindex="3"></div>

  105. 

  106.     <div class="key spc100"></div>

  107.     <div id="key-a6" class="key" tabindex="9"></div>

  108.     <div id="key-a7" class="key" tabindex="9"></div>

  109.     <div id="key-b0" class="key" tabindex="9"></div>

  110.     <div id="key-c6" class="key" tabindex="9"></div>

  111.     </div>

  112. 

  113.     <div class='keyboard-row'>

  114.     <div id="key-70" class="key btn225" tabindex="4"></div>

  115.     <div id="key-06" class="key" tabindex="4"></div>

  116.     <div id="key-07" class="key" tabindex="4"></div>

  117.     <div id="key-10" class="key" tabindex="4"></div>

  118.     <div id="key-11" class="key" tabindex="4"></div>

  119.     <div id="key-13" class="key" tabindex="4"></div>

  120.     <div id="key-55" class="key" tabindex="4"></div>

  121.     <div id="key-56" class="key" tabindex="4"></div>

  122.     <div id="key-53" class="key" tabindex="4"></div>

  123.     <div id="key-57" class="key" tabindex="4"></div>

  124.     <div id="key-54" class="key" tabindex="4"></div>

  125.     <div id="key-nc70" class="key-nc btn125" title="This is not configurable.">*1</div>

  126.     <div id="key-95" class="key" tabindex="4"></div>

  127. 

  128.     <div class="key spc100"></div>

  129.     <div id="key-a3" class="key" tabindex="9"></div>

  130.     <div id="key-a4" class="key" tabindex="9"></div>

  131.     <div id="key-a5" class="key" tabindex="9"></div>

  132.     <div id="key-94" class="key" tabindex="9"></div>

  133.     </div>

  134. 

  135.     <div class='keyboard-row'>

  136.     <div id="key-72" class="key btn150" tabindex="5"></div>

  137.     <div id="key-67" class="key btn200" tabindex="5"></div>

  138.     <div id="key-61" class="key btn700" tabindex="5"></div>

  139.     <div id="key-52" class="key" tabindex="5"></div>

  140.     <div id="key-86" class="key" tabindex="5"></div>

  141.     <div id="key-82" class="key" tabindex="5"></div>

  142.     <div id="key-90" class="key" tabindex="5"></div>

  143. 

  144.     <div class="key spc100"></div>

  145.     <div id="key-a2" class="key btn200" tabindex="9"></div>

  146.     <div id="key-81" class="key" tabindex="9"></div>

  147.     <div id="key-nc94" class="key-nc">*2</div>

  148.     </div>

  149. 

  150.     </div>

  151.     <p>*1: identical to Left Shift key</p>

  152.     <p>*2: not existent</p>

  153. </div>

  154. 

  155. 

  156. <h2>Keycodes</h2>

  157. <div id="keycode_tabs" class="keycode_tabs">

  158.     <ul>

  159.     <li><a href="#tabs-main">Main</a></li>

  160.     <li><a href="#tabs-other">Function and keypad</a></li>

  161.     <li><a href="#tabs-special">System, Media and Mouse key</a></li>

  162.     <li><a href="#tabs-layer">Layer Switching and etc.</a></li>

  163.     </ul>

  164. 

  165.     <!-- Main -->

  166.     <div id="tabs-main">

  167.         <button class="action" id="code-0">NO</button>

  168.         <button class="action" id="code-1">TRNS</button>

  169.         <br>

  170.         <br>

  171. 

  172.         <button class="action" id="code-4" title="A">A</button>

  173.         <button class="action" id="code-5" title="B">B</button>

  174.         <button class="action" id="code-6" title="C">C</button>

  175.         <button class="action" id="code-7" title="D">D</button>

  176.         <button class="action" id="code-8" title="E">E</button>

  177.         <button class="action" id="code-9" title="F">F</button>

  178.         <button class="action" id="code-10" title="G">G</button>

  179.         <button class="action" id="code-11" title="H">H</button>

  180.         <button class="action" id="code-12" title="I">I</button>

  181.         <button class="action" id="code-13" title="J">J</button>

  182.         <button class="action" id="code-14" title="K">K</button>

  183.         <button class="action" id="code-15" title="L">L</button>

  184.         <button class="action" id="code-16" title="M">M</button>

  185.         <br>

  186.         <button class="action" id="code-17" title="N">N</button>

  187.         <button class="action" id="code-18" title="O">O</button>

  188.         <button class="action" id="code-19" title="P">P</button>

  189.         <button class="action" id="code-20" title="Q">Q</button>

  190.         <button class="action" id="code-21" title="R">R</button>

  191.         <button class="action" id="code-22" title="S">S</button>

  192.         <button class="action" id="code-23" title="T">T</button>

  193.         <button class="action" id="code-24" title="U">U</button>

  194.         <button class="action" id="code-25" title="V">V</button>

  195.         <button class="action" id="code-26" title="W">W</button>

  196.         <button class="action" id="code-27" title="X">X</button>

  197.         <button class="action" id="code-28" title="Y">Y</button>

  198.         <button class="action" id="code-29" title="Z">Z</button>

  199.         <br>

  200.         <br>

  201.         <button class="action" id="code-30" title="1">1</button>

  202.         <button class="action" id="code-31" title="2">2</button>

  203.         <button class="action" id="code-32" title="3">3</button>

  204.         <button class="action" id="code-33" title="4">4</button>

  205.         <button class="action" id="code-34" title="5">5</button>

  206.         <button class="action" id="code-35" title="6">6</button>

  207.         <button class="action" id="code-36" title="7">7</button>

  208.         <button class="action" id="code-37" title="8">8</button>

  209.         <button class="action" id="code-38" title="9">9</button>

  210.         <button class="action" id="code-39" title="0">0</button>

  211.         <br>

  212.         <br>

  213.         <button class="action" id="code-45" title="MINUS">MINUS</button>

  214.         <button class="action" id="code-46" title="EQUAL">EQUAL</button>

  215.         <button class="action" id="code-47" title="LBRACKET">LBRACKET</button>

  216.         <button class="action" id="code-48" title="RBRACKET">RBRACKET</button>

  217.         <button class="action" id="code-49" title="BSLASH">BSLASH</button>

  218.         <button class="action" id="code-51" title="SCOLON">SCOLON</button>

  219.         <button class="action" id="code-52" title="QUOTE">QUOTE</button>

  220.         <button class="action" id="code-53" title="GRAVE">GRAVE</button>

  221.         <button class="action" id="code-54" title="COMMA">COMMA</button>

  222.         <button class="action" id="code-55" title="DOT">DOT</button>

  223.         <button class="action" id="code-56" title="SLASH">SLASH</button>

  224.         <br>

  225.         <br>

  226.         <button class="action" id="code-40" title="ENTER">ENTER</button>

  227.         <button class="action" id="code-41" title="ESCAPE">ESCAPE</button>

  228.         <button class="action" id="code-42" title="BackSpace">BSPACE</button>

  229.         <button class="action" id="code-43" title="TAB">TAB</button>

  230.         <button class="action" id="code-44" title="SPACE">SPACE</button>

  231.         <button class="action" id="code-57" title="CAPSLOCK">CAPSLOCK</button>

  232.         <button class="action" id="code-101" title="APPLICATION">APPLICATION</button>

  233.         <button class="action" id="code-50" title="NONUS_HASH">NONUS_HASH</button>

  234.         <button class="action" id="code-100" title="NONUS_BSLASH">NONUS_BSLASH</button>

  235.         <br>

  236.         <br>

  237.         <button class="action" id="code-224" title="LCTRL">LCTRL</button>

  238.         <button class="action" id="code-225" title="LSHIFT">LSHIFT</button>

  239.         <button class="action" id="code-226" title="LALT">LALT</button>

  240.         <button class="action" id="code-227" title="LGUI">LGUI</button>

  241.         <button class="action" id="code-228" title="RCTRL">RCTRL</button>

  242.         <button class="action" id="code-229" title="RSHIFT">RSHIFT</button>

  243.         <button class="action" id="code-230" title="RALT">RALT</button>

  244.         <button class="action" id="code-231" title="RGUI">RGUI</button>

  245.         <br/>

  246.         <p>

  247.         See <a href="https://github.com/tmk/tmk_keyboard/blob/master/tmk_core/doc/keymap.md" target="_blank">this</a> for detailed description of keymap.<br>

  248.         See <a href="https://github.com/tmk/tmk_keyboard/blob/master/tmk_core/doc/keymap.md#02-layer-precedence-and-transparency" target="_blank">this</a> for TRNS.<br>

  249.         </p>

  250.     </div>

  251. 

  252.     <!-- Function and Navigation -->

  253.     <div id="tabs-other">

  254.         <button class="action" id="code-0">NO</button>

  255.         <button class="action" id="code-1">TRNS</button>

  256.         <br>

  257.         <br>

  258.         <button class="action" id="code-58" title="F1">F1</button>

  259.         <button class="action" id="code-59" title="F2">F2</button>

  260.         <button class="action" id="code-60" title="F3">F3</button>

  261.         <button class="action" id="code-61" title="F4">F4</button>

  262.         <button class="action" id="code-62" title="F5">F5</button>

  263.         <button class="action" id="code-63" title="F6">F6</button>

  264.         <button class="action" id="code-64" title="F7">F7</button>

  265.         <button class="action" id="code-65" title="F8">F8</button>

  266.         <button class="action" id="code-66" title="F9">F9</button>

  267.         <button class="action" id="code-67" title="F10">F10</button>

  268.         <button class="action" id="code-68" title="F11">F11</button>

  269.         <button class="action" id="code-69" title="F12">F12</button>

  270.         <br>

  271.         <button class="action" id="code-104" title="F13">F13</button>

  272.         <button class="action" id="code-105" title="F14">F14</button>

  273.         <button class="action" id="code-106" title="F15">F15</button>

  274.         <button class="action" id="code-107" title="F16">F16</button>

  275.         <button class="action" id="code-108" title="F17">F17</button>

  276.         <button class="action" id="code-109" title="F18">F18</button>

  277.         <button class="action" id="code-110" title="F19">F19</button>

  278.         <button class="action" id="code-111" title="F20">F20</button>

  279.         <button class="action" id="code-112" title="F21">F21</button>

  280.         <button class="action" id="code-113" title="F22">F22</button>

  281.         <button class="action" id="code-114" title="F23">F23</button>

  282.         <button class="action" id="code-115" title="F24">F24</button>

  283.         <br>

  284.         <br>

  285.         <button class="action" id="code-70" title="PSCREEN">PSCREEN</button>

  286.         <button class="action" id="code-71" title="SCROLLLOCK">SCROLLLOCK</button>

  287.         <button class="action" id="code-72" title="PAUSE">PAUSE</button>

  288.         <br>

  289.         <br>

  290.         <button class="action" id="code-73" title="INSERT">INSERT</button>

  291.         <button class="action" id="code-74" title="HOME">HOME</button>

  292.         <button class="action" id="code-75" title="PGUP">PGUP</button>

  293.         <button class="action" id="code-76" title="DELETE">DELETE</button>

  294.         <button class="action" id="code-77" title="END">END</button>

  295.         <button class="action" id="code-78" title="PGDOWN">PGDOWN</button>

  296.         <button class="action" id="code-80" title="LEFT">LEFT</button>

  297.         <button class="action" id="code-81" title="DOWN">DOWN</button>

  298.         <button class="action" id="code-82" title="UP">UP</button>

  299.         <button class="action" id="code-79" title="RIGHT">RIGHT</button>

  300.         <br>

  301.         <br>

  302.         Keypad:<br>

  303.         <button class="action" id="code-83" title="NUMLOCK">NUMLOCK</button>

  304.         <button class="action" id="code-84" title="KP_SLASH">KP_SLASH</button>

  305.         <button class="action" id="code-85" title="KP_ASTERISK">KP_ASTERISK</button>

  306.         <button class="action" id="code-86" title="KP_MINUS">KP_MINUS</button>

  307.         <button class="action" id="code-87" title="KP_PLUS">KP_PLUS</button>

  308.         <button class="action" id="code-88" title="KP_ENTER">KP_ENTER</button>

  309.         <button class="action" id="code-99" title="KP_DOT">KP_DOT</button>

  310.         <button class="action" id="code-103" title="KP_EQUAL">KP_EQUAL</button>

  311.         <button class="action" id="code-133" title="KP_COMMA">KP_COMMA</button>

  312.         <!--

  313.         <button class="action" id="code-134" title="KP_EQUAL_AS400">KP_EQUAL_AS400</button>

  314.         -->

  315.         <br>

  316.         <button class="action" id="code-89" title="KP_1">KP_1</button>

  317.         <button class="action" id="code-90" title="KP_2">KP_2</button>

  318.         <button class="action" id="code-91" title="KP_3">KP_3</button>

  319.         <button class="action" id="code-92" title="KP_4">KP_4</button>

  320.         <button class="action" id="code-93" title="KP_5">KP_5</button>

  321.         <button class="action" id="code-94" title="KP_6">KP_6</button>

  322.         <button class="action" id="code-95" title="KP_7">KP_7</button>

  323.         <button class="action" id="code-96" title="KP_8">KP_8</button>

  324.         <button class="action" id="code-97" title="KP_9">KP_9</button>

  325.         <button class="action" id="code-98" title="KP_0">KP_0</button>

  326.         <br>

  327.         <br>

  328.         Japanese:<br>

  329.         <button class="action" id="code-135" title="INT1">INT1</button>

  330.         <button class="action" id="code-136" title="INT2">INT2</button>

  331.         <button class="action" id="code-137" title="INT3">INT3</button>

  332.         <button class="action" id="code-138" title="INT4">INT4</button>

  333.         <button class="action" id="code-139" title="INT5">INT5</button>

  334.         <br>

  335.         <br>

  336.         Korean:<br>

  337.         <button class="action" id="code-144" title="LANG1">LANG1</button>

  338.         <button class="action" id="code-145" title="LANG2">LANG2</button>

  339.         <br>

  340.         <br>

  341. 

  342.         Mechanical Locking key support:<br>

  343.         <button class="action" id="code-130" title="LOCKING_CAPS">LOCKING_CAPS</button>

  344.         <button class="action" id="code-131" title="LOCKING_NUM">LOCKING_NUM</button>

  345.         <button class="action" id="code-132" title="LOCKING_SCROLL">LOCKING_SCROLL</button>

  346. 

  347.         <!--

  348.         <button class="action" id="code-140" title="INT6">INT6</button>

  349.         <button class="action" id="code-141" title="INT7">INT7</button>

  350.         <button class="action" id="code-142" title="INT8">INT8</button>

  351.         <button class="action" id="code-143" title="INT9">INT9</button>

  352. 

  353.         <button class="action" id="code-146" title="LANG3">LANG3</button>

  354.         <button class="action" id="code-147" title="LANG4">LANG4</button>

  355.         <button class="action" id="code-148" title="LANG5">LANG5</button>

  356.         <button class="action" id="code-149" title="LANG6">LANG6</button>

  357.         <button class="action" id="code-150" title="LANG7">LANG7</button>

  358.         <button class="action" id="code-151" title="LANG8">LANG8</button>

  359.         <button class="action" id="code-152" title="LANG9">LANG9</button>

  360.         -->

  361. 

  362.         <!--

  363.         <button class="action" id="code-116" title="EXECUTE">EXECUTE</button>

  364.         <button class="action" id="code-117" title="HELP">HELP</button>

  365.         <button class="action" id="code-118" title="MENU">MENU</button>

  366.         <button class="action" id="code-119" title="SELECT">SELECT</button>

  367.         <button class="action" id="code-120" title="STOP">STOP</button>

  368.         <button class="action" id="code-121" title="AGAIN">AGAIN</button>

  369.         <button class="action" id="code-122" title="UNDO">UNDO</button>

  370.         <button class="action" id="code-123" title="CUT">CUT</button>

  371.         <button class="action" id="code-124" title="COPY">COPY</button>

  372.         <button class="action" id="code-125" title="PASTE">PASTE</button>

  373.         <button class="action" id="code-126" title="FIND">FIND</button>

  374.         <button class="action" id="code-127" title="_MUTE">_MUTE</button>

  375.         <button class="action" id="code-128" title="_VOLUP">_VOLUP</button>

  376.         <button class="action" id="code-129" title="_VOLDOWN">_VOLDOWN</button>

  377.         -->

  378. 

  379.         <!--

  380.         <button class="action" id="code-102" title="POWER">POWER</button>

  381.         <button class="action" id="code-153" title="ALT_ERASE">ALT_ERASE</button>

  382.         <button class="action" id="code-154" title="SYSREQ">SYSREQ</button>

  383.         <button class="action" id="code-155" title="CANCEL">CANCEL</button>

  384.         <button class="action" id="code-156" title="CLEAR">CLEAR</button>

  385.         <button class="action" id="code-157" title="PRIOR">PRIOR</button>

  386.         <button class="action" id="code-158" title="RETURN">RETURN</button>

  387.         <button class="action" id="code-159" title="SEPARATOR">SEPARATOR</button>

  388.         <button class="action" id="code-160" title="OUT">OUT</button>

  389.         <button class="action" id="code-161" title="OPER">OPER</button>

  390.         <button class="action" id="code-162" title="CLEAR_AGAIN">CLEAR_AGAIN</button>

  391.         <button class="action" id="code-163" title="CRSEL">CRSEL</button>

  392.         <button class="action" id="code-164" title="EXSEL">EXSEL</button>

  393.         -->

  394.     </div>

  395. 

  396.     <!-- Special key: System, Media and Mouse key -->

  397.     <div id="tabs-special">

  398.         <button class="action" id="code-0">NO</button>

  399.         <button class="action" id="code-1">TRNS</button>

  400.         <br>

  401.         <br>

  402. 

  403.         System:<br>

  404.         <button class="action" id="code-165"></button>

  405.         <button class="action" id="code-166"></button>

  406.         <button class="action" id="code-167"></button>

  407.         <br>

  408. 

  409.         Volume:<br>

  410.         <button class="action" id="code-168"></button>

  411.         <button class="action" id="code-169"></button>

  412.         <button class="action" id="code-170"></button>

  413.         <br>

  414. 

  415.         Media:<br>

  416.         <button class="action" id="code-171"></button>

  417.         <button class="action" id="code-172"></button>

  418.         <button class="action" id="code-173"></button>

  419.         <button class="action" id="code-174"></button>

  420.         <button class="action" id="code-175"></button>

  421.         <button class="action" id="code-176"></button>

  422.         <button class="action" id="code-187"></button>

  423.         <button class="action" id="code-188"></button>

  424.         <br>

  425. 

  426.         Application:<br>

  427.         <button class="action" id="code-177"></button>

  428.         <button class="action" id="code-178"></button>

  429.         <button class="action" id="code-179"></button>

  430.         <br>

  431.         Web:<br>

  432.         <button class="action" id="code-180"></button>

  433.         <button class="action" id="code-181"></button>

  434.         <button class="action" id="code-182"></button>

  435.         <button class="action" id="code-183"></button>

  436.         <button class="action" id="code-184"></button>

  437.         <button class="action" id="code-185"></button>

  438.         <button class="action" id="code-186"></button>

  439.         <br>

  440.         <br>

  441. 

  442.         <!--

  443.         <button class="action" id="code-189"></button>

  444.         <button class="action" id="code-190"></button>

  445.         <button class="action" id="code-191"></button>

  446.         -->

  447. 

  448.         Mouse key:<br>

  449.         <button class="action" id="code-240"></button>

  450.         <button class="action" id="code-241"></button>

  451.         <button class="action" id="code-242"></button>

  452.         <button class="action" id="code-243"></button>

  453.         <br>

  454.         <br>

  455.         <button class="action" id="code-244"></button>

  456.         <button class="action" id="code-245"></button>

  457.         <button class="action" id="code-246"></button>

  458.         <button class="action" id="code-247"></button>

  459.         <button class="action" id="code-248"></button>

  460.         <br>

  461.         <br>

  462.         <button class="action" id="code-249"></button>

  463.         <button class="action" id="code-250"></button>

  464.         <button class="action" id="code-251"></button>

  465.         <button class="action" id="code-252"></button>

  466.         <br>

  467.         <br>

  468.         <button class="action" id="code-253"></button>

  469.         <button class="action" id="code-254"></button>

  470.         <button class="action" id="code-255"></button>

  471.         <br>

  472.     </div>

  473. 

  474.     <!-- Layer -->

  475.     <div id="tabs-layer">

  476.         <button class="action" id="code-0">NO</button>

  477.         <button class="action" id="code-1">TRNS</button>

  478.         <br>

  479.         <br>

  480. 

  481.         <!-- TODO: layer actions -->

  482.         <!-- FN0-31 -->

  483.         Layer Switch Momentary:<br>

  484.         <button class="action" id="code-192"></button>

  485.         <button class="action" id="code-193"></button>

  486.         <button class="action" id="code-194"></button>

  487.         <button class="action" id="code-195"></button>

  488.         <button class="action" id="code-196"></button>

  489.         <button class="action" id="code-197"></button>

  490.         <button class="action" id="code-198"></button>

  491.         <br>

  492.         Layer Switch Toggle:<br>

  493.         <button class="action" id="code-199"></button>

  494.         <button class="action" id="code-200"></button>

  495.         <button class="action" id="code-201"></button>

  496.         <br>

  497.         Layer Switch with Tap Toggle:<br>

  498.         <button class="action" id="code-202"></button>

  499.         <button class="action" id="code-203"></button>

  500.         <button class="action" id="code-204"></button>

  501.         <br>

  502.         Layer switch with Tap key:<br>

  503.         <button class="action" id="code-205"></button>

  504.         <button class="action" id="code-206"></button>

  505.         <button class="action" id="code-207"></button>

  506.         <button class="action" id="code-208"></button>

  507.         <button class="action" id="code-209"></button>

  508.         <button class="action" id="code-210"></button>

  509.         <button class="action" id="code-211"></button>

  510.         <br>

  511.         <br>

  512.         Modifier with special function:<br>

  513.         <button class="action" id="code-212"></button>

  514.         <button class="action" id="code-213"></button>

  515.         <button class="action" id="code-214"></button>

  516.         <button class="action" id="code-215"></button>

  517.         <br>

  518.         <button class="action" id="code-216"></button>

  519.         <button class="action" id="code-217"></button>

  520.         <button class="action" id="code-218"></button>

  521.         <br>

  522.         <button class="action" id="code-219"></button>

  523.         <button class="action" id="code-220"></button>

  524.         <button class="action" id="code-221"></button>

  525.         <br>

  526.         <button class="action" id="code-222"></button>

  527.         <button class="action" id="code-223"></button>

  528.         <br>

  529.         <p>

  530.         See <a href="https://github.com/tmk/tmk_keyboard/blob/master/tmk_core/doc/keymap.md#3-layer-switching-example" target="_blank">this</a> for detail of Layer Switching.<br>

  531.         See <a href="https://github.com/tmk/tmk_keyboard/blob/master/tmk_core/doc/keymap.md#41-tap-key" target="_blank">this</a> for Tap key(Dual-role Modifier).<br>

  532.         See <a href="https://github.com/tmk/tmk_keyboard/blob/master/tmk_core/doc/keymap.md#43-oneshot-modifier" target="_blank">this</a> for OneShot Modifier.<br>

  533.         </p>

  534.     </div>

  535. </div>

  536. 

  537. <h3>Firmware Hex File Download:</h3>

  538. <button id="keymap-download" title="save file">Download</button>

  539. <a id="hex-download" style="display:none" ></a>

  540. 

  541. <h3>Share URL:</h3>

  542. <textarea id="share-url" rows="10" cols="80" readonly></textarea>

  543. <br/>

  544. <button id="keymap-share" title="Share">Share</button>

  545. <button id="shorten-url" title="Shorten">Shorten</button>

  546. 

  547. <h3>Keymap Output(for debug):</h3>

  548. <textarea id="keymap-output" rows="20" cols="80" readonly></textarea>

  549. <br/>

  550. <button id="keymap-json-generate" title="generate JSON">JSON</button>

  551. <button id="keymap-source-generate" title="generate C source code">C source</button>

  552. <button id="keymap-hex-generate" title="generate Hex">Hex</button>

  553. <button id="keymap-encode" title="generate URL">encode URL</button>

  554. <button id="keymap-decode" title="decode URL">decode URL</button>

  555. 

  556. </body>

  557. </html>