footer integrated

_static/css/common/variables.css

@@ -3,7 +3,7 @@ html[data-theme="light"] {
   --gst-color-secondary: #1B8BF4;
   --gst-color-bg: var(--bs-white);
   --gst-color-bg-gray: var(--bs-gray-100);
-  --gst-color-light-border: var(--pst-color-border);
+  --gst-color-light-border: var(--gst-color-border);
 }
 
 html[data-theme="dark"] {

_static/css/home/carousel.css

@@ -3,8 +3,7 @@
 }
 
 .carousel-item img {
-  /* border: 1px solid var(--pst-color-border); */
-
+  border: 1px solid var(--gst-color-border);
 }
 
 .carousel-indicators [data-bs-target] {
@@ -64,4 +63,30 @@
   .carousel-item {
     height: 260px;
   }
+
+  .carousel-caption {
+    opacity: 0.9;
+    bottom: 70px;
+    padding: 10px 20px !important;
+    top: auto;
+    width: 80%;
+    left: 0;
+    right: 0;
+    margin: 0 auto;
+    border-radius: 12px;
+    background-color: var(--gst-color-primary);
+    box-shadow: none;
+  }
+
+  .carousel-caption::after {
+    content: none;
+  }
+
+  .carousel-caption::before {
+    content: none;
+  }
+
+  .carousel-caption h5 {
+    font-size: 18px;
+  }
 }

_static/css/home/explore.css

@@ -6,7 +6,7 @@
 .explore-tile {
   border-radius: 12px;
   background-color: var(--gst-color-bg-gray);
-  border: 1px solid var(--pst-color-border);
+  border: 1px solid var(--gst-color-border);
   transition: all 0.2s ease-in-out;
 }
 

_templates/components/carousel.html

@@ -8,9 +8,9 @@
   </div>
   <div class="carousel-inner">
     {% for slide in carousel_slides %}
-    <div class="carousel-item {{ 'active' if loop.index==1 }}">
-      <img src="{{ slide.img }}" class="d-block w-100 pad-h-20" alt="...">
-      <div class="carousel-caption d-none d-md-block pad-20">
+    <div class="carousel-item pad-h-20 {{ 'active' if loop.index==1 }}">
+      <img src="{{ slide.img }}" class="d-block w-100" alt="...">
+      <div class="pad-20 carousel-caption d-md-block">
         <a href="{{ slide.link }}" target="_blank" rel="noopener noreferrer">
           <h5>{{ slide.caption }}</h5>
           <!-- {% if slide.description and slide.descritpion != "" %}

conf.py

@@ -292,7 +292,93 @@
   "logo": {
     "image_dark": "_static/images/logos/dipy-logo.png",
     "alt_text": "DIPY",
-  }
+  },
+  "footer_start": ["components/footer-sign-up.html"],
+  "footer_signup_data": {
+    "heading": "Never miss an update from us",
+    "sub_heading": "Don't worry! we are not going to spam you."
+  },
+  "footer_end": ["components/footer-sections.html"],
+  "footer_links": [
+    {
+      "title": "About",
+      "links": [
+        {
+          "name": "Developers",
+          "link": "https://dipy.org/contributors/"
+        },
+        {
+          "name": "Support",
+          "link": "https://dipy.org/contributors/"
+        },
+        {
+          "name": "Download",
+          "link": "https://dipy.org/contributors/"
+        },
+        {
+          "name": "Get Started",
+          "link": "https://dipy.org/contributors/"
+        },
+        {
+          "name": "Tutorials",
+          "link": "https://dipy.org/contributors/"
+        },
+        {
+          "name": "Videos",
+          "link": "https://dipy.org/contributors/"
+        },
+      ]
+    }, {
+      "title": "Friends",
+      "links": [
+        {
+          "name": "Nipy Projects",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "FURY",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "Nibabel",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "Tortoise",
+          "link": "",
+          "external": True
+        },
+      ]
+    }, {
+      "title": "Support",
+      "links": [
+        {
+          "name": "The department of Intelligent Systems Engineering of Indiana University",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "The National Institute of Biomedical Imaging and Bioengineering, NIH",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "The Gordon and Betty Moore Foundation and the Alfred P. Sloan Foundation, through the University of Washington eScience Institute Data Science Environment",
+          "link": "",
+          "external": True
+        },
+        {
+          "name": "Google supported DIPY through the Google Summer of Code Program during Summer 2015, 2016, 2018",
+          "link": "",
+          "external": True
+        },
+      ]
+    }
+  ],
+  "footer_copyright": "Copyright 2008-2023, DIPY developers. Created using Grg Sphinx Theme and PyData Sphinx Theme."
 }
 
 with open('context/context.toml', 'rb') as f: