From b9828cb12056a8166b5dcc044028317e552e28f2 Mon Sep 17 00:00:00 2001
From: Deepak Khatri <lorforlinux@beagleboard.org>
Date: Mon, 26 Jun 2023 02:05:10 +0530
Subject: [PATCH] Add pinout diagrams in tabs

Using newly added sphinx tabs extension, P8 & P9 cape header pinout diagrams are now easier to navigate.
---
 boards/beaglev/ahead/01-introduction.rst | 25 ++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/boards/beaglev/ahead/01-introduction.rst b/boards/beaglev/ahead/01-introduction.rst
index dfe70882..f4c6ee40 100644
--- a/boards/beaglev/ahead/01-introduction.rst
+++ b/boards/beaglev/ahead/01-introduction.rst
@@ -23,17 +23,26 @@ RISC-V enabled pocket-size computer for anybody who want's to dive deep into the
 Pinout Diagrams
 ***************
 
-.. figure:: media/pinout/BeagleV-Ahead-P8.*
-    :align: center
-    :alt: BeagleV Ahead P8 cape header pinout
+Choose the cape header to see respective pinout diagram.
 
-    BeagleV Ahead P8 cape header pinout
+.. tabs::
 
-.. figure:: media/pinout/BeagleV-Ahead-P9.*
-    :align: center
-    :alt: BeagleV Ahead P9 cape header pinout
+   .. group-tab:: P8 cape header
+
+        .. figure:: media/pinout/BeagleV-Ahead-P8.*
+            :align: center
+            :alt: BeagleV Ahead P8 cape header pinout
+
+            BeagleV Ahead P8 cape header pinout
+
+
+   .. group-tab:: P9 cape header
+
+        .. figure:: media/pinout/BeagleV-Ahead-P9.*
+            :align: center
+            :alt: BeagleV Ahead P9 cape header pinout
 
-    BeagleV Ahead P9 cape header pinout
+            BeagleV Ahead P9 cape header pinout
 
 .. _beaglev-ahead-detaild-overview:
 
-- 
GitLab