website: quickview shortcuts

Author: huiwanpnnl

docs/guides/quickview/screenshots/quickview_ui.png

@@ -1 +1,11 @@
-# Single-key Shortcuts in QuickView
+# Keyboard Shortcuts in QuickView
+
+Below is a list of keyboard shortcuts in QuickView.
+These are single-key shortcuts, and hence will not
+conflict with the multi-key combinations used by
+the operating system or other applications.
+Note that these shortcuts will only take effect
+when the browser window (or tab) showing the QuickView UI
+is the active window (or tab).
+
+!![shortcuts](./screenshots/shortcuts.png){ width="90%" }

docs/guides/quickview/screenshots/shortcuts.png

@@ -1,5 +1,7 @@
 # QuickView's Graphical UI
 
+![QuickView UI](./screenshots/quickview_ui.png){ width="95%" }
+
 QuickView's UI contains three main components.
 
 - The **viewport** displays global or regional maps for the user-selected
@@ -22,6 +24,5 @@ QuickView's UI contains three main components.
   colorful QuickView icon at the top of the toolbar or press the
   `H` key on the keyboard. 
 
-![QuickView UI](./screenshots/quickview_ui.png){ width="90%" }
 
-![Toolbar expanded](./screenshots/toolbar_expanded.png){ width="20%" }
+<!-- ![Toolbar expanded](./screenshots/toolbar_expanded.png){ width="20%" } -->