Add platform architecture diagrams

assets/scss/_styles_project.scss

@@ -540,6 +540,18 @@ details summary::-webkit-details-marker {
   background-color: #eaf9fb;
 }
 
+.expand.howtoexpand.light summary, .expand.howtoexpand.light .expand-content  {
+  background-color: rgba(200, 249, 183, 1.0) !important;
+}
+
+.expand.howtoexpand.middle summary, .expand.howtoexpand.middle .expand-content  {
+  background-color: rgba(189, 234, 196, 1.0) !important;
+}
+
+.expand.howtoexpand.dark summary, .expand.howtoexpand.dark .expand-content  {
+  background-color: rgba(163, 203, 178, 1.0) !important;
+}
+
 .howtoexpand .expand-label {
   padding-top: 1rem;
   padding-bottom: 0;

docs/_index.md

@@ -18,3 +18,4 @@ noedit: true
 date: "2024-09-17"
 updated: "2024-10-11"
 ---
+

docs/data-ai/_index.md

@@ -18,3 +18,34 @@ Common use cases include:
 - Object detection, which enables machines to detect people, animals, plants, or other objects with bounding boxes, and to perform actions when they are detected.
 - Object classification, which enables machines to separate people, animals, plants, or other objects into predefined categories based on their characteristics, and to perform different actions based on the classes of objects.
 - Speech recognition, natural language processing, and speech synthesis, which enable machines to verbally communicate with us. -->
+<p>
+{{<imgproc src="/platform-overviews/data-and-AI.png" resize="1200x" style="width:800px" class="aligncenter imgzoom" declaredimensions=true alt="ALT">}}
+</p>
+
+
+{{< how-to-expand "Get started" "1" "BEGINNER-FRIENDLY" "light" >}}
+{{< cards >}}
+{{% card link="/data-ai/get-started/capture-sync/" noimage="true" %}}
+{{< /cards >}}
+{{< /how-to-expand >}}
+
+{{< how-to-expand "Manage data" "4" "BEGINNER-FRIENDLY" "middle" >}}
+{{< cards >}}
+{{% card link="/data-ai/data/query/" noimage="true" %}}
+{{% card link="/data-ai/data/visualize/" noimage="true" %}}
+{{% card link="/data-ai/data/alert-on-data/" noimage="true" %}}
+{{% card link="/data-ai/data/export/" noimage="true" %}}
+{{< /cards >}}
+{{< /how-to-expand >}}
+
+{{< how-to-expand "Leverage AI" "8" "INTERMEDIATE" "dark" >}}
+{{< cards >}}
+{{% card link="/data-ai/ai/create-dataset/" noimage="true" %}}
+{{% card link="/data-ai/ai/train-tflite/" noimage="true" %}}
+{{% card link="/data-ai/ai/train/" noimage="true" %}}
+{{% card link="/data-ai/ai/deploy/" noimage="true" %}}
+{{% card link="/data-ai/ai/run-inference/" noimage="true" %}}
+{{% card link="/data-ai/ai/alert/" noimage="true" %}}
+{{% card link="/data-ai/ai/act/" noimage="true" %}}
+{{< /cards >}}
+{{< /how-to-expand >}}

docs/operate/_index.md

@@ -8,3 +8,41 @@ no_list: true
 open_on_desktop: true
 overview: true
 ---
+
+<p>
+{{<imgproc src="/platform-overviews/build-integrate.png" resize="1200x" style="width:800px" class="aligncenter imgzoom" declaredimensions=true alt="ALT">}}
+</p>
+
+{{< how-to-expand "Connect devices" "5" "BEGINNER-FRIENDLY" "light" >}}
+{{< cards >}}
+{{% card link="/operate/get-started/setup/" noimage="true" %}}
+{{% card link="/operate/get-started/supported-hardware/" noimage="true" %}}
+{{% card link="/operate/get-started/other-hardware/" noimage="true" %}}
+{{% card link="/operate/get-started/software-capabilities/" noimage="true" %}}
+{{% card link="/operate/get-started/system-settings/" noimage="true" %}}
+
+{{< /cards >}}
+{{< /how-to-expand >}}
+
+{{< how-to-expand "Build apps" "5" "BEGINNER-FRIENDLY" "middle" >}}
+{{< cards >}}
+{{% card link="/operate/control/web-app/" noimage="true" %}}
+{{% card link="/operate/control/mobile-app/" noimage="true" %}}
+{{% card link="/operate/control/mobile-app/" noimage="true" %}}
+{{% card link="/operate/control/headless-app/" noimage="true" %}}
+{{% card link="/operate/control/voice-app/" noimage="true" %}}
+{{% card link="/operate/control/kiosk-app/" noimage="true" %}}
+{{< /cards >}}
+{{< /how-to-expand >}}
+
+{{< how-to-expand "Intelligent actuation and motion planning" "7" "INTERMEDIATE" "dark" >}}
+{{< cards >}}
+{{% card link="/operate/mobility/define-geometry/" noimage="true" %}}
+{{% card link="/operate/mobility/define-obstacles/" noimage="true" %}}
+{{% card link="/operate/mobility/define-dynamic-obstacles/" noimage="true" %}}
+{{% card link="/operate/mobility/move-base/" noimage="true" %}}
+{{% card link="/operate/mobility/move-arm/" noimage="true" %}}
+{{% card link="/operate/mobility/move-gantry/" noimage="true" %}}
+{{% card link="/operate/mobility/use-input-to-act/" noimage="true" %}}
+{{< /cards >}}
+{{< /how-to-expand >}}

layouts/docs/landing.html

@@ -23,6 +23,7 @@
                 </a>
                 </div>
                 <div class="td-content">
+
                 </div>
             </main>
         </div>