diff options
author | Devaev Maxim <[email protected]> | 2018-10-02 22:23:04 +0300 |
---|---|---|
committer | Devaev Maxim <[email protected]> | 2018-10-02 22:23:04 +0300 |
commit | f7ccff76478a4aa1b3baf0a24768ae8181e73d6a (patch) | |
tree | 04a2ae602eed128ac1bdc6ec2d2cb52a43e5ec56 /web/index.html | |
parent | 7334288b11dd37eb5ed06bba8c012a2ccacdcc67 (diff) |
improved hotkeys menu
Diffstat (limited to 'web/index.html')
-rw-r--r-- | web/index.html | 53 |
1 files changed, 34 insertions, 19 deletions
diff --git a/web/index.html b/web/index.html index 61e9f4dc..97dc1229 100644 --- a/web/index.html +++ b/web/index.html @@ -86,6 +86,7 @@ <input id="stream-size-slider" type="range" min="50" max="150" value="100" step="10" /> </div> </div> + <hr> <div class="ctl-dropdown-content-buttons"> <button disabled id="stream-reset-button">• Reset stream</button> </div> @@ -218,28 +219,42 @@ <img data-dont-hide-menu id="pak-led" class="led-off" src="svg/gear-led.svg" /> Shortcuts ↴ </a> - <div class="ctl-dropdown-content ctl-dropdown-content-buttons"> - <button disabled id="pak-button">• Paste-as-Keys <sup><i>ascii-only</i></sup></button> - <hr> - <button data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> + <div class="ctl-dropdown-content"> + <div class="ctl-dropdown-content-buttons"> + <button disabled id="pak-button">• Paste-as-Keys <sup><i>ascii-only</i></sup></button> + </div> <hr> - <button data-shortcut="ControlLeft KeyW">• Ctrl+W</button> - <button data-shortcut="ControlLeft Escape">• Ctrl+Esc</button> - <button data-shortcut="AltLeft Tab">• Alt+Tab</button> - <button data-shortcut="AltLeft Escape">• Alt+Escape</button> - <button data-shortcut="AltLeft Space">• Alt+Space</button> - <button data-shortcut="AltLeft Enter">• Alt+Enter</button> - <button data-shortcut="AltLeft F4">• Alt+F4</button> + <div class="ctl-dropdown-content-buttons buttons-row"> + <button data-shortcut="CapsLock" class="row50">• CapsLock</button> + <button data-shortcut="MetaLeft" class="row50">• Left Win</button> + </div> <hr> - <button data-shortcut="AltLeft PrintScreen">• Alt+PrtSc</button> - <button data-shortcut="PrintScreen">• PrtSc</button> + <div class="ctl-dropdown-content-buttons"> + <button data-shortcut="AltLeft ShiftLeft">• Alt+Shift</button> + <button data-shortcut="ControlLeft ShiftLeft">• Ctrl+Shift</button> + <button data-shortcut="ShiftLeft ShiftRight">• Shift+Shift</button> + <button data-shortcut="MetaLeft Space">• Win+Space</button> + <hr> + <button data-shortcut="ControlLeft KeyW">• Ctrl+W</button> + <button data-shortcut="AltLeft Tab">• Alt+Tab</button> + <button data-shortcut="AltLeft Enter">• Alt+Enter</button> + <button data-shortcut="AltLeft F4">• Alt+F4</button> + <hr> + <button data-shortcut="ControlLeft AltLeft Delete">• Ctrl+Alt+Del</button> + </div> <hr> - <button data-shortcut="AltLeft PrintScreen KeyR">• Alt+SysRq+R</button> - <button data-shortcut="AltLeft PrintScreen KeyE">• Alt+SysRq+E</button> - <button data-shortcut="AltLeft PrintScreen KeyI">• Alt+SysRq+I</button> - <button data-shortcut="AltLeft PrintScreen KeyS">• Alt+SysRq+S</button> - <button data-shortcut="AltLeft PrintScreen KeyU">• Alt+SysRq+U</button> - <button data-shortcut="AltLeft PrintScreen KeyB">• Alt+SysRq+B</button> + <div class="ctl-dropdown-content-text"> + Alt+SysRq+... <sup><i>linux magic (<a target="_blank" href="https://www.kernel.org/doc/html/latest/admin-guide/sysrq.html">help</a>)</i></sup> + </div> + <div class="ctl-dropdown-content-buttons buttons-row"> + <hr> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyR" class="row16">R</button> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyE" class="row16">E</button> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyI" class="row16">I</button> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyS" class="row16">S</button> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyU" class="row16">U</button> + <button data-dont-hide-menu data-shortcut="AltLeft PrintScreen KeyB" class="row16">B</button> + </div> </div> </div> </li> |