website: add more placeholders

Author: huiwanpnnl

docs/.vitepress/config.mjs

@@ -56,10 +56,11 @@ export default defineConfig({
         {
           text: "QuickView",
           items: [
-            { text: "Getting started", link: "/guides/quickview" },
-            { text: "Toolbar",  link: "/guides/quickview/toolbar" },
-            { text: "Viewport", link: "/guides/quickview/viewport" },
-            { text: "Resources",link: "/guides/quickview/resources" },
+            { text: "Resources",        link: "/guides/quickview/resources" },
+            { text: "One-key Shortcuts",link: "/guides/quickview/resources" },
+            { text: "Toolbar",          link: "/guides/quickview/toolbar" },
+            { text: "Control Panels",   link: "/guides/quickview/control_panels" },
+            { text: "Viewport",         link: "/guides/quickview/viewport" },
           ],
         },
         {

docs/guides/quickview/control_panels.md

@@ -0,0 +1 @@
+# Control Panels

docs/guides/reminders.md

@@ -1,32 +1,41 @@
 ## Key reminders for using QuickView and other tools in the family
 
-::: tip Two modes of use: QuickView can be used in two modes:
-a ^^new-viz^^ mode (for starting a new visualization) or
-a ^^resume^^ mode (for resuming an analysis). Further details can be found on
+::: info Two modes of use
+QuickView can be used in two modes:
+a *new-viz* mode (for starting a new visualization) or
+a *resume* mode (for resuming an analysis). Further details can be found on
 the [toolbar description page](/guides/quickview/toolbar.md).
 :::
 
-::: tip Connectivity Files:
+::: warning Connectivity Files
 Since E3SM's horizontal grids are unstructured meshes from ParaView's perspective,
 connectivity files are needed in addition to  the simulation data files.
 Further details can be found on the documentation pages
 describing the [connectivity files](/guides/connectivity.md) and the
 [toolbar](/guides/quickview/toolbar.md).
 :::
 
-::: tip The `LOAD VARIABLES` Button:
-Most buttons, sliders, and selection boxes in the GUI apply their effects
-immediately upon user interaction. The only exception is the variable
+::: tip The `LOAD VARIABLES` Button
+Most buttons, sliders, and selection boxes in the UI apply their effects
+immediately upon user interaction. The only exception is variable
 selection: After variables are chosen for the first time following file load
-or after the selection is changed, the user ^^must^^ click the `LOAD VARIABLES`
-button in the [toolbar](/guides/quickview/toolbar.md) for the new selection to take effect.
+or after the selection is changed, the user *must* click the `LOAD VARIABLES`
+button at the top of the "Select Variables" control panel for the new selection to take effect.
+:::
+
+::: info Show/hide control panels
+Most of the buttons in the vertical [toolbar](/guides/quickview/toolbar.md)
+are toggles for showing or hiding the corresponding control panels.
+These toggles have 1-key shortcuts--see cheatsheet [here](/guides/quickview/shortcuts.md).
+Detailed descriptions of the control panels can be found on
+[this page](/guides/quickview/control_panels.md).
 :::
 
 ::: tip Viewport Layout
 The QuickView app is designed to present multiple variables simultaneously
-in an informative way. Users can ^^rearrange^^ the individual views
+in an informative way. Users can *rearrange* the individual views
 (i.e., contour plots) in the [viewport](/guides/quickview/viewport.md)
-and ^^resize^^ each view.
+and *resize* them.
 
 Furthermore, if a user saves a state file after these
 adjustments, they can later resume their analysis with the customized