added cards on the front page

docs/source/_static/style.css

@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');
+
+body {
+    font-family: 'Open Sans', sans-serif;
+}
+
+h1 {
+    font-family: "Lato", sans-serif;
+}
+
+pre,
+code {
+    font-size: 100%;
+    line-height: 155%;
+}
+
+/* Main page overview cards */
+
+.sd-card {
+    border-radius: 0;
+    padding: 30px 10px 20px 10px;
+    margin: 10px 0px;
+}
+
+.sd-card .sd-card-header {
+    text-align: center;
+}
+
+.sd-card .sd-card-header .sd-card-text {
+    margin: 0px;
+}
+
+.sd-card .sd-card-img-top {
+    height: 52px;
+    width: 52px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.sd-card .sd-card-header {
+    border: none;
+    font-size: var(--pst-font-size-h5);
+    font-weight: bold;
+    padding: 2.5rem 0rem 0.5rem 0rem;
+}

docs/source/index.rst

@@ -23,6 +23,58 @@ For more information, feel free to ask questions on the `FESTIM Discourse Page <
    "`FESTIM: An open-source code for hydrogen transport simulations.
    International Journal of Hydrogen Energy 63 (2024): 786-802. <https://doi.org/10.1016/j.ijhydene.2024.03.184>`_",
 
+.. grid:: 1 1 3 3
+    :gutter: 2
+
+    .. grid-item-card::
+        :img-top: images/index_getting_started.svg
+        :link: installation
+        :link-type: doc
+
+        Installation
+        ^^^^^^^^^^^^^
+
+    .. grid-item-card::
+        :img-top: images/index_user_guide.svg
+        :link: userguide/index
+        :link-type: doc
+
+        User guide
+        ^^^^^^^^^^^
+
+    .. grid-item-card::
+        :img-top: images/learn-svgrepo-com.svg
+        :link: https://github.com/festim-dev/FESTIM-workshop
+
+        Tutorials
+        ^^^^^^^^^
+        Learn how to use FESTIM
+
+    .. grid-item-card::
+        :img-top: images/index_contribute.svg
+        :link: devguide/index
+        :link-type: doc
+
+        Developer guide
+        ^^^^^^^^^^^^^^^^^^
+        Learn how to contribute to FESTIM
+
+    .. grid-item-card::
+        :img-top: images/check-mark-ok-accept-svgrepo-com.svg
+        :link: https://festim-vv-report.readthedocs.io/en/latest/
+
+        V&V
+        ^^^
+        Check out the Verification and Validation online book
+
+    .. grid-item-card::
+        :img-top: images/index_api.svg
+        :link: api/festim
+        :link-type: doc
+
+        API reference
+        ^^^^^^^^^^^^^^
+
 Map of FESTIM users
 -------------------