DOC: rework main doc page layout

Author: SMoraisAnsys

doc/source/_static/custom.css

@@ -28,18 +28,14 @@
   color: #150458 !important;
   font-size: var(--pst-font-size-h5);
   font-weight: bold;
-  padding: .5rem 0rem 0.5rem 0rem;
-  text-align: center;
+  padding: .1rem 0rem 0.5rem 0rem;
 }
 
 .sd-card .sd-card-footer .sd-card-text {
   max-width: 220px;
   margin-left: auto;
   margin-right: auto;
 }
-.sd-card  .sd-card-text {
-  text-align: center;
-}
 
 nav.bd-links ul li.toctree-l1 > a {
   font-size: .90rem;

doc/source/index.rst

@@ -6,96 +6,42 @@ API to make scripting simpler.
 
 .. grid:: 2
 
-   .. grid-item-card::
-            :img-top: _static/assets/index_getting_started.png
+    .. grid-item-card:: Getting started :fa:`person-running`
+        :padding: 2 2 2 2
+        :link: getting_started/index
+        :link-type: doc
 
-            Getting started
-            ^^^^^^^^^^^^^^^
+        Learn more about PyEDB and how to install and use it. Also view
+        important version, interface, and troubleshooting information.
 
-            Learn more about PyEDB and how to install and use it. Also view
-            important version, interface, and troubleshooting information.
+    .. grid-item-card:: User guide :fa:`book-open-reader`
+        :padding: 2 2 2 2
+        :link: user_guide/index
+        :link-type: doc
 
-            +++
+        Understand how to use PyEDB by looking at some simple tutorials.
 
-            .. button-link:: getting_started/index.html
-               :color: secondary
-               :expand:
-               :outline:
-               :click-parent:
+    .. grid-item-card:: API reference :fa:`book-bookmark`
+        :padding: 2 2 2 2
+        :link: api/index
+        :link-type: doc
 
-                  Getting started
+        Understand PyEDB API endpoints, their capabilities,
+        and how to interact with them programmatically.
 
-   .. grid-item-card::
-            :img-top: _static/assets/index_user_guide.png
+    .. grid-item-card:: Examples :fa:`scroll`
+        :padding: 2 2 2 2
+        :link: examples
+        :link-type: doc
 
-            User guide
-            ^^^^^^^^^^
+        Explore examples that show how to use PyEDB to
+        perform many different types of simulations.
 
-            Understand how to use PyEDB by looking at some simple tutorials.
 
-            +++
-            .. button-link:: user_guide/index.html
-               :color: secondary
-               :expand:
-               :outline:
-               :click-parent:
-
-                  User guide
-
-
-
-   .. grid-item-card::
-            :img-top: _static/assets/index_api.png
-
-            API reference
-            ^^^^^^^^^^^^^
-
-            Understand PyEDB API endpoints, their capabilities,
-            and how to interact with them programmatically.
-
-            +++
-            .. button-link:: api/index.html
-               :color: secondary
-               :expand:
-               :outline:
-               :click-parent:
-
-                  EDB API reference
-
-   .. grid-item-card::
-            :img-top: _static/assets/index_examples.png
-
-            Examples
-            ^^^^^^^^
-
-            Explore examples that show how to use PyEDB to
-            perform different types of simulations.
-
-            +++
-            .. button-link:: examples/index.html
-               :color: secondary
-               :expand:
-               :outline:
-               :click-parent:
-
-                  Examples
-
-   .. grid-item-card::
-            :img-top: _static/assets/index_contribute.png
-
-            Contribute
-            ^^^^^^^^^^
-            Learn how to contribute to the PyEDB codebase
-            or documentation.
-
-            +++
-            .. button-link:: getting_started/Contributing.html
-               :color: secondary
-               :expand:
-               :outline:
-               :click-parent:
-
-                  Contribute
+    .. grid-item-card:: Contribute :fa:`people-group`
+        :padding: 2 2 2 2
+        :link: getting_started/contributing
+        :link-type: doc
 
 .. toctree::
    :hidden: