separate shortcuts menu

web/kvm/navbar-shortcuts.pug

@@ -0,0 +1,37 @@
+li(class="right")
+	a(class="menu-button" href="#") Shortcuts
+	div(data-dont-hide-menu class="menu")
+		div(class="text")
+			b Quick keyboard shortcuts#[br]
+			sub Also see #[i System → Show keyboard]
+		hr
+		div(class="buttons")
+			div(class="buttons-row")
+				button(data-force-hide-menu data-shortcut="CapsLock" class="row50")
+					| • Caps Lock  
+					img(class="inline-lamp hid-keyboard-caps-led led-gray" src=`${svg_dir}/led-square.svg`)
+				button(data-force-hide-menu data-shortcut="MetaLeft" class="row50") • Left Win
+			hr
+			div(class="buttons-row")
+				button(data-force-hide-menu data-shortcut="AltLeft ShiftLeft" class="row50") • Alt+Shift
+				button(data-force-hide-menu data-shortcut="ControlLeft KeyW" class="row50") • Ctrl+W
+			div(class="buttons-row")
+				button(data-force-hide-menu data-shortcut="ControlLeft ShiftLeft" class="row50") • Ctrl+Shift
+				button(data-force-hide-menu data-shortcut="AltLeft Tab" class="row50") • Alt+Tab
+			div(class="buttons-row")
+				button(data-force-hide-menu data-shortcut="ShiftLeft ShiftRight" class="row50") • Shift+Shift
+				button(data-force-hide-menu data-shortcut="AltLeft Enter" class="row50") • Alt+Enter
+			div(class="buttons-row")
+				button(data-force-hide-menu data-shortcut="MetaLeft Space" class="row50") • Win+Space
+				button(data-force-hide-menu data-shortcut="AltLeft F4" class="row50") • Alt+F4
+			hr
+			button(data-force-hide-menu data-shortcut="ControlLeft AltLeft Delete") • Ctrl+Alt+Del
+		hr
+		div(class="text")
+			| &darr; &bull; Alt+SysRq+... <sup><i>linux magic
+			| #[a(target="_blank" href="https://www.kernel.org/doc/html/latest/admin-guide/sysrq.html") help]</i></sup>
+		hr
+		div(class="buttons")
+			div(class="buttons-row")
+				each key in ["R", "E", "I", "S", "U", "B"]
+					button(data-shortcut=`AltLeft PrintScreen Key${key}` class="row16") #{key}