From f4d7a546d49c909dafc416a829f96b590ce5fb14 Mon Sep 17 00:00:00 2001
From: rebortg <github@ghlr.de>
Date: Sun, 14 Jan 2024 21:34:52 +0100
Subject: update sphinx and dependencies

(cherry picked from commit bcef0f76c56dc715aaa05fe21943f013619827af)
---
 docs/conf.py   |  2 +-
 docs/index.rst | 87 +++++++++++++++++++++++++++++-----------------------------
 2 files changed, 45 insertions(+), 44 deletions(-)

(limited to 'docs')

diff --git a/docs/conf.py b/docs/conf.py
index ebd8ef86..d3ba6fd5 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -46,7 +46,7 @@ extensions = ['sphinx.ext.intersphinx',
               'sphinx.ext.graphviz',
               'notfound.extension',
               'myst_parser',
-              'sphinx_panels',
+              'sphinx_design',
               'vyos'
 ]
 
diff --git a/docs/index.rst b/docs/index.rst
index db0b0172..9b36f9af 100644
--- a/docs/index.rst
+++ b/docs/index.rst
@@ -4,49 +4,50 @@
 VyOS User Guide
 ###############
 
-.. panels::
-   :container: container-lg pb-3
-   :column: col-lg-4 col-md-4 col-sm-6 col-xs-12 p-2
-
-   Get / Build VyOS
-   ^^^^^^^^^^^^^^^^
-   Quickly :ref:`Build<build>` your own Image or take a look at how to :ref:`download<download>` a free or supported version.
-   ---
-
-   Install VyOS
-   ^^^^^^^^^^^^
-   Read about how to install VyOS on :ref:`Bare Metall<installation>` or in a
-   :ref:`Virtual Environment<virtual_env>` and
-   how to use an image with the usual :ref:`cloud<cloud_env>` providers
-   ---
-
-   Configuration and Operation
-   ^^^^^^^^^^^^^^^^^^^^^^^^^^^
-   Use the :ref:`Quickstart Guide<quick-start>`, to have a fast overview. Or go deeper and
-   set up :ref:`advanced routing<protocols>`,
-   :ref:`VRFs<vrf>`, or
-   :ref:`VPNs<vpn>` for example.
-   ---
-
-   Automate
-   ^^^^^^^^
-   Integrate VyOS in your automation Workflow with
-   :ref:`Ansible<vyos-ansible>`,
-   have your own :ref:`local scripts<command-scripting>`, or configure VyOS with the :ref:`HTTPS-API<vyosapi>`.
-   ---
-
-   Examples
-   ^^^^^^^^
-   Get some inspiration from the :ref:`Configuration Blueprints<examples>`
-   to build your infrastructure.
-   ---
-
-   Contribute and Community
-   ^^^^^^^^^^^^^^^^^^^^^^^^
-   | There are many ways to contribute to the project.
-   | Add missing parts or improve the :ref:`Documentation<documentation>`.
-   | Discuss in `Slack <https://slack.vyos.io/>`_ or the `Forum <https://forum.vyos.io>`_.
-   | Or you can pick up a `Task <https://vyos.dev/>`_ and fix the :ref:`code<development>`.
+.. grid:: 3
+   :gutter: 2
+   
+   .. grid-item-card:: Get / Build VyOS
+
+   
+      Quickly :ref:`Build<contributing/build-vyos:build vyos>` your own Image or take a look at how to :ref:`download<installation/install:download>` a free or supported version.
+   
+
+   .. grid-item-card:: Install VyOS
+
+      Read about how to install VyOS on :ref:`Bare Metal<installation/install:installation>` or in a
+      :ref:`Virtual Environment<installation/virtual/index:running vyos in virtual environments>` and
+      how to use an image with the usual :ref:`cloud<installation/cloud/index:running VyOS in Cloud Environments>` providers 
+   
+
+   .. grid-item-card:: Configuration and Operation
+
+      Use the :ref:`Quickstart Guide<quick-start:Quick Start>`, to have a fast overview. Or go deeper and
+      set up :ref:`advanced routing<configuration/protocols/index:protocols>`,
+      :ref:`VRFs<configuration/vrf/index:vrf>`, or
+      :ref:`VPNs<configuration/vpn/index:vpn>` for example.
+   
+
+   .. grid-item-card:: Automate
+
+      Integrate VyOS in your automation Workflow with 
+      :ref:`Ansible<vyos-ansible>`,
+      have your own :ref:`local scripts<command-scripting>`, or configure VyOS with the :ref:`HTTPS-API<vyosapi>`.
+   
+
+   .. grid-item-card::  Examples
+
+      Get some inspiration from the :ref:`Configuration Blueprints<configexamples/index:Configuration Blueprints>`
+      to build your infrastructure.
+   
+
+   .. grid-item-card:: Contribute and Community
+
+      | There are many ways to contribute to the project.
+      | Add missing parts or improve the :ref:`Documentation<documentation:Write Documentation>`.
+      | Discuss in `Slack <https://slack.vyos.io/>`_ or the `Forum <https://forum.vyos.io>`_.
+      | Or you can pick up a `Task <https://vyos.dev/>`_ and fix the :ref:`code<contributing/development:development>`.
+
 
 .. toctree::
    :hidden:
-- 
cgit v1.2.3