diff options
| -rw-r--r-- | web/css/main.css | 6 | ||||
| -rw-r--r-- | web/index.html | 53 |
2 files changed, 39 insertions, 20 deletions
diff --git a/web/css/main.css b/web/css/main.css index 0dd07fc2..e185b14b 100644 --- a/web/css/main.css +++ b/web/css/main.css @@ -88,7 +88,11 @@ select:active { display: inline-block; width: 25%; } -.row50:not(:first-child), .row25:not(:first-child) { +.row16 { + display: inline-block; + width: 16.66% +} +.row50:not(:first-child), .row25:not(:first-child), .row16:not(:first-child) { border-left: var(--dark-border); } 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> |