docs(quickcompare): add a structure and some placeholders

docs/.vitepress/config.mjs

@@ -64,37 +64,24 @@ export default defineConfig({
             { text: "Quickstart", link: "/guides/quickview/quickstart" },
             { text: "UI Overview", link: "/guides/quickview/ui_overview" },
             { text: "Keyboard Shortcuts", link: "/guides/quickview/shortcuts" },
-            {
-              text: "File Selection",
-              link: "/guides/quickview/file_selection",
-            },
-            {
-              text: "Variable Selection",
-              link: "/guides/quickview/variable_selection",
-            },
-            {
-              text: "Slice Selection",
-              link: "/guides/quickview/slice_selection",
-            },
-            {
-              text: "Viewport Layout",
-              link: "/guides/quickview/viewport_layout",
-            },
-            {
-              text: "Individual Views",
-              link: "/guides/quickview/individual_views",
-            },
+            { text: "File Selection", link: "/guides/quickview/file_selection", },
+            { text: "Variable Selection", link: "/guides/quickview/variable_selection", },
+            { text: "Slice Selection", link: "/guides/quickview/slice_selection", },
+            { text: "Viewport Layout", link: "/guides/quickview/viewport_layout", },
+            { text: "Individual Views", link: "/guides/quickview/individual_views", },
             { text: "Miscellaneous", link: "/guides/quickview/miscellaneous" },
           ],
         },
         {
           text: "QuickCompare",
           items: [
-            {
-              text: "What is QuickCompare?",
-              link: "/guides/quickcompare/index",
-            },
-            { text: "Quickstart", link: "/guides/quickcompare/quickstart" },
+            { text: "What is QuickCompare?", link: "/guides/quickcompare/index", },
+            { text: "Quickstart",            link: "/guides/quickcompare/quickstart" },
+            { text: "UI Overview",           link: "/guides/quickcompare/ui_overview_and_shortcuts" },
+            { text: "Modes of Comparison",   link: "/guides/quickcompare/modes_of_comparison", },
+            { text: "Variables and Slices",  link: "/guides/quickcompare/variable_and_slice_selection", },
+            { text: "Resuming an Analysis",  link: "/guides/quickcompare/save_resume_analysis", },
+            { text: "Miscellaneous",         link: "/guides/quickcompare/miscellaneous" },
           ],
         },
         {

docs/guides/quickcompare/index.md

@@ -1,5 +1,7 @@
 # What is QuickCompare?
 
+![QuickCompare logo](./screenshots/QuickCompare_app_icon_with_text.png){ width="18%", align=right }
+
 QuickCompare is an offshoot of [QuickView](/guides/quickview/index.md).
 Instead of presenting a single simulation,
 QuickCompare contrasts two or more simulations that
@@ -10,5 +12,5 @@ to a control simulation.
 Like [QuickView](/guides/quickview/index.md),
 QuickCompare can present multiple variables simultaneously.
 
-## Useful links: see [Quickstart](./quickstart).
+Useful links: see [Quickstart](./quickstart).
 

docs/guides/quickcompare/modes_of_comparison.md

@@ -0,0 +1,11 @@
+# Modes of Comparison
+
+
+QuickCompare supports the comparison between two-simulations or multiple simulations. The same sets of metrics (e.g., differences and relative differences) are available for display in both modes, although the viewport layout is organized differently.
+
+## Comparison mode control panel
+
+
+## Viewport in two-sim mode 
+
+## Viewport in multi-sim mode 

docs/guides/quickcompare/save_resume_analysis.md

@@ -0,0 +1 @@
+# Save and Resume Analysis

docs/guides/quickcompare/ui_overview_and_shortcuts.md

@@ -0,0 +1 @@
+# UI and Keyboard Shortcuts in QuickCompare

docs/guides/quickcompare/variable_and_slice_selection.md

@@ -0,0 +1,8 @@
+# Selecting Variables and Data Slices
+
+
+QuickCompare is designed to present comparisons of multiple variables
+simultaneously, but only one slice of global or regional data per variable. The ways how variables--as well as data slices from multidimensional arrays--are selected are the same as in QuickView. The details can be found on the pages linked below.
+
+- [Variable selection](/guides/quickview/variable_selection)
+- [Slice selection](/guides/quickview/variable_selection)

docs/guides/quickview/index.md

@@ -1,6 +1,6 @@
 # What is QuickView?
 
-![QuickView logo](/public/icon-full.png){ width="18%", align=right }
+![QuickView logo](./screenshots/QuickView_app_icon_with_text.png){ width="18%", align=right }
 
 **QuickView** is an open-source, interactive visualization
 tool designed to help Earth system modelers take a quick look at

docs/guides/reminders.md

@@ -16,6 +16,9 @@ to stay simple and intuitive.
 On the other hand, we are continually summarizing typical analysis
 workflows and assessing new needs to add members to the family.
 
+![QuickView app icon](/guides/quickview/screenshots/QuickView_app_icon_with_text.png){ width="15%", align=right }
+![QuickCompare app icon](/guides/quickcompare/screenshots/QuickCompare_app_icon_with_text.png){ width="15%", align=right }
+
 The first two members of the family are
 - [QuickView](/guides/quickview/index)
   for simultaneously presenting 2D contour plots of