Reorganize Menus to create Getting Started and Concepts pages

_quarto.yml

@@ -19,6 +19,8 @@ project:
     - api/core
     - api/testing
     - templates
+    - tutorials
+    - get-started
   resources:
     - /pypi/**
     - /robots.txt
@@ -73,28 +75,23 @@ website:
     logo-alt: The logo for Shiny for Python
     search: true
     left:
-      - text: "Learn Shiny"
-        file: docs/overview.qmd
+      - text: "Get Started"
+        file: get-started/welcome.qmd
+      - text: "Concepts"
+        file: docs/ui-overview.qmd
       - text: "Components"
         menu:
           - text: "Components"
-            file: components/index.qmd
+            href: components/index.qmd
             icon: sliders
           - text: "Layouts"
             file: layouts/index.qmd
             icon: layout-text-window-reverse
           - text: "Templates"
             file: templates/index.qmd
             icon: code-square
-      - text: "Deploy"
-        menu:
-          - text: "Overview"
-            href: docs/deploy.qmd
-          - docs/deploy-cloud.qmd
-          - docs/deploy-on-prem.qmd
-          - docs/shinylive.qmd
       - text: "Gallery"
-        file: gallery/index.qmd
+        href: gallery/index.qmd
       - text: "Playground"
         href: https://shinylive.io/py/examples/
         target: _blank
@@ -227,7 +224,28 @@ website:
             - text: "Controlling for Page Size"
               href: "/layouts/arrange/index.html#controlling-for-page-width-and-height"
 
-    - id: docs
+    - id: get-started
+      style: "floating"
+      collapse-level: 1
+      align: left
+      contents:
+        - get-started/welcome.qmd
+        - get-started/install.qmd
+        - get-started/create-run.qmd
+        - get-started/debug.qmd
+        - section: "Deploy"
+          contents:
+            - text: "Overview"
+              href: get-started/deploy.qmd
+            - get-started/deploy-cloud.qmd
+            - get-started/deploy-on-prem.qmd
+            - get-started/shinylive.qmd
+        - section: "Tutorials"
+          contents:
+            - text: "Get Started with Shiny Express"
+              href: tutorials/intro-express/1-welcome.qmd
+
+    - id: concepts
       style: "floating"
       collapse-level: 2
       align: left
@@ -236,10 +254,6 @@ website:
           contents:
             - docs/overview.qmd
             - docs/user-interfaces.qmd
-        - section: "<span class='emoji-icon'>💻</span>  __Workflow__"
-          contents:
-            - docs/install-create-run.qmd
-            - docs/debug.qmd
         - section: "<span class='emoji-icon'>🎨</span>  __User interfaces__"
           contents:
             - docs/ui-overview.qmd
@@ -278,6 +292,23 @@ website:
           contents:
             - docs/nonblocking.qmd
             - docs/routing.qmd
+
+    - id: tutorial-express-intro
+      style: "docked"
+      align: left
+      contents:
+        - section: "Learn Shiny Express"
+          contents:
+            - tutorials/intro-express/1-welcome.qmd
+            - tutorials/intro-express/2-ui.qmd
+            - tutorials/intro-express/3-inputs.qmd
+            - tutorials/intro-express/4-external.qmd
+            - tutorials/intro-express/5-outputs.qmd
+            - tutorials/intro-express/6-reactivity.qmd
+            - tutorials/intro-express/7-publish.qmd
+            - tutorials/intro-express/8-next.qmd
+
+
     # TODO: if the sidebar only has 1 entry, then it displays for the entire site...
     # added entry below to prevent this.
     - id: deploy

docs/_metadata.yml

@@ -1 +1 @@
-sidebar: get-started
+sidebar: concepts