From 93861d6d564371a522082483bcf579df395c199d Mon Sep 17 00:00:00 2001
From: Teea Poldsam <teea.poldsam@qt.io>
Date: Thu, 23 May 2024 08:16:29 +0300
Subject: [PATCH] Doc: Reorganize the sidebar

Fixes: QDS-12809
Change-Id: Ic28b94db2752992c4b08fe0c6ac15a159399a486
Reviewed-by: Mats Honkamaa <mats.honkamaa@qt.io>
---
 .../config/style/qt5-sidebar.html             | 112 ++++++++++++++++--
 1 file changed, 101 insertions(+), 11 deletions(-)

diff --git a/doc/qtdesignstudio/config/style/qt5-sidebar.html b/doc/qtdesignstudio/config/style/qt5-sidebar.html
index 0a7c93702a8..22b2895dc89 100644
--- a/doc/qtdesignstudio/config/style/qt5-sidebar.html
+++ b/doc/qtdesignstudio/config/style/qt5-sidebar.html
@@ -1,18 +1,108 @@
+<div class="sectionlist normallist">
+    <ul>
+            <li><a href="qtdesignstudio-toc.html">View All Topics</a></li>
+    </ul>
+</div>
 <div class="sectionlist normallist">
     <div class="heading">
-        <a name="reference"></a>
-        <h2 id="reference">Qt Design Studio Manual</h2>
+        <h2>Getting Started</h2>
     </div>
     <div class="indexboxcont indexboxbar">
         <ul>
-            <li><a href="qtdesignstudio-toc.html">All Topics</a></li>
-            <li><a href="studio-getting-started.html">Getting Started</a></li>
-            <li><a href="quick-uis.html">Wireframing</a></li>
-            <li><a href="qtquick-prototyping.html">Prototyping</a></li>
-            <li><a href="qtquick-motion-design.html">Motion Design</a></li>
-            <li><a href="studio-implementing-applications.html">Implementing Applications</a></li>
-            <li><a href="studio-advanced.html">Advanced Designer Topics</a></li>
-            <li><a href="studio-developer-topics.html">Developer Topics</a></li>
-            <li><a href="studio-help.html">Help</a></li>
+            <li><a href="studio-getting-started.html">Overview</a></li>
+            <li><a href="studio-installation.html">Installing Qt Design Studio</a></li>
+            <li><a href="gstutorials.html">Tutorials</a></li>
+            <li><a href="creator-quick-tour.html">User Interface</a></li>
+            <li><a href="studio-projects.html">Creating Projects</a></li>
+            <li><a href="studio-use-cases.html">Use Cases</a></li>
+            <li><a href="studio-terms.html">Concepts and Terms</a></li>
+            <li><a href="studioexamples.html">Examples</a></li>
         </ul>
     </div>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Wireframing</h2>
+    </div>
+    <div class="indexboxcont indexboxbar">
+        <ul>
+            <li><a href="quick-uis.html">Overview</a></li>
+            <li><a href="studio-app-flows.html">Designing Application Flows</a></li>
+            <li><a href="quick-components.html">Using Components</a></li>
+            <li><a href="qtquick-properties.html">Specifying Component Properties</a></li>
+            <li><a href="qtquick-positioning.html">Scalable Layouts</a></li>
+            <li><a href="qtquick-annotations.html">Annotating Designs</a></li>
+        </ul>
+    </div>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Prototyping</h2>
+    </div>
+    <ul>
+        <li><a href="qtquick-prototyping.html">Overview</a></li>
+        <li><a href="qtquick-creating-ui-logic.html">Creating UI Logic</a></li>
+        <li><a href="studio-simulation-overview.html">Simulating Complex Experiences</a></li>
+        <li><a href="qtquick-adding-dynamics.html">Dynamic Behaviors</a></li>
+        <li><a href="creator-live-preview.html">Validating with Target Hardware</a></li>
+        <li><a href="studio-exporting-and-importing.html">Asset Creation with Other Tools</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Motion Design</h2>
+    </div>
+    <ul>
+        <li><a href="qtquick-motion-design.html">Overview</a></li>
+        <li><a href="quick-animation-overview.html">Introduction to Animation Techniques</a></li>
+        <li><a href="studio-timeline.html">Creating Timeline Animations</a></li>
+        <li><a href="qtquick-editing-easing-curves.html">Editing Easing Curves</a></li>
+        <li><a href="qtquick-production-quality-animation.html">Production Quality</a></li>
+        <li><a href="qtquick-optimizing-designs.html">Optimizing Designs</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Implementing Applications</h2>
+    </div>
+    <ul>
+        <li><a href="studio-implementing-applications.html">Overview</a></li>
+        <li><a href="studio-designer-developer-workflow.html">Designer-Developer Workflow</a></li>
+        <li><a href="qtquick-text-editor.html">Coding</a></li>
+        <li><a href="studio-debugging.html">Debugging and Profiling</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Advanced Designer Topics</h2>
+    </div>
+    <ul>
+        <li><a href="studio-advanced.html">Overview</a></li>
+        <li><a href="creator-quick-ui-forms.html">UI Files</a></li>
+        <li><a href="creator-telemetry.html">Manage Data Collection</a></li>
+        <li><a href="studio-packaging.html">Packaging Applications</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Developer Topics</h2>
+    </div>
+    <ul>
+        <li><a href="studio-developer-topics.html">Overview</a></li>
+        <li><a href="creator-vcs-git.html">Using Git</a></li>
+        <li><a href="studio-porting-projects.html">Converting Qt 5 Projects into Qt 6 Projects</a></li>
+        <li><a href="quick-converting-ui-projects.html">Converting UI Projects to Applications</a></li>
+        <li><a href="creator-editor-external.html">Using External Tools</a></li>
+        <li><a href="studio-on-mcus.html">Qt Design Studio on MCUs</a></li>
+    </ul>
+</div>
+<div class="sectionlist normallist">
+    <div class="heading">
+        <h2>Help</h2>
+    </div>
+    <ul>
+        <li><a href="studio-help.html">Overview</a></li>
+        <li><a href="creator-how-to-get-help.html">Getting Help</a></li>
+        <li><a href="studio-platforms.html">Supported Platforms</a></li>
+    </ul>
+</div>