Add BeaglePlay demos page

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
-*******************
-
+.. tip:: 
+   Checkout :ref:`beagleplay-demos` for more information.
\ No newline at end of file
-.. 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

boards/beagleplay/05-demos.rst

+.. _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

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