From ca06013afeae86801ea55669daccbdbe2d579828 Mon Sep 17 00:00:00 2001
From: Deepak Khatri <lorforlinux@beagleboard.org>
Date: Thu, 23 Mar 2023 03:49:05 +0530
Subject: [PATCH] Add BeaglePlay demos page

---
 boards/beagleplay/02-quick-start.rst          |  16 +--
 boards/beagleplay/05-demos.rst                | 121 ++++++++++++++++++
 .../{05-support.rst => 06-support.rst}        |   0
 boards/beagleplay/index.rst                   |  32 +++--
 4 files changed, 147 insertions(+), 22 deletions(-)
 create mode 100644 boards/beagleplay/05-demos.rst
 rename boards/beagleplay/{05-support.rst => 06-support.rst} (100%)

diff --git a/boards/beagleplay/02-quick-start.rst b/boards/beagleplay/02-quick-start.rst
index 16f77591..f5020a33 100644
--- a/boards/beagleplay/02-quick-start.rst
+++ b/boards/beagleplay/02-quick-start.rst
@@ -71,17 +71,5 @@ to browse documents and start programming your BeaglePlay!
     BeaglePlay VSCode IDE (192.168.7.2:3000)
 
 
-Demos and Tutorials
-*******************
-
-.. toctree::
-   :maxdepth: 1
-
-   demos-and-tutorials/using-serial-console
-   demos-and-tutorials/connect-wifi
-   demos-and-tutorials/using-grove
-   demos-and-tutorials/using-mikrobus
-   demos-and-tutorials/using-qwiic
-   demos-and-tutorials/using-oldi
-   demos-and-tutorials/using-csi
-   demos-and-tutorials/zephyr-cc1352-development
+.. tip:: 
+   Checkout :ref:`beagleplay-demos` for more information.
\ No newline at end of file
diff --git a/boards/beagleplay/05-demos.rst b/boards/beagleplay/05-demos.rst
new file mode 100644
index 00000000..c42e0f9d
--- /dev/null
+++ b/boards/beagleplay/05-demos.rst
@@ -0,0 +1,121 @@
+.. _beagleplay-demos:
+
+Demos and tutorials
+####################
+
+.. raw:: latex
+   
+   \begin{comment}
+
+.. card:: 
+    :link: beagleplay-serial-console
+    :link-type: ref
+
+    **Using serial console**
+    ^^^
+    Learn ho to use any USB-UART converter to get access to BeaglePlay via serial console .
+    +++
+    .. admonition:: Complexity level
+        
+        beginner
+
+.. card:: 
+    :link: beagleplay-connect-wifi
+    :link-type: ref
+
+    **Connecting WiFi**
+    ^^^
+    Learn different ways to connect your BeaglePlay to a WiFi access point.
+    +++
+    .. admonition:: Complexity level
+        
+        beginner
+
+.. card:: 
+    :link: beagleplay-grove
+    :link-type: ref
+
+    **Using grove**
+    ^^^
+    Learn to expand your BeaglePlay capabilities with grove modules.
+    +++
+    .. admonition:: Complexity level
+        
+        beginner
+
+.. card:: 
+    :link: beagleplay-mikrobus
+    :link-type: ref
+
+    **Using mikroBUS**
+    ^^^
+    Learn to expand your BeaglePlay capabilities via 1000s of mikroBUS click board support.
+    +++
+    .. admonition:: Complexity level
+        
+        beginner
+
+.. card:: 
+    :link: beagleplay-quiic
+    :link-type: ref
+
+    **Using quiic**
+    ^^^
+    Learn to expand your BeaglePlay capabilities via quiic I2C boards.
+    +++
+    .. admonition:: Complexity level
+        
+        beginner
+
+.. card:: 
+    :link: beagleplay-oldi
+    :link-type: ref
+
+    **Using oldi**
+    ^^^
+    Learn how to connect and run oldi displays with BeaglePlay.
+    +++
+    .. admonition:: Complexity level
+        
+        intermediate
+
+.. card:: 
+    :link: beagleplay-csi
+    :link-type: ref
+
+    **Using CSI**
+    ^^^
+    Learn how to connect and run CSI cameras with BeaglePlay.
+    +++
+    .. admonition:: Complexity level
+        
+        intermediate
+
+.. card:: 
+    :link: zephyr-development
+    :link-type: ref
+
+    **Zephyr development**
+    ^^^
+    Compile and flash zephyr to your beagleplay's CC1352P7.
+    +++
+    .. admonition:: Complexity level
+        
+        intermediate
+
+.. raw:: latex
+
+   \end{comment}
+
+.. toctree::
+   :maxdepth: 1
+   :hidden:
+
+   demos-and-tutorials/using-serial-console
+   demos-and-tutorials/connect-wifi
+   demos-and-tutorials/using-grove
+   demos-and-tutorials/using-mikrobus
+   demos-and-tutorials/using-qwiic
+   demos-and-tutorials/using-oldi
+   demos-and-tutorials/using-csi
+   demos-and-tutorials/zephyr-cc1352-development
\ No newline at end of file
diff --git a/boards/beagleplay/05-support.rst b/boards/beagleplay/06-support.rst
similarity index 100%
rename from boards/beagleplay/05-support.rst
rename to boards/beagleplay/06-support.rst
diff --git a/boards/beagleplay/index.rst b/boards/beagleplay/index.rst
index f064302e..1a7d1cc3 100644
--- a/boards/beagleplay/index.rst
+++ b/boards/beagleplay/index.rst
@@ -34,7 +34,7 @@ BeaglePlay
       **1. Introduction**
       ^^^
 
-      .. image:: images/chapter-thumbnails/01-introduction.jpg
+      .. image:: images/chapter-thumbnails/01-introduction.webp
          :align: center
          :alt: BeaglePlay Chapter01 thumbnail
       
@@ -50,7 +50,7 @@ BeaglePlay
       **2. Quick start**
       ^^^
 
-      .. image:: images/chapter-thumbnails/02-quick-start.jpg
+      .. image:: images/chapter-thumbnails/02-quick-start.webp
          :align: center
          :alt: BeaglePlay Chapter02 thumbnail
 
@@ -66,7 +66,7 @@ BeaglePlay
       **3. Design & Specifications**
       ^^^
 
-      .. image:: images/chapter-thumbnails/03-design-and-specifications.jpg
+      .. image:: images/chapter-thumbnails/03-design-and-specifications.webp
          :align: center
          :alt: BeaglePlay Chapter03 thumbnail
 
@@ -82,7 +82,7 @@ BeaglePlay
       **4. Expansion**
       ^^^
 
-      .. image:: images/chapter-thumbnails/04-connectors-and-pinouts.jpg
+      .. image:: images/chapter-thumbnails/04-connectors-and-pinouts.webp
          :align: center
          :alt: BeaglePlay Chapter04 thumbnail
 
@@ -90,17 +90,32 @@ BeaglePlay
 
       Connector pinout diagrams with expansion details so that you can 
       easily debug your connections and create custom expansion hardware.
+      
+   .. grid-item-card:: 
+      :link: beagleplay-demos
+      :link-type: ref
+
+      **5. Demos**
+      ^^^
+
+      .. image:: images/chapter-thumbnails/05-demos-and-tutorials.webp
+         :align: center
+         :alt: BeaglePlay Chapter5 thumbnail
+
+      +++
+
+      Demos and tutorials to quickly learn about the BeaglePlay capabilities.
 
    .. grid-item-card:: 
       :link: beagleplay-support
       :link-type: ref
 
-      **5. Support**
+      **6. Support**
       ^^^
 
-      .. image:: images/chapter-thumbnails/06-support-documents.jpg
+      .. image:: images/chapter-thumbnails/06-support-documents.webp
          :align: center
-         :alt: BeaglePlay Chapter10 thumbnail
+         :alt: BeaglePlay Chapter6 thumbnail
 
       +++
 
@@ -119,4 +134,5 @@ BeaglePlay
    02-quick-start
    03-design
    04-expansion
-   05-support
+   05-demos
+   06-support
-- 
GitLab