diff options
Diffstat (limited to 'web/kvm/index.html')
| -rw-r--r-- | web/kvm/index.html | 310 |
1 files changed, 250 insertions, 60 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html index 26c798d1..6d64ec5a 100644 --- a/web/kvm/index.html +++ b/web/kvm/index.html @@ -772,21 +772,26 @@ <div class="keypad" id="stream-mouse-buttons" align="center"> <div class="keypad-block"> <div class="keypad-row"> - <div class="key wide-4 left small" data-code="left"><span>Mouse<br>Left</span></div> - <div class="modifier wide-2 left small" data-code="left"><span><b>•</b><br>← Hold</span></div> - <div class="empty-key" style="width:10px"></div> - <div class="key wide-2 left small" data-code="middle"><span>Mouse<br>Middle</span></div> - <div class="modifier wide-2 left small" data-code="middle"><span><b>•</b><br>← Hold</span></div> - <div class="empty-key" style="width:10px"></div> - <div class="modifier wide-2 right small" data-code="right"><span><b>•</b><br>Hold →</span></div> - <div class="key wide-4 right small" data-code="right"><span>Mouse<br>Right</span></div> - </div> - <div class="keypad-row" style="display:none"> - <div class="key wide-4 left small" data-code="up"><span>Mouse<br>Up/Back</span></div> - <div class="modifier wide-2 left small" data-code="up"><span><b>•</b><br>← Hold</span></div> - <div class="empty-key" style="width:10px"></div> - <div class="modifier wide-2 right small" data-code="down"><span><b>•</b><br>Hold →</span></div> - <div class="key wide-4 right small" data-code="down"><span>Mouse<br>Down/Fw</span></div> + <div class="key wide-3 left rounded-left" data-code="left"> + <div class="label">Left</div> + </div> + <div class="modifier left small rounded-right" data-code="left"> + <div class="label"><b>•</b><br>Hold</div> + </div> + <div class="empty" style="width:15px"></div> + <div class="key wide-1 left rounded-left" data-code="middle"> + <div class="label">Mid</div> + </div> + <div class="modifier left small rounded-right" data-code="middle"> + <div class="label"><b>•</b><br>Hold</div> + </div> + <div class="empty" style="width:15px"></div> + <div class="modifier right small rounded-left" data-code="right"> + <div class="label"><b>•</b><br>Hold</div> + </div> + <div class="key wide-3 right rounded-right" data-code="right"> + <div class="label">Right</div> + </div> </div> </div> </div> @@ -803,53 +808,74 @@ <div class="label">Esc </div> </div> - <div class="empty-key" style="width:24px"></div> + <div class="spacer-fixed"></div> + <div class="empty " style="width:24px"> + <div class="label"> </div> + </div> + <div class="spacer"></div> <div class="key small" data-code="F1"> <div class="label">F1 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F2"> <div class="label">F2 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F3"> <div class="label">F3 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F4"> <div class="label">F4 </div> </div> - <div class="empty-key" style="width:10px"></div> + <div class="spacer"></div> + <div class="empty " style="width:10px"> + <div class="label"> </div> + </div> + <div class="spacer"></div> <div class="key small" data-code="F5"> <div class="label">F5 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F6"> <div class="label">F6 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F7"> <div class="label">F7 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F8"> <div class="label">F8 </div> </div> - <div class="empty-key" style="width:10px"></div> + <div class="spacer"></div> + <div class="empty " style="width:10px"> + <div class="label"> </div> + </div> + <div class="spacer"></div> <div class="key small" data-code="F9"> <div class="label">F9 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F10"> <div class="label">F10 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F11"> <div class="label">F11 </div> </div> + <div class="spacer"></div> <div class="key small" data-code="F12"> <div class="label">F12 </div> @@ -861,217 +887,266 @@ <div class="label">~<br>` </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit1"> <div class="label">!<br>1 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit2"> <div class="label">@<br>2 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit3"> <div class="label">#<br>3 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit4"> <div class="label">$<br>4 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit5"> <div class="label">%<br>5 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit6"> <div class="label">^<br>6 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit7"> <div class="label">&<br>7 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit8"> <div class="label">*<br>8 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit9"> <div class="label">(<br>9 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit0"> <div class="label">)<br>0 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Minus"> <div class="label">_<br>- </div> </div> + <div class="spacer"></div> <div class="key " data-code="Equal"> <div class="label">+<br>= </div> </div> - <div class="key wide-2 right" data-code="Backspace"> + <div class="spacer-fixed"></div> + <div class="key wide-1 right" data-code="Backspace"> <div class="label">↤ </div> </div> </div> <div class="keypad-row"> - <div class="key wide-2 left" data-code="Tab"> + <div class="key wide-1 left" data-code="Tab"> <div class="label">⇤<br>⇥ </div> </div> + <div class="spacer-fixed"></div> <div class="key single" data-code="KeyQ"> <div class="label">Q </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyW"> <div class="label">W </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyE"> <div class="label">E </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyR"> <div class="label">R </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyT"> <div class="label">T </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyY"> <div class="label">Y </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyU"> <div class="label">U </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyI"> <div class="label">I </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyO"> <div class="label">O </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyP"> <div class="label">P </div> </div> + <div class="spacer"></div> <div class="key " data-code="BracketLeft"> <div class="label">{<br>[ </div> </div> + <div class="spacer"></div> <div class="key " data-code="BracketRight"> <div class="label">}<br>] </div> </div> + <div class="spacer"></div> <div class="key " data-code="Backslash"> <div class="label">|<br>\ </div> </div> </div> <div class="keypad-row"> - <div class="key wide-3 left small" data-code="CapsLock"> + <div class="key wide-2 left small" data-code="CapsLock"> <div class="label"><img class="inline-lamp hid-keyboard-caps-led led-gray" src="/share/svg/led-square.svg"><br> Caps Lock </div> </div> + <div class="spacer-fixed"></div> <div class="key single" data-code="KeyA"> <div class="label">A </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyS"> <div class="label">S </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyD"> <div class="label">D </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyF"> <div class="label">F </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyG"> <div class="label">G </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyH"> <div class="label">H </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyJ"> <div class="label">J </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyK"> <div class="label">K </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyL"> <div class="label">L </div> </div> + <div class="spacer"></div> <div class="key " data-code="Semicolon"> <div class="label">:<br>; </div> </div> + <div class="spacer"></div> <div class="key " data-code="Quote"> <div class="label">"<br>' </div> </div> - <div class="key wide-3 right small" data-code="Enter"> + <div class="spacer-fixed"></div> + <div class="key wide-2 right small" data-code="Enter"> <div class="label">Enter<br>↵ </div> </div> </div> <div class="keypad-row"> - <div class="modifier wide-4 left small" data-code="ShiftLeft"> + <div class="modifier wide-3 left small" data-code="ShiftLeft"> <div class="label"><b>•</b><br>Shift </div> </div> + <div class="spacer-fixed"></div> <div class="key single" data-code="KeyZ"> <div class="label">Z </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyX"> <div class="label">X </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyC"> <div class="label">C </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyV"> <div class="label">V </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyB"> <div class="label">B </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyN"> <div class="label">N </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyM"> <div class="label">M </div> </div> + <div class="spacer"></div> <div class="key " data-code="Comma"> <div class="label"><<br>, </div> </div> + <div class="spacer"></div> <div class="key " data-code="Period"> <div class="label">><br>. </div> </div> + <div class="spacer"></div> <div class="key " data-code="Slash"> <div class="label">?<br>/ </div> </div> - <div class="modifier wide-4 right small" data-code="ShiftRight"> + <div class="spacer-fixed"></div> + <div class="modifier wide-3 right small" data-code="ShiftRight"> <div class="label"><b>•</b><br>Shift </div> </div> @@ -1081,26 +1156,32 @@ <div class="label"><b>•</b><br>Ctrl </div> </div> + <div class="spacer-fixed"></div> <div class="modifier wide-1 left small" data-code="MetaLeft"> <div class="label"><b>•</b><br>Win </div> </div> + <div class="spacer-fixed"></div> <div class="modifier wide-1 left small" data-code="AltLeft"> <div class="label"><b>•</b><br>Alt </div> </div> - <div class="key wide-5" data-code="Space"> + <div class="spacer-fixed"></div> + <div class="key wide-4" data-code="Space"> <div class="label"> </div> </div> + <div class="spacer-fixed"></div> <div class="modifier wide-1 right small" data-code="AltRight"> <div class="label"><b>•</b><br>Alt </div> </div> + <div class="spacer-fixed"></div> <div class="modifier wide-1 right small" data-code="MetaRight"> <div class="label"><b>•</b><br>Win </div> </div> + <div class="spacer-fixed"></div> <div class="modifier wide-1 right small" data-code="ControlRight"> <div class="label"><b>•</b><br>Ctrl </div> @@ -1113,10 +1194,12 @@ <div class="label"><b>•</b><br>Pt/Sq </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="ScrollLock"> <div class="label"><img class="inline-lamp hid-keyboard-scroll-led led-gray" src="/share/svg/led-square.svg"><br> ScrLk </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Pause"> <div class="label">P/Brk </div> @@ -1128,10 +1211,12 @@ <div class="label">Ins </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Home"> <div class="label">Home </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="PageUp"> <div class="label">PgUp </div> @@ -1142,10 +1227,12 @@ <div class="label">Del </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="End"> <div class="label">End </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="PageDown"> <div class="label">PgDn </div> @@ -1153,22 +1240,30 @@ </div> <div class="keypad-row"></div> <div class="keypad-row"> - <div class="empty-key"></div> + <div class="empty "> + <div class="label"> </div> + </div> + <div class="spacer"></div> <div class="key " data-code="ArrowUp"> <div class="label">↑ </div> </div> - <div class="empty-key"></div> + <div class="spacer-fixed"></div> + <div class="empty "> + <div class="label"> </div> + </div> </div> <div class="keypad-row"> <div class="key " data-code="ArrowLeft"> <div class="label">← </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="ArrowDown"> <div class="label">↓ </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="ArrowRight"> <div class="label">→ </div> @@ -1177,15 +1272,20 @@ </div> <div class="keypad-block"> <div class="keypad-row"> - <div class="empty-key"></div> + <div class="empty small"> + <div class="label"> </div> + </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="IntlYen"> <div class="label">Yen </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="IntlBackslash"> <div class="label">N/US </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Power"> <div class="label">PWR </div> @@ -1197,14 +1297,17 @@ <div class="label"><img class="inline-lamp hid-keyboard-num-led led-gray" src="/share/svg/led-square.svg"><br> NmLk </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="NumpadDivide"> <div class="label">/ </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="NumpadMultiply"> <div class="label">* </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="NumpadSubtract"> <div class="label">- </div> @@ -1215,29 +1318,37 @@ <div class="label">7<br>Home </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad8"> <div class="label">8<br>↑ </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad9"> <div class="label">9<br>PgUp </div> </div> - <div class="empty-key"></div> + <div class="spacer-fixed"></div> + <div class="empty "> + <div class="label"> </div> + </div> </div> <div class="keypad-row"> <div class="key small" data-code="Numpad4"> <div class="label">4<br>← </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad5"> <div class="label">5<br><br> </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad6"> <div class="label">6<br>→ </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="NumpadAdd"> <div class="label">+ </div> @@ -1248,26 +1359,36 @@ <div class="label">1<br>End </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad2"> <div class="label">2<br>↓ </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="Numpad3"> <div class="label">3<br>PgDn </div> </div> - <div class="empty-key"></div> + <div class="spacer-fixed"></div> + <div class="empty "> + <div class="label"> </div> + </div> </div> <div class="keypad-row"> <div class="key small" data-code="Numpad0"> <div class="label">0<br>Ins </div> </div> - <div class="empty-key"></div> + <div class="spacer-fixed"></div> + <div class="empty "> + <div class="label"> </div> + </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="NumpadDecimal"> <div class="label">.<br>Del </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="NumpadEnter"> <div class="label">Ent </div> @@ -1278,85 +1399,93 @@ <div class="keypad" id="keyboard-mobile" align="center"> <div class="keypad-block"> <div class="keypad-row"> - <div class="key margin-0 small" data-code="Escape"> + <div class="key small" data-code="Escape"> <div class="label">Esc </div> </div> - <div class="empty-key" style="width:1px"></div> - <div class="key wide-0 margin-0 small" data-code="F1"> + <div class="spacer"></div> + <div class="key wide-0 small rounded-left" data-code="F1"> <div class="label">F1 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F2"> + <div class="key wide-0 small rounded-none" data-code="F2"> <div class="label">F2 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F3"> + <div class="key wide-0 small rounded-none" data-code="F3"> <div class="label">F3 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F4"> + <div class="key wide-0 small rounded-right" data-code="F4"> <div class="label">F4 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F5"> + <div class="spacer-fixed"></div> + <div class="key wide-0 small rounded-left" data-code="F5"> <div class="label">F5 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F6"> + <div class="key wide-0 small rounded-none" data-code="F6"> <div class="label">F6 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F7"> + <div class="key wide-0 small rounded-none" data-code="F7"> <div class="label">F7 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F8"> + <div class="key wide-0 small rounded-right" data-code="F8"> <div class="label">F8 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F9"> + <div class="spacer-fixed"></div> + <div class="key wide-0 small rounded-left" data-code="F9"> <div class="label">F9 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F10"> + <div class="key wide-0 small rounded-none" data-code="F10"> <div class="label">F10 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F11"> + <div class="key wide-0 small rounded-none" data-code="F11"> <div class="label">F11 </div> </div> - <div class="key wide-0 margin-0 small" data-code="F12"> + <div class="key wide-0 small rounded-right" data-code="F12"> <div class="label">F12 </div> </div> - <div class="empty-key" style="width:2px"></div> - <div class="modifier margin-0 small" data-code="PrintScreen"> + <div class="spacer-fixed"></div> + <div class="modifier small" data-code="PrintScreen"> <div class="label"><b>•</b><br>Pt/Sq </div> </div> - <div class="key margin-0 small" data-code="ScrollLock"> + <div class="spacer"></div> + <div class="key small" data-code="ScrollLock"> <div class="label"><img class="inline-lamp hid-keyboard-scroll-led led-gray" src="/share/svg/led-square.svg"><br> ScrLk </div> </div> - <div class="key margin-0 small" data-code="Pause"> + <div class="spacer"></div> + <div class="key small" data-code="Pause"> <div class="label">P/Brk </div> </div> - <div class="key margin-0 small" data-code="Insert"> + <div class="spacer"></div> + <div class="key small" data-code="Insert"> <div class="label">Ins </div> </div> - <div class="key margin-0 small" data-code="Home"> + <div class="spacer"></div> + <div class="key small" data-code="Home"> <div class="label">Home </div> </div> - <div class="key margin-0 small" data-code="End"> + <div class="spacer"></div> + <div class="key small" data-code="End"> <div class="label">End </div> </div> - <div class="key margin-0 small" data-code="Delete"> + <div class="spacer"></div> + <div class="key small" data-code="Delete"> <div class="label">Del </div> </div> @@ -1366,224 +1495,275 @@ <div class="label">~<br>` </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit1"> <div class="label">!<br>1 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit2"> <div class="label">@<br>2 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit3"> <div class="label">#<br>3 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit4"> <div class="label">$<br>4 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit5"> <div class="label">%<br>5 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit6"> <div class="label">^<br>6 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit7"> <div class="label">&<br>7 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit8"> <div class="label">*<br>8 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit9"> <div class="label">(<br>9 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Digit0"> <div class="label">)<br>0 </div> </div> + <div class="spacer"></div> <div class="key " data-code="Minus"> <div class="label">_<br>- </div> </div> + <div class="spacer"></div> <div class="key " data-code="Equal"> <div class="label">+<br>= </div> </div> - <div class="key wide-3 right" data-code="Backspace" style="width:101px"> + <div class="spacer"></div> + <div class="key wide-2 right" data-code="Backspace" style="width:101px"> <div class="label">↤ </div> </div> </div> <div class="keypad-row"> - <div class="key wide-2 left" data-code="Tab"> + <div class="key wide-1 left" data-code="Tab"> <div class="label">⇤<br>⇥ </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyQ"> <div class="label">Q </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyW"> <div class="label">W </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyE"> <div class="label">E </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyR"> <div class="label">R </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyT"> <div class="label">T </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyY"> <div class="label">Y </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyU"> <div class="label">U </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyI"> <div class="label">I </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyO"> <div class="label">O </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyP"> <div class="label">P </div> </div> + <div class="spacer"></div> <div class="key " data-code="BracketLeft"> <div class="label">{<br>[ </div> </div> + <div class="spacer"></div> <div class="key " data-code="BracketRight"> <div class="label">}<br>] </div> </div> - <div class="key wide-2 left" data-code="Backslash" style="width:78px"> + <div class="spacer"></div> + <div class="key wide-1 left" data-code="Backslash" style="width:78px"> <div class="label">|<br>\ </div> </div> </div> <div class="keypad-row"> - <div class="key wide-3 left small" data-code="CapsLock"> + <div class="key wide-2 left small" data-code="CapsLock"> <div class="label"><img class="inline-lamp hid-keyboard-caps-led led-gray" src="/share/svg/led-square.svg"><br> Caps Lock </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyA"> <div class="label">A </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyS"> <div class="label">S </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyD"> <div class="label">D </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyF"> <div class="label">F </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyG"> <div class="label">G </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyH"> <div class="label">H </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyJ"> <div class="label">J </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyK"> <div class="label">K </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyL"> <div class="label">L </div> </div> + <div class="spacer"></div> <div class="key " data-code="Semicolon"> <div class="label">:<br>; </div> </div> + <div class="spacer"></div> <div class="key " data-code="Quote"> <div class="label">`<br>' </div> </div> - <div class="key wide-4 right small" data-code="Enter" style="width:116px"> + <div class="spacer"></div> + <div class="key wide-3 right small" data-code="Enter" style="width:116px"> <div class="label">Enter<br>↵ </div> </div> </div> <div class="keypad-row"> - <div class="modifier wide-4 left small" data-code="ShiftLeft"> + <div class="modifier wide-3 left small" data-code="ShiftLeft"> <div class="label"><b>•</b><br>Shift </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyZ"> <div class="label">Z </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyX"> <div class="label">X </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyC"> <div class="label">C </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyV"> <div class="label">V </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyB"> <div class="label">B </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyN"> <div class="label">N </div> </div> + <div class="spacer"></div> <div class="key single" data-code="KeyM"> <div class="label">M </div> </div> + <div class="spacer"></div> <div class="key " data-code="Comma"> - <div class="label">lt;<br>, + <div class="label"><<br>, </div> </div> + <div class="spacer"></div> <div class="key " data-code="Period"> <div class="label">><br>. </div> </div> + <div class="spacer"></div> <div class="key " data-code="Slash"> <div class="label">?<br>/ </div> </div> + <div class="spacer"></div> <div class="key small" data-code="PageUp"> <div class="label">PgUp </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="ArrowUp"> <div class="label">↑ </div> </div> + <div class="spacer-fixed"></div> <div class="key small" data-code="PageDown"> <div class="label">PgDn </div> @@ -1594,42 +1774,52 @@ <div class="label"><b>•</b><br>Ctrl </div> </div> + <div class="spacer"></div> <div class="modifier wide-1 left small" data-code="MetaLeft"> <div class="label"><b>•</b><br>Win </div> </div> + <div class="spacer"></div> <div class="modifier wide-1 left small" data-code="AltLeft"> <div class="label"><b>•</b><br>Alt </div> </div> + <div class="spacer"></div> <div class="key " data-code="Space" style="width:190px"> <div class="label"> </div> </div> + <div class="spacer"></div> <div class="modifier right small" data-code="AltRight"> <div class="label"><b>•</b><br>Alt </div> </div> + <div class="spacer"></div> <div class="modifier right small" data-code="MetaRight"> <div class="label"><b>•</b><br>Win </div> </div> + <div class="spacer"></div> <div class="modifier right small" data-code="ShiftRight"> <div class="label"><b>•</b><br>Shift </div> </div> + <div class="spacer"></div> <div class="modifier right small" data-code="ControlRight"> <div class="label"><b>•</b><br>Ctrl </div> </div> + <div class="spacer"></div> <div class="key " data-code="ArrowLeft"> <div class="label">← </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="ArrowDown"> <div class="label">↓ </div> </div> + <div class="spacer-fixed"></div> <div class="key " data-code="ArrowRight"> <div class="label">→ </div> |