From 2f10a97096a755cadb44bcc8f0ded2b7f77dee52 Mon Sep 17 00:00:00 2001
From: Deepak Khatri <lorforlinux@beagleboard.org>
Date: Sun, 15 Dec 2024 14:45:31 +0530
Subject: [PATCH] Add new landing page text carousel
---
index.rst | 71 +++++++++++++++++++++++++++++++++++++++++++++----------
1 file changed, 59 insertions(+), 12 deletions(-)
diff --git a/index.rst b/index.rst
index 3426d7c3..e07e16d8 100644
--- a/index.rst
+++ b/index.rst
@@ -6,17 +6,64 @@
BeagleBoard Documentation
############################
-.. image:: _static/images/banner.webp
-
-Welcome to the `BeagleBoard project documentation <https://git.beagleboard.org/docs/docs.beagleboard.io>`_.
-If you are looking for help with your Beagle open-hardware development platform, you've found the right place!
-
-.. note::
- The BeagleBoard.org Foundation is a US-based 501(c)3 non-profit organization providing open hardware
- computing solutions for a community of makers, educators and professionals that enable
- rapid prototyping without barriers to creating real-world embedded systems. The BeagleBoard.org Foundation
- supports the BeagleBoard community through efforts like developing this documentation.
+.. grid:: 1 1 1 2
+ :gutter: 4
+
+ .. grid-item::
+
+ .. raw:: html
+
+ <div style="background-color:#F16321; border-radius:1rem; padding:1rem">
+ <h2 style="margin-top:1rem; background-color:#C7480D; border-radius:1rem; padding:1rem; color:white; text-align:center;"> Open hardware computers! </h2>
+ <h4 style="margin-top:1rem; color:white; text-align:center;"> For makers, educators, and professionals </h4>
+ <h6 style="margin-top:1rem;background-color:#FFFFFF;text-align:center;border-radius:1rem;padding:1rem; color:black;">
+ Welcome to the BeagleBoard project documentation.
+ If you are looking for help with your Beagle open-hardware development platform, you've found the right place!
+ </h6>
+ </div>
+
+
+ .. grid-item::
+
+ .. raw:: html
+
+ <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
+ <div class="carousel-inner">
+ <!-- BeagleV-Fire banner -->
+ <div class="carousel-item active">
+ <div style="background-color:#E62427; border-radius:1rem; padding:1rem">
+ <h2 style="margin-top:1rem; background-color:#8C171A; border-radius:1rem; padding:1rem; color:white; text-align:center;"> BeagleV-Fire </h2>
+ <h4 style="margin-top:1rem; color:white; text-align:center;"> Perfect Blend of FPGA + RISC-V </h4>
+ <h6 style="margin-top:1rem;background-color:#FFFFFF;text-align:center;border-radius:1rem;padding:1rem;">
+ For those who want cutting edge FPGA + RISC-V technology on a single board
+ go for BeagleV-Fire, it's the perfect blend of both!
+ </h6>
+ </div>
+ </div>
+ <!-- BeagleV-Ahead banner-->
+ <div class="carousel-item">
+ <div style="background-color:#0781BB; border-radius:1rem; padding:1rem">
+ <h2 style="margin-top:1rem; background-color:#0B4D72; border-radius:1rem; padding:1rem; color:white; text-align:center;"> BeagleV-Ahead </h2>
+ <h4 style="margin-top:1rem; color:white; text-align:center;"> RISC-V SBC with BeagleBone Black cape header</h4>
+ <h6 style="margin-top:1rem;background-color:#FFFFFF;text-align:center;border-radius:1rem;padding:1rem;">
+ Powerful quad-core RISC-V processor, BeagleV®-Ahead is designed as an affordable RISC-V enabled pocket-size
+ computer for anybody who want’s to dive deep into the new RISC-V ISA.
+ </h6>
+ </div>
+ </div>
+ </div>
+ <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+ <span class="visually-hidden">Previous</span>
+ </button>
+ <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
+ <span class="visually-hidden">Next</span>
+ </button>
+ </div>
+.. image:: _static/images/banner.webp
+
Introduction
************
@@ -55,7 +102,7 @@ from source using appropriate design tools.
* Check out our first Zephyr-based board at: :ref:`beagleconnect_freedom_home`
* Find all of our boards at: :ref:`boards`
-.. grid:: 1 1 2 3
+.. grid:: 1 1 2 4
:margin: 4 4 0 0
:gutter: 4
@@ -207,7 +254,7 @@ from source using appropriate design tools.
Capes
******
-.. grid:: 1 1 2 3
+.. grid:: 1 1 2 4
:margin: 4 4 0 0
:gutter: 4
--
GitLab