diff --git a/README.md b/README.md
index 6cdd785..37196a2 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ BSD-3-Clause License.
 
 1. Fork this repository
 2. Install the extended version of Hugo from [https://gohugo.io/installation/](https://gohugo.io/installation/)
-   and add it to your `PATH`
+   and [`dart-sass`](https://sass-lang.com/dart-sass/) and add them to your `PATH`
 3. Clone your forked repository and add the theme repository as a submodule,
    from [https://github.com/scientific-python/scientific-python-hugo-theme](https://github.com/scientific-python/scientific-python-hugo-theme). You
    may update the submodule and pull the latest changes with
diff --git a/assets/css/overrides.css b/assets/css/overrides.css
index 4e0f8c1..baf850f 100644
--- a/assets/css/overrides.css
+++ b/assets/css/overrides.css
@@ -1,168 +1,19 @@
-/* Overrides for the PyBaMM hero on the homepage */
+/* White backgrounds behind images */
 
-/* We use these styles to provide precedence over submodule theme changes to come close
-to near-parity with NumPy and SciPy websites (which use older versions of the theme) */
-
-
-/* Make PyBaMM logo smaller */
-.hero-logo {
-    max-height: 75px;
-    padding: 0px 0 0 15px;
-}
-
-/* Hero button should be left aligned */
-.hero-cta {
-    padding: 15px 0;
-    display: flex;
-    flex-wrap: wrap;
-    align-self: normal;
-}
-
-/* Add space between navbar and hero, reduce distance between title and subtitle */
-.hero-title-content {
-    margin: 6vh auto;
-    max-width: 1200px;
-}
-
-/* Move PyBaMM logo in hero to text superscript */
-.hero-title {
-    align-content: auto;
-    align-items: normal;
-    display: flex;
-    flex-direction: row;
-    font-family: var(--fontFamily), sans-serif;
-    font-weight: 900;
-    font-size: 6em;
-    color: var(--colorPrimaryDark);
-}
-
-/* Removes padding between hero title and subtitle */
-.hero-title {
-    padding: 0 0 0 0;
-}
-
-/* General improvements */
-
-/* Do not induce padding on code blocks */
-.highlight {
-    padding: 10px 0px;
-}
-
-/* Media settings for narrower screens */
-
-@media only screen and (max-width: 1090px) {
-    .hero-content {
-        flex-direction: column;
-        padding: 0;
-        align-items: center;
-    }
-
-    .hero-title-content {
-        flex-direction: column;
-        align-items: center;
-        align-self: center;
-        justify-content: center;
-    }
-
-    button.cta-button {
-        align-items: center;
-        align-self: center;
-    }
-
-    .hero-cta {
-        align-self: center;
-    }
-
-    .flex-column {
-        /* align all items center */
-        align-items: center;
-    }
-
-    .footer-column {
-        padding-inline-end: 20px;
-    }
-}
-
-@media only screen and (max-width: 600px) {
-    .flex-column {
-        margin: 0 30px;
-    }
-
-    .hero-title {
-        font-size: 4em;
-    }
-
-    .hero-subtitle {
-        text-align: center;
-        padding-top: 20px;
-    }
-
-    .hero-cta {
-        align-self: center;
-    }
-
-    .hero-title {
-        flex-direction: column;
-    }
-
-}
-
-@media only screen and (max-width: 400px) {
-    .hero-title {
-        flex-direction: column;
-    }
-
-    .hero-logo {
-        align-self: center;
-    }
-}
-
-/* Accessibility improvements */
-
-.footer-link, .footer-link:hover {
-    line-height: 2rem;
-}
-
-.copyright {
-    font-size: 16px;
-}
-
-.footer-link:hover {
-    color: var(--colorHighlight);
-}
-
-/* Individual highlights */
-
-.cta-button:hover {
-    color: var(--colorHighlight);
-}
-
-.news-title a:hover, .news-date a:hover {
-    color: var(--colorHighlight);
-}
-
-/* Animations */
-
-a, a:hover, a:active {
-    transition: color 0.25s ease-in-out;
-}
-
-/* Adjustments for headings */
-
-.content-container h2, .content-container h3, .content-container h4, .content-container h5, .content-container h6 {
-    margin-top: 0.75rem;
-}
-
-.title:not(.is-spaced) + .subtitle {
-    margin-top: -0.2rem;
+figure {
+    background-color: white;
+    padding: 15px;
+    border-radius: 15px;
 }
 
-/* Navigation bar dropdown */
+/* Captions should be black above white background */
 
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-link {
-    color: var(--colorPrimaryDark);
+figure figcaption p span {
+    color: black !important;
 }
 
-.navbar.is-fresh .navbar-item.has-dropdown .navbar-link:hover {
-    color: #4DABCF
+/* Let table of contents inherit the bounds set by the
+content-container class */
+#TableOfContents {
+    position: inherit;
 }
diff --git a/config.yaml b/config.yaml
index bae3e94..079b833 100644
--- a/config.yaml
+++ b/config.yaml
@@ -17,9 +17,10 @@ markup:
       unsafe: true
 
 params:
-  title: PyBaMM Team # for copyright
+  title: PyBaMM website
   description: "PyBaMM (Python Battery Mathematical Modelling) is an open-source battery simulation package written in Python."
-
+  author:
+    name: PyBaMM Team
   # Privacy-preserving analytics
   plausible:
     dataDomain: pybamm.org
@@ -81,10 +82,7 @@ params:
       - title: About PyBaMM
         url: /about/
       - title: Ionworks
-        url: https://ion-works.com/
-        is_external: true
-      - title: PyBaMM on Twitter
-        url: https://twitter.com/pybamm_/
+        url: https://ionworks.com/
         is_external: true
       - title: Governance
         url: /governance/
@@ -94,32 +92,6 @@ params:
     - title: News
       url: /news/
 
-    - title: Contribute
-      url: /contribute/
-
-  # Grid of features
-  keyfeatures:
-    features:
-
-      - title: Enhanced Simulation Performance
-        text: PyBaMM enables efficient simulations of battery performance and aging, accelerating battery design and innovation.
-
-      - title: Modular Framework
-        text: The flexible nature of PyBaMM allows for quick model interchangeability, making it useful in different stages of battery R&D.
-
-      - title: Open Source
-        text: PyBaMM is open source, which means anyone can use, modify, and distribute the software. This makes it accessible to researchers worldwide,
-          enhancing global battery technology research.
-
-      - title: Comprehensive Model Library
-        text: PyBaMM's model library includes a wide range of physics-based models, making it a vital tool in diverse battery research.
-
-      - title: Detailed Visualization Tools
-        text: PyBaMM includes data visualization tools that enable researchers to better interpret their simulation results, facilitating the identification of trends and potential improvements.
-
-      - title: Python Ecosystem
-        text: PyBaMM can be combined with any of the advanced data science and machine learning tools in Python's extensive ecosystem.
-
   footer:
     logo: pybamm_logo_whitetext.svg
     socialmediatitle: ""
@@ -156,7 +128,7 @@ params:
         title: ""
         links:
           - text: Contact
-            link: /contact/
+            link: /community/
 
           - text: Get involved
             link: /contribute/
@@ -165,7 +137,7 @@ params:
             link: /training/
 
           - text: Ionworks
-            link: https://ion-works.com/
+            link: https://ionworks.com/
 
           - text: News
             link: /news/
diff --git a/content/404.md b/content/404.md
index dbb0144..b7866b7 100644
--- a/content/404.md
+++ b/content/404.md
@@ -10,7 +10,7 @@ It looks like you've followed a broken link or entered a URL that doesn't exist
 
 [Go back to PyBaMM Home](/)
 
-Seeing something you shouldn't? Please feel free to [contact us](/contact) and let us know what you were looking for, or open
+Seeing something you shouldn't? Please feel free to [contact us](/community) and let us know what you were looking for, or open
 an issue on our [GitHub repository](https://www.github.com/pybamm-team/pybamm.org/issues).
 
 <div style="height: 100px"></div>
diff --git a/content/GOVERNANCE.md b/content/GOVERNANCE.md
index f64aa94..22e4bbb 100644
--- a/content/GOVERNANCE.md
+++ b/content/GOVERNANCE.md
@@ -22,7 +22,7 @@ handled on a case-by-case basis.
 
 - [Ferran Brosa Planella](https://www.brosaplanella.xyz) - University of Warwick and Ionworks
 - [Saransh Chopra](https://saransh-cpp.github.io) - Cluster Innovation Centre, University of Delhi
-- Scott Marquis - Northvolt
+- [Scott Marquis](https://se.linkedin.com/in/scottmar93) - Northvolt
 - [Gregory Offer](https://www.imperial.ac.uk/people/gregory.offer) - Imperial College London
 - [Valentin Sulzer](https://sites.google.com/view/valentinsulzer) - Ionworks
 - [Martin Robinson](https://www.sabsr3.ox.ac.uk/people/dr-martin-robinson) - University of Oxford
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..ae3ddf6
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,47 @@
+---
+title: Homepage
+---
+
+{{< grid columns="1 2 2 3" >}}
+[[item]]
+type = 'card'
+title = 'Enhanced Simulation Performance'
+body = '''
+PyBaMM enables efficient simulations of battery performance and aging, accelerating battery design and innovation.
+'''
+
+[[item]]
+type = 'card'
+title = 'Modular Framework'
+body = '''
+The flexible nature of PyBaMM allows for quick model interchangeability, making it useful in different stages of battery R&D.
+'''
+
+[[item]]
+type = 'card'
+title = 'Open Source'
+body = '''
+PyBaMM is open source, which means anyone can use, modify, and distribute the software. This makes it accessible to researchers worldwide, enhancing global battery technology research.
+'''
+
+[[item]]
+type = 'card'
+title = 'Comprehensive Model Library'
+body = '''
+PyBaMM's model library includes a wide range of physics-based models, making it a vital tool in diverse battery research.
+'''
+
+[[item]]
+type = 'card'
+title = 'Detailed Visualization Tools'
+body = '''
+PyBaMM includes data visualization tools that enable researchers to better interpret their simulation results, facilitating the identification of trends and potential improvements.
+'''
+
+[[item]]
+type = 'card'
+title = 'Python Ecosystem'
+body = '''
+PyBaMM can be combined with any of the advanced data science and machine learning tools in Python's extensive ecosystem.
+'''
+{{< /grid >}}
diff --git a/content/about/index.md b/content/about/index.md
index 6b2b198..dcc441f 100644
--- a/content/about/index.md
+++ b/content/about/index.md
@@ -22,57 +22,53 @@ donations and how you can support, please see the [Donate](/donate/) page.
 
 ### Ionworks
 
-[Ionworks](https://ion-works.com/) is a company founded by members of the PyBaMM core development team to ensure [PyBaMM's long-term success](https://ion-works.com/blog/our-relationship-with-pybamm).
+[Ionworks](https://ionworks.com/) is a company founded by members of the PyBaMM core development team to ensure [PyBaMM's long-term success](https://ionworks.com/blog/our-relationship-with-pybamm).
 Ionworks provides support and custom feature development for PyBaMM, as well as software to make modeling easier and faster.
 For companies who want to leverage the power, flexibility, and openness of the Python ecosystem for their battery simulation needs, Ionworks is the go-to partner.
-[Contact Ionworks](https://ion-works.com/contact) to find out more.
-<br>
+[Contact Ionworks](https://ionworks.com/contact) to find out more.
 
-&nbsp;
-
-{{< figure src="/images/logos/ionworks-logo.png" alt="Logo for Ionworks" width="500px" >}}
-
-&nbsp;
-
-<p>
+{{< figure >}}
+src = '/images/logos/ionworks-logo.png'
+alt = 'Logo for Ionworks'
+width = 500
+attributionlink = ''
+{{< /figure >}}
 
 ### The Oxford Research Software Engineering Group
 
 [OxRSE](https://www.rse.ox.ac.uk/) is the central RSE team at the University of Oxford. They have been part of the PyBaMM core development team since its inception and provide on-going software development support,
 funded by the [Faraday Institution](https://faraday.ac.uk/). If you want to know more about OxRSE can support your research, please [get in touch](https://www.rse.ox.ac.uk/contact).
 
-&nbsp;
-
-{{< figure src="/images/logos/2024_oxrse_rectangle.svg" alt="Logo for OxRSE" width="500px" >}}
-
-&nbsp;
-
-<p>
+{{< figure >}}
+src = '/images/logos/2024_oxrse_rectangle.svg'
+alt = 'Logo for OxRSE'
+width = 500
+attributionlink = ''
+{{< /figure >}}
 
 ### The Faraday Institution
 
 The Faraday Institution supports many PyBaMM contributors, who contribute to the project as part of their official duties at universities across the UK.
-<br>
 
-&nbsp;
-
-{{< figure src="/images/logos/faraday-logo.png" alt="Logo for The Faraday Institution" width="500px" >}}
-
-&nbsp;
-
-<p>
+{{< figure >}}
+src = '/images/logos/faraday-logo.png'
+alt = 'Logo for The Faraday Institution'
+width = 500
+attributionlink = ''
+caption = "Logo for The Faraday Institution"
+{{< /figure >}}
 
 ### NumFOCUS
 
 PyBaMM is a Sponsored Project of NumFOCUS, a 501(c)(3) nonprofit charity in the United States. The mission of NumFOCUS is to promote open practices in research, data, and scientific computing by serving as a fiscal sponsor for open source projects and organizing community-driven educational programs.
 
-<br>
-
-&nbsp;
-
-{{< figure src="/images/logos/NumFOCUS_sponsored_project_logo.svg" alt="NumFOCUS Logo" width="500px" >}}
-
-&nbsp;
+{{< figure >}}
+src = '/images/logos/NumFOCUS_sponsored_project_logo.svg'
+alt = 'NumFOCUS Logo'
+width = 500
+attributionlink = ''
+caption = "NumFOCUS Logo"
+{{< /figure >}}
 
 ### Google Summer of Code
 
@@ -82,38 +78,70 @@ Since 2021, the [Google Summer of Code](/gsoc/) programme has provided funding f
 
 We are grateful to the following organizations for supporting PyBaMM's development, either directly through employee/student time or indirectly through financial support:
 
-&nbsp;
-
 <div style="display:flex; justify-content:space-around; align-items:center; flex-wrap:wrap">
 
-{{< figure src="/images/logos/university_of_oxford.svg" alt="Logo for the University of Oxford" width="200px" >}}
-
-{{< figure src="/images/logos/university_of_michigan.svg" alt="Logo for the University of Michigan" width="300px" >}}
-
-{{< figure src="/images/logos/carnegie_mellon_university.svg" alt="Logo for Carnegie Mellon University" width="250px" >}}
-
-{{< figure src="/images/logos/imperial_college_london.png" alt="Logo for Imperial College London" width="200px" >}}
-
-{{< figure src="/images/logos/university_of_warwick.png" alt="Logo for the University of Warwick" width="200px" >}}
-
-{{< figure src="/images/logos/university_college_london.svg" alt="Logo for University College London" width="200px" >}}
-
-{{< figure src="/images/logos/lilium.png" alt="Logo for Lilium GmbH" width="200px" >}}
-
-{{< figure src="/images/logos/sila.png" alt="Logo for Sila Nanotechnologies" width="200px" >}}
+{{< figure >}}
+src = '/images/logos/university_of_oxford.svg'
+alt = 'Logo for the University of Oxford'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/university_of_michigan.svg'
+alt = 'Logo for the University of Michigan'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/carnegie_mellon_university.svg'
+alt = 'Logo for Carnegie Mellon University'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/imperial_college_london.png'
+alt = 'Logo for Imperial College London'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/university_of_warwick.png'
+alt = 'Logo for the University of Warwick'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/university_college_london.svg'
+alt = 'Logo for University College London'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/lilium.png'
+alt = 'Logo for Lilium GmbH'
+width = 500
+attributionlink = ''
+{{< /figure >}}
+
+{{< figure >}}
+src = '/images/logos/sila.png'
+alt = 'Logo for Sila Nanotechnologies'
+width = 500
+attributionlink = ''
+{{< /figure >}}
 
 </div>
 
-&nbsp;
-
 To submit a request to add a new organization to this list, please [open an issue](https://github.com/pybamm-team/pybamm.org/issues/new).
 
 ## PyBaMM on Twitter
 
-<p>
-
-&nbsp;
-
 {{< pybamm-twitter >}}
 
 ## Current PyBaMM Steering Council
diff --git a/content/changelog.md b/content/changelog.md
index 8e64515..7ba3608 100644
--- a/content/changelog.md
+++ b/content/changelog.md
@@ -1,5 +1,5 @@
 ---
-title: PyBaMM CHANGELOG
+title: PyBaMM Changelog and Release Notes
 summary: This page contains the PyBaMM CHANGELOG, which is automatically updated when the file in the repository is changed.
 ---
 
diff --git a/content/community.md b/content/community.md
index b2331f8..29c4b3a 100644
--- a/content/community.md
+++ b/content/community.md
@@ -1,11 +1,36 @@
 ---
 title: PyBaMM Community
-shortcutDepth: 2
+shortcutDepth: 1
 ---
 
 ## Contact PyBaMM
 
-{{< include-md "contact.md" >}}
+There are a few ways to get in touch, whether it is through reporting bugs,
+requesting features, asking for help, or just saying hello!
+
+### GitHub
+
+To submit bug reports or feature requests, please go to our
+[GitHub issue tracker](https://www.github.com/pybamm-team/PyBaMM/issues).
+We will always appreciate these contributions and feedback! For more general
+discussions, please use the [GitHub discussions](https://github.com/pybamm-team/PyBaMM/discussions).
+
+### Slack
+
+For development discussions and to get help using PyBaMM, head over to our
+[Slack workspace](https://pybamm.org/slack/).
+If the link doesn't work, you can email us at [pybamm@gmail.com](mailto:pybamm@gmail.com) for an invitation.
+
+### General inquiries
+
+For general inquiries, you can contact us by emailing [pybamm@gmail.com](mailto:pybamm@gmail.com).
+
+### Get help
+
+[Ionworks](https://ionworks.com/) is a company founded by members of the PyBaMM core development team to ensure [PyBaMM's long-term success](https://ionworks.com/blog/our-relationship-with-pybamm).
+Ionworks provides support and custom feature development for PyBaMM, as well as software to make modeling easier and faster.
+For companies who want to leverage the power, flexibility, and openness of the Python ecosystem for their battery simulation needs, Ionworks is the go-to partner.
+[Contact Ionworks](https://ionworks.com/contact) to find out more.
 
 ## Governance
 
diff --git a/content/contact.md b/content/contact.md
deleted file mode 100644
index 929ed0f..0000000
--- a/content/contact.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-title: Contact PyBaMM
----
-
-There are a few ways to get in touch, whether it is through reporting bugs,
-requesting features, asking for help, or just saying hello!
-
-### GitHub
-
-To submit bug reports or feature requests, please go to our
-[GitHub issue tracker](https://www.github.com/pybamm-team/PyBaMM/issues).
-We will always appreciate these contributions and feedback! For more general
-discussions, please use the [GitHub discussions](https://github.com/pybamm-team/PyBaMM/discussions).
-
-### Slack
-
-For development discussions and to get help using PyBaMM, head over to our
-[Slack workspace](https://pybamm.org/slack/).
-If the link doesn't work, you can email us at [pybamm@gmail.com](mailto:pybamm@gmail.com) for an invitation.
-
-### General inquiries
-
-For general inquiries, you can contact us by emailing [pybamm@gmail.com](mailto:pybamm@gmail.com).
-
-### Get help
-
-[Ionworks](https://ion-works.com/) is a company founded by members of the PyBaMM core development team to ensure [PyBaMM's long-term success](https://ion-works.com/blog/our-relationship-with-pybamm).
-Ionworks provides support and custom feature development for PyBaMM, as well as software to make modeling easier and faster.
-For companies who want to leverage the power, flexibility, and openness of the Python ecosystem for their battery simulation needs, Ionworks is the go-to partner.
-[Contact Ionworks](https://ion-works.com/contact) to find out more.
diff --git a/content/contribute.md b/content/contribute.md
index 08db003..05ae165 100644
--- a/content/contribute.md
+++ b/content/contribute.md
@@ -1,5 +1,6 @@
 ---
 title: Contribute to PyBaMM
+toc: true
 ---
 
 If you'd like to contribute to PyBaMM whether via reporting issues and bugs, updating the documentation, or adding new features (thanks!), please have a look at the [Contributing Guidelines](https://docs.pybamm.org/en/latest/source/user_guide/contributing.html).
@@ -79,11 +80,9 @@ If you work for a company that uses PyBaMM and would like to sponsor the project
 
 Recurring donations without a specific deliverable. Donations are acknowledged on public project pages, and opportunities for interaction with the core development team. See our GitHub sponsor page for details.
 
-&nbsp;
-
-{{< notice tip >}}
+{{< admonition hint >}}
 Check out our [Donate](/donate/) page for more details about sponsorship and payment options.
-{{< /notice >}}
+{{< /admonition >}}
 
 #### Community work orders
 
diff --git a/content/learn.md b/content/learn.md
index 47b5afb..a463481 100644
--- a/content/learn.md
+++ b/content/learn.md
@@ -1,10 +1,11 @@
 ---
 title: Get started with PyBaMM
+toc: true
 ---
 
-{{< notice tip >}}
+{{< admonition hint >}}
 For the official PyBaMM documentation, please visit https://docs.pybamm.org/en/stable/
-{{< /notice >}}
+{{< /admonition >}}
 
 ## Installation instructions
 
@@ -36,12 +37,8 @@ For more resources, please refer to the [Examples section](https://docs.pybamm.o
 
 ## Video tutorials
 
-We regularly hold PyBaMM workshops. You can find a list of the workshops we have held with links to the corresponding recordings below.
-
-<!-- Shortcode for rendering the Training markdown page, change it to edit this section -->
-
-{{< include-md "./training.md" >}}
+We regularly hold PyBaMM workshops. You can find a list of the workshops we have held with links to the corresponding recordings on the [Training](/training/) page.
 
 ## Get help
 
-You can get help by posting questions on the [PyBaMM Slack channels](https://pybamm.org/slack/) or preferably in [GitHub discussions](https://github.com/pybamm-team/PyBaMM/discussions). You can also get paid support from [Ionworks](https://ion-works.com/contact).
+You can get help by posting questions on the [PyBaMM Slack channels](https://pybamm.org/slack/) or preferably in [GitHub discussions](https://github.com/pybamm-team/PyBaMM/discussions). You can also get paid support from [Ionworks](https://ionworks.com/contact).
diff --git a/content/news/2020/11/24/faraday-institution-conference.md b/content/news/2020/11/24/faraday-institution-conference.md
index 95da31e..f772586 100644
--- a/content/news/2020/11/24/faraday-institution-conference.md
+++ b/content/news/2020/11/24/faraday-institution-conference.md
@@ -11,6 +11,6 @@ Robert Timms (University of Oxford) presented PyBaMM today in the Faraday Instit
 
 The talk introduced the main features of PyBaMM's framework and then presented different real case studies. These case studies showcased how PyBaMM can be used to simulate mechanical, thermal and degradation effects.
 
-The recording of the talk is available on [YouTube](https://www.youtube.com/watch?v=1YlFr930Cv8&ab_channel=PyBaMM). Try out PyBaMM for yourself by going to [Examples](https://github.com/pybamm-team/PyBaMM/tree/develop/examples/) (to see the examples) or [Google Colab](https://colab.research.google.com/github/pybamm-team/PyBaMM/blob/develop) (to run them online, with no local installation). If you have any questions, please feel free to [contact us](/contact).
+The recording of the talk is available on [YouTube](https://www.youtube.com/watch?v=1YlFr930Cv8&ab_channel=PyBaMM). Try out PyBaMM for yourself by going to [Examples](https://github.com/pybamm-team/PyBaMM/tree/develop/examples/) (to see the examples) or [Google Colab](https://colab.research.google.com/github/pybamm-team/PyBaMM/blob/develop) (to run them online, with no local installation). If you have any questions, please feel free to [contact us](/community).
 
 {{< youtube id="1YlFr930Cv8" class="workshop" levelOffset=4 >}}{{< /youtube >}}
diff --git a/content/news/2021/06/09/pybamm-jors-paper.md b/content/news/2021/06/09/pybamm-jors-paper.md
index ff281a1..dcd2343 100644
--- a/content/news/2021/06/09/pybamm-jors-paper.md
+++ b/content/news/2021/06/09/pybamm-jors-paper.md
@@ -8,16 +8,12 @@ _June 09, 2021_
 
 Our introductory paper is now out in the Journal of Open Research Software! This paper explains the motivation and design philosophy behind PyBaMM. Find it here: https://doi.org/10.5334/jors.309
 
-&nbsp;
-
 The paper can be cited in APA format as follows:
 
 ```
 Sulzer, V., Marquis, S. G., Timms, R., Robinson, M., & Chapman, S. J. (2021). Python Battery Mathematical Modelling (PyBaMM) (Version 23.4.1) [Computer software]. https://doi.org/10.5334/jors.309
 ```
 
-&nbsp;
-
 or with BibTeX, as:
 
 ```
diff --git a/content/news/2024/01/31/pybamm-24.1.md b/content/news/2024/01/31/pybamm-24.1.md
index d556466..6b76d8c 100644
--- a/content/news/2024/01/31/pybamm-24.1.md
+++ b/content/news/2024/01/31/pybamm-24.1.md
@@ -14,19 +14,16 @@ The full list of changes can be found in the [CHANGELOG](https://pybamm.org/chan
 
 PyBaMM now includes support for Python 3.12, which was released in October 2023. There is some functionality still not yet fully supported in Python 3.12 plus some functionality deprecated for Python 3.8 (see warnings below), but versions 3.9 to 3.11 support all functionality.
 
-&nbsp;
-
-{{< notice warning >}}
-
+{{< admonition caution >}}
 We have deprecated support for the `JaxSolver`, i.e., the `[jax]` optional dependency on Python 3.8 and it is supported on Python 3.9 and above for macOS, Linux, and Windows.
 
-{{< /notice >}}
+{{< /admonition >}}
 
-{{< notice note >}}
+{{< admonition note >}}
 
 The `scikits.odes` solver is not supported on Python `3.12` yet. It is supported on Python versions `3.8` to `3.11`, for macOS and Linux.
 
-{{< /notice >}}
+{{< /admonition >}}
 
 ## Custom termination conditions
 
diff --git a/content/teams.md b/content/teams.md
index 8fdcea7..0cfd40d 100644
--- a/content/teams.md
+++ b/content/teams.md
@@ -3,7 +3,7 @@ title: PyBaMM Teams
 shortcutDepth: 2
 ---
 
-{{< notice note >}}
+{{< admonition note >}}
 
 PyBaMM follows the [all-contributors](https://allcontributors.org/) specification to list contributions
 beyond just code (ideas, bug reports, adding documentation, maintenance, examples, and more).
@@ -11,7 +11,7 @@ beyond just code (ideas, bug reports, adding documentation, maintenance, example
 For viewing various types of contributions (financial support, bug reports, ideas), see the [PyBaMM repository](https://github.com/pybamm-team/PyBaMM#-contributors) on GitHub.
 Contributions of any kind are welcome!
 
-{{< /notice >}}
+{{< /admonition >}}
 
 {{< include-html "static/teams/maintainers.html" >}}
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..d39083f
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,24 @@
+{{ define "main" }}
+<section class="content-padding">
+  <div class="content-container">
+    {{ partial "breadcrumbs.html" . }}
+    <h1>{{ .Title }}</h1>
+    {{ if .Params.Subtitle }}
+    <h5 class="subtitle">{{ .Params.Subtitle }}</h5>
+    {{ end }}
+    <div>
+    <div>
+        <!-- override partial to add optional table of contents -->
+        {{ if .Params.ToC }}
+        <div>
+        {{ .TableOfContents }}
+        <p>
+        </div>
+        {{ end }}
+    </div>
+      {{ .Content }}
+    </div>
+  </div>
+  {{ partial "shortcuts.html" . }}
+</section>
+{{ end }}
diff --git a/layouts/partials/single/content.html b/layouts/partials/single/content.html
deleted file mode 100644
index d7c1175..0000000
--- a/layouts/partials/single/content.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<section class="content-padding flex-row">
-    <div class="shortcuts-container">
-        <div class="shortcuts-title"><img src="/images/icons/list-bulleted.svg"/>On this page</div>
-        <div id="shortcuts"></div>
-    </div>
-    <div class="content-container">
-        <div class="columns">
-            <div class="column is-centered-tablet-portrait">
-                <h1 class="title section-title">{{ .Title }}</h1>
-                <h5 class="subtitle is-5 is-muted">{{ .Params.Subtitle }}</h5>
-                <div class="divider"></div>
-            </div>
-        </div>
-        {{ with partial "post_meta.html" . -}}
-        <div class="post-meta">{{ . }}</div>
-        {{- end }}
-        <!-- override partial to add optional table of contents -->
-        {{ if .Params.ToC }}
-        <div class="column is-centered-tablet-portrait">
-            {{ .TableOfContents }}
-        </div>
-        {{ end }}
-        <div class="post-content">
-          {{ .Content }}
-        </div>
-    </div>
-  </div>
-</section>
diff --git a/netlify.toml b/netlify.toml
index 642bbec..ba1fc23 100644
--- a/netlify.toml
+++ b/netlify.toml
@@ -1,6 +1,8 @@
 [build.environment]
-  PYTHON_VERSION = "3.8"  # netlify currently only supports 2.7 and 3.8
-  HUGO_VERSION = "0.121.2"
+  PYTHON_VERSION = "3.8"  # Netlify currently only supports 2.7 and 3.8
+  HUGO_VERSION = "0.125.6"
+  DART_SASS_VERSION = "1.75.0"
+  DART_SASS_URL = "https://github.com/sass/dart-sass/releases/download/"
 
 [[plugins]]
   package = "netlify-plugin-checklinks"
@@ -46,3 +48,14 @@
   from = "/*"
   to = "/404/"
   status = 404
+[build]
+  base = "/"
+  publish = "public"
+  command = """\
+    export DART_SASS_TARBALL="dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz" && \
+    curl -LJO ${DART_SASS_URL}/${DART_SASS_VERSION}/${DART_SASS_TARBALL} && \
+    tar -xf ${DART_SASS_TARBALL} && \
+    rm ${DART_SASS_TARBALL} && \
+    export PATH=/opt/build/repo/dart-sass:$PATH && \
+    hugo --gc --minify
+    """
diff --git a/scripts/generate_teams.py b/scripts/generate_teams.py
index a4a86aa..1304013 100644
--- a/scripts/generate_teams.py
+++ b/scripts/generate_teams.py
@@ -119,9 +119,12 @@ def get_maintainer_trainees():
 """
 <div class="team">
     <h3 id="${team_name}"class="name title">
-        ${team_name}
+    ${team_name}
     </h3>
-    <div class="members">${members}
+    <div class="sd-container-fluid sd-mb-4 false">
+        <div class="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-4 sd-row-cols-lg-5 sd-g-2 sd-g-xs-2 sd-g-sm-3 sd-g-md-4 sd-g-lg-5">
+            ${members}
+        </div>
     </div>
 </div>
 """
@@ -130,18 +133,20 @@ def get_maintainer_trainees():
 # Displays the members of a specific team
 member_template = string.Template(
 """
-        <div class="member">
-            <a href="${url}" class="name">
-                <div class="photo">
-                    <img
-                        src="${avatarUrl}"
-                        loading="lazy"
-                        alt="Avatar of ${name}"
-                    />
-                </div>
-                ${name}
-            </a>
-        </div>
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="${avatarUrl}"
+        alt="Avatar of ${name}"
+      />
+
+      ${name}
+    </div>
+    <a class="sd-stretched-link" href="${url}"></a>
+  </div>
+</div>
+
 """
 )
 
diff --git a/static/teams/contributors.html b/static/teams/contributors.html
index cced5ba..8e06836 100644
--- a/static/teams/contributors.html
+++ b/static/teams/contributors.html
@@ -1,917 +1,1050 @@
 
 <div class="team">
     <h3 id="Contributors"class="name title">
-        Contributors
+    Contributors
     </h3>
-    <div class="members">
-        <div class="member">
-            <a href="https://github.com/dalonsoa" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/6095790?v=4"
-                        loading="lazy"
-                        alt="Avatar of dalonsoa"
-                    />
-                </div>
-                dalonsoa
-            </a>
-        </div>
+    <div class="sd-container-fluid sd-mb-4 false">
+        <div class="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-4 sd-row-cols-lg-5 sd-g-2 sd-g-xs-2 sd-g-sm-3 sd-g-md-4 sd-g-lg-5">
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/6095790?v=4"
+        alt="Avatar of dalonsoa"
+      />
+
+      dalonsoa
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/dalonsoa"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/felipe-salinas" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars2.githubusercontent.com/u/64426781?v=4"
-                        loading="lazy"
-                        alt="Avatar of felipe-salinas"
-                    />
-                </div>
-                felipe-salinas
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars2.githubusercontent.com/u/64426781?v=4"
+        alt="Avatar of felipe-salinas"
+      />
 
-        <div class="member">
-            <a href="https://github.com/suhaklee" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/57151989?v=4"
-                        loading="lazy"
-                        alt="Avatar of suhaklee"
-                    />
-                </div>
-                suhaklee
-            </a>
-        </div>
+      felipe-salinas
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/felipe-salinas"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/viviantran27" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars0.githubusercontent.com/u/6379429?v=4"
-                        loading="lazy"
-                        alt="Avatar of viviantran27"
-                    />
-                </div>
-                viviantran27
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/57151989?v=4"
+        alt="Avatar of suhaklee"
+      />
 
-        <div class="member">
-            <a href="https://github.com/gyouhoc" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars0.githubusercontent.com/u/60714526?v=4"
-                        loading="lazy"
-                        alt="Avatar of gyouhoc"
-                    />
-                </div>
-                gyouhoc
-            </a>
-        </div>
+      suhaklee
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/suhaklee"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/YannickNoelStephanKuhn" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars0.githubusercontent.com/u/62429912?v=4"
-                        loading="lazy"
-                        alt="Avatar of YannickNoelStephanKuhn"
-                    />
-                </div>
-                YannickNoelStephanKuhn
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars0.githubusercontent.com/u/6379429?v=4"
+        alt="Avatar of viviantran27"
+      />
 
-        <div class="member">
-            <a href="http://batterymodel.co.uk" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars2.githubusercontent.com/u/39409226?v=4"
-                        loading="lazy"
-                        alt="Avatar of jedgedrudd"
-                    />
-                </div>
-                jedgedrudd
-            </a>
-        </div>
+      viviantran27
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/viviantran27"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://www.rse.ox.ac.uk/" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/3770306?v=4"
-                        loading="lazy"
-                        alt="Avatar of fcooper8472"
-                    />
-                </div>
-                fcooper8472
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars0.githubusercontent.com/u/60714526?v=4"
+        alt="Avatar of gyouhoc"
+      />
 
-        <div class="member">
-            <a href="https://github.com/jonchapman1" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/28925818?v=4"
-                        loading="lazy"
-                        alt="Avatar of jonchapman1"
-                    />
-                </div>
-                jonchapman1
-            </a>
-        </div>
+      gyouhoc
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/gyouhoc"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/colinplease" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/44977104?v=4"
-                        loading="lazy"
-                        alt="Avatar of colinplease"
-                    />
-                </div>
-                colinplease
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars0.githubusercontent.com/u/62429912?v=4"
+        alt="Avatar of YannickNoelStephanKuhn"
+      />
 
-        <div class="member">
-            <a href="https://github.com/cwmonroe" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/92099819?v=4"
-                        loading="lazy"
-                        alt="Avatar of cwmonroe"
-                    />
-                </div>
-                cwmonroe
-            </a>
-        </div>
+      YannickNoelStephanKuhn
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/YannickNoelStephanKuhn"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/gjo97" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/18349157?v=4"
-                        loading="lazy"
-                        alt="Avatar of gjo97"
-                    />
-                </div>
-                gjo97
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars2.githubusercontent.com/u/39409226?v=4"
+        alt="Avatar of jedgedrudd"
+      />
 
-        <div class="member">
-            <a href="https://faraday.ac.uk" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars2.githubusercontent.com/u/42166506?v=4"
-                        loading="lazy"
-                        alt="Avatar of FaradayInstitution"
-                    />
-                </div>
-                FaradayInstitution
-            </a>
-        </div>
+      jedgedrudd
+    </div>
+    <a class="sd-stretched-link" href="http://batterymodel.co.uk"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/bessman" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/1999462?v=4"
-                        loading="lazy"
-                        alt="Avatar of bessman"
-                    />
-                </div>
-                bessman
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/3770306?v=4"
+        alt="Avatar of fcooper8472"
+      />
 
-        <div class="member">
-            <a href="https://github.com/dalbamont" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/19659095?v=4"
-                        loading="lazy"
-                        alt="Avatar of dalbamont"
-                    />
-                </div>
-                dalbamont
-            </a>
-        </div>
+      fcooper8472
+    </div>
+    <a class="sd-stretched-link" href="https://www.rse.ox.ac.uk/"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/anandmy" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/34894671?v=4"
-                        loading="lazy"
-                        alt="Avatar of anandmy"
-                    />
-                </div>
-                anandmy
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/28925818?v=4"
+        alt="Avatar of jonchapman1"
+      />
 
-        <div class="member">
-            <a href="https://github.com/weilongai" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/41424174?v=4"
-                        loading="lazy"
-                        alt="Avatar of weilongai"
-                    />
-                </div>
-                weilongai
-            </a>
-        </div>
+      jonchapman1
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/jonchapman1"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/lonnbornj" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars2.githubusercontent.com/u/35983543?v=4"
-                        loading="lazy"
-                        alt="Avatar of lonnbornj"
-                    />
-                </div>
-                lonnbornj
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/44977104?v=4"
+        alt="Avatar of colinplease"
+      />
 
-        <div class="member">
-            <a href="https://github.com/DavidMStraub" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/10965193?v=4"
-                        loading="lazy"
-                        alt="Avatar of DavidMStraub"
-                    />
-                </div>
-                DavidMStraub
-            </a>
-        </div>
+      colinplease
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/colinplease"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/maurosgroi" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/37576773?v=4"
-                        loading="lazy"
-                        alt="Avatar of maurosgroi"
-                    />
-                </div>
-                maurosgroi
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/92099819?v=4"
+        alt="Avatar of cwmonroe"
+      />
 
-        <div class="member">
-            <a href="https://github.com/asinghgaba" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/77078706?v=4"
-                        loading="lazy"
-                        alt="Avatar of asinghgaba"
-                    />
-                </div>
-                asinghgaba
-            </a>
-        </div>
+      cwmonroe
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/cwmonroe"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/KennethNwanoro" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/78538806?v=4"
-                        loading="lazy"
-                        alt="Avatar of KennethNwanoro"
-                    />
-                </div>
-                KennethNwanoro
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/18349157?v=4"
+        alt="Avatar of gjo97"
+      />
 
-        <div class="member">
-            <a href="https://github.com/alibh95" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/65511923?v=4"
-                        loading="lazy"
-                        alt="Avatar of alibh95"
-                    />
-                </div>
-                alibh95
-            </a>
-        </div>
+      gjo97
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/gjo97"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/molel-gt" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/81125862?v=4"
-                        loading="lazy"
-                        alt="Avatar of molel-gt"
-                    />
-                </div>
-                molel-gt
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars2.githubusercontent.com/u/42166506?v=4"
+        alt="Avatar of FaradayInstitution"
+      />
 
-        <div class="member">
-            <a href="https://github.com/tobykirk" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/42966045?v=4"
-                        loading="lazy"
-                        alt="Avatar of tobykirk"
-                    />
-                </div>
-                tobykirk
-            </a>
-        </div>
+      FaradayInstitution
+    </div>
+    <a class="sd-stretched-link" href="https://faraday.ac.uk"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/chuckliu1979" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/13491954?v=4"
-                        loading="lazy"
-                        alt="Avatar of chuckliu1979"
-                    />
-                </div>
-                chuckliu1979
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/1999462?v=4"
+        alt="Avatar of bessman"
+      />
 
-        <div class="member">
-            <a href="https://github.com/partben" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/88316576?v=4"
-                        loading="lazy"
-                        alt="Avatar of partben"
-                    />
-                </div>
-                partben
-            </a>
-        </div>
+      bessman
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/bessman"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://gavinw.me" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/6828967?v=4"
-                        loading="lazy"
-                        alt="Avatar of wigging"
-                    />
-                </div>
-                wigging
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/19659095?v=4"
+        alt="Avatar of dalbamont"
+      />
 
-        <div class="member">
-            <a href="https://github.com/dion-w" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/91852142?v=4"
-                        loading="lazy"
-                        alt="Avatar of dion-w"
-                    />
-                </div>
-                dion-w
-            </a>
-        </div>
+      dalbamont
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/dalbamont"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://www.ehtec.co" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/48386220?v=4"
-                        loading="lazy"
-                        alt="Avatar of ehtec"
-                    />
-                </div>
-                ehtec
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/34894671?v=4"
+        alt="Avatar of anandmy"
+      />
 
-        <div class="member">
-            <a href="https://github.com/KAschad" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/93784399?v=4"
-                        loading="lazy"
-                        alt="Avatar of KAschad"
-                    />
-                </div>
-                KAschad
-            </a>
-        </div>
+      anandmy
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/anandmy"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/Vaibhav-Chopra-GT" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/92637595?v=4"
-                        loading="lazy"
-                        alt="Avatar of Vaibhav-Chopra-GT"
-                    />
-                </div>
-                Vaibhav-Chopra-GT
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/41424174?v=4"
+        alt="Avatar of weilongai"
+      />
 
-        <div class="member">
-            <a href="https://github.com/bardsleypt" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/54084289?v=4"
-                        loading="lazy"
-                        alt="Avatar of bardsleypt"
-                    />
-                </div>
-                bardsleypt
-            </a>
-        </div>
+      weilongai
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/weilongai"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/ndrewwang" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/56122552?v=4"
-                        loading="lazy"
-                        alt="Avatar of ndrewwang"
-                    />
-                </div>
-                ndrewwang
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars2.githubusercontent.com/u/35983543?v=4"
+        alt="Avatar of lonnbornj"
+      />
 
-        <div class="member">
-            <a href="https://github.com/MichaPhilipp" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/58085966?v=4"
-                        loading="lazy"
-                        alt="Avatar of MichaPhilipp"
-                    />
-                </div>
-                MichaPhilipp
-            </a>
-        </div>
+      lonnbornj
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/lonnbornj"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/abillscmu" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/48105066?v=4"
-                        loading="lazy"
-                        alt="Avatar of abillscmu"
-                    />
-                </div>
-                abillscmu
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/10965193?v=4"
+        alt="Avatar of DavidMStraub"
+      />
 
-        <div class="member">
-            <a href="https://github.com/awadell1" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/5857298?v=4"
-                        loading="lazy"
-                        alt="Avatar of awadell1"
-                    />
-                </div>
-                awadell1
-            </a>
-        </div>
+      DavidMStraub
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/DavidMStraub"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/iatzak" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/112731474?v=4"
-                        loading="lazy"
-                        alt="Avatar of iatzak"
-                    />
-                </div>
-                iatzak
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/37576773?v=4"
+        alt="Avatar of maurosgroi"
+      />
 
-        <div class="member">
-            <a href="https://github.com/ayeankit" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/72691866?v=4"
-                        loading="lazy"
-                        alt="Avatar of ayeankit"
-                    />
-                </div>
-                ayeankit
-            </a>
-        </div>
+      maurosgroi
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/maurosgroi"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://aniketsinghrawat.vercel.app/" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/31622972?v=4"
-                        loading="lazy"
-                        alt="Avatar of dikwickley"
-                    />
-                </div>
-                dikwickley
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/77078706?v=4"
+        alt="Avatar of asinghgaba"
+      />
 
-        <div class="member">
-            <a href="https://github.com/jeromtom" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/83979298?v=4"
-                        loading="lazy"
-                        alt="Avatar of jeromtom"
-                    />
-                </div>
-                jeromtom
-            </a>
-        </div>
+      asinghgaba
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/asinghgaba"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="http://bradyplanden.github.io" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/55357039?v=4"
-                        loading="lazy"
-                        alt="Avatar of BradyPlanden"
-                    />
-                </div>
-                BradyPlanden
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/78538806?v=4"
+        alt="Avatar of KennethNwanoro"
+      />
 
-        <div class="member">
-            <a href="http://www.jsbrittain.com/" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/98161205?v=4"
-                        loading="lazy"
-                        alt="Avatar of jsbrittain"
-                    />
-                </div>
-                jsbrittain
-            </a>
-        </div>
+      KennethNwanoro
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/KennethNwanoro"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/chenzhao-py" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/75906533?v=4"
-                        loading="lazy"
-                        alt="Avatar of chenzhao-py"
-                    />
-                </div>
-                chenzhao-py
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/65511923?v=4"
+        alt="Avatar of alibh95"
+      />
 
-        <div class="member">
-            <a href="https://www.aboutenergy.io/" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/91731499?v=4"
-                        loading="lazy"
-                        alt="Avatar of darryl-ad"
-                    />
-                </div>
-                darryl-ad
-            </a>
-        </div>
+      alibh95
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/alibh95"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/julian-evers" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/133691040?v=4"
-                        loading="lazy"
-                        alt="Avatar of julian-evers"
-                    />
-                </div>
-                julian-evers
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/81125862?v=4"
+        alt="Avatar of molel-gt"
+      />
 
-        <div class="member">
-            <a href="https://batterycontrolgroup.engin.umich.edu/" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/633873?v=4"
-                        loading="lazy"
-                        alt="Avatar of js1tr3"
-                    />
-                </div>
-                js1tr3
-            </a>
-        </div>
+      molel-gt
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/molel-gt"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/tommaull" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/101814207?v=4"
-                        loading="lazy"
-                        alt="Avatar of tommaull"
-                    />
-                </div>
-                tommaull
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/42966045?v=4"
+        alt="Avatar of tobykirk"
+      />
 
-        <div class="member">
-            <a href="https://github.com/ejfdickinson" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/116663050?v=4"
-                        loading="lazy"
-                        alt="Avatar of ejfdickinson"
-                    />
-                </div>
-                ejfdickinson
-            </a>
-        </div>
+      tobykirk
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/tobykirk"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/bobonice" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/22030806?v=4"
-                        loading="lazy"
-                        alt="Avatar of bobonice"
-                    />
-                </div>
-                bobonice
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/13491954?v=4"
+        alt="Avatar of chuckliu1979"
+      />
 
-        <div class="member">
-            <a href="https://aitorres.com" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/26191851?v=4"
-                        loading="lazy"
-                        alt="Avatar of aitorres"
-                    />
-                </div>
-                aitorres
-            </a>
-        </div>
+      chuckliu1979
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/chuckliu1979"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/Agnik7" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/77234005?v=4"
-                        loading="lazy"
-                        alt="Avatar of Agnik7"
-                    />
-                </div>
-                Agnik7
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/88316576?v=4"
+        alt="Avatar of partben"
+      />
 
-        <div class="member">
-            <a href="https://github.com/chmabaur" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/127507466?v=4"
-                        loading="lazy"
-                        alt="Avatar of chmabaur"
-                    />
-                </div>
-                chmabaur
-            </a>
-        </div>
+      partben
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/partben"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/AbhishekChaudharii" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/91185083?v=4"
-                        loading="lazy"
-                        alt="Avatar of AbhishekChaudharii"
-                    />
-                </div>
-                AbhishekChaudharii
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/6828967?v=4"
+        alt="Avatar of wigging"
+      />
 
-        <div class="member">
-            <a href="https://github.com/shubhambhar007" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/32607282?v=4"
-                        loading="lazy"
-                        alt="Avatar of shubhambhar007"
-                    />
-                </div>
-                shubhambhar007
-            </a>
-        </div>
+      wigging
+    </div>
+    <a class="sd-stretched-link" href="https://gavinw.me"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/jlauber18" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/28939653?v=4"
-                        loading="lazy"
-                        alt="Avatar of jlauber18"
-                    />
-                </div>
-                jlauber18
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/91852142?v=4"
+        alt="Avatar of dion-w"
+      />
 
-        <div class="member">
-            <a href="https://github.com/prady0t" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/99216956?v=4"
-                        loading="lazy"
-                        alt="Avatar of prady0t"
-                    />
-                </div>
-                prady0t
-            </a>
-        </div>
+      dion-w
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/dion-w"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/XuboGU" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/53944452?v=4"
-                        loading="lazy"
-                        alt="Avatar of XuboGU"
-                    />
-                </div>
-                XuboGU
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/48386220?v=4"
+        alt="Avatar of ehtec"
+      />
 
-        <div class="member">
-            <a href="https://github.com/cringeyburger" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/121183876?v=4"
-                        loading="lazy"
-                        alt="Avatar of cringeyburger"
-                    />
-                </div>
-                cringeyburger
-            </a>
-        </div>
+      ehtec
+    </div>
+    <a class="sd-stretched-link" href="https://www.ehtec.co"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/AlessioBugetti" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/38499721?v=4"
-                        loading="lazy"
-                        alt="Avatar of AlessioBugetti"
-                    />
-                </div>
-                AlessioBugetti
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/93784399?v=4"
+        alt="Avatar of KAschad"
+      />
 
-        <div class="member">
-            <a href="https://github.com/kawaMANMI" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/39382602?v=4"
-                        loading="lazy"
-                        alt="Avatar of kawaMANMI"
-                    />
-                </div>
-                kawaMANMI
-            </a>
-        </div>
+      KAschad
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/KAschad"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="http://akhilsharma.info" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/68015525?v=4"
-                        loading="lazy"
-                        alt="Avatar of Akhil-Sharma30"
-                    />
-                </div>
-                Akhil-Sharma30
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/92637595?v=4"
+        alt="Avatar of Vaibhav-Chopra-GT"
+      />
 
-        <div class="member">
-            <a href="https://github.com/HarshvirSandhu" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/75773763?v=4"
-                        loading="lazy"
-                        alt="Avatar of HarshvirSandhu"
-                    />
-                </div>
-                HarshvirSandhu
-            </a>
-        </div>
+      Vaibhav-Chopra-GT
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/Vaibhav-Chopra-GT"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/lorenzofavaro" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/44714920?v=4"
-                        loading="lazy"
-                        alt="Avatar of lorenzofavaro"
-                    />
-                </div>
-                lorenzofavaro
-            </a>
-        </div>
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/54084289?v=4"
+        alt="Avatar of bardsleypt"
+      />
+
+      bardsleypt
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/bardsleypt"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/56122552?v=4"
+        alt="Avatar of ndrewwang"
+      />
+
+      ndrewwang
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/ndrewwang"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/58085966?v=4"
+        alt="Avatar of MichaPhilipp"
+      />
+
+      MichaPhilipp
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/MichaPhilipp"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/48105066?v=4"
+        alt="Avatar of abillscmu"
+      />
+
+      abillscmu
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/abillscmu"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/5857298?v=4"
+        alt="Avatar of awadell1"
+      />
+
+      awadell1
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/awadell1"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/112731474?v=4"
+        alt="Avatar of iatzak"
+      />
+
+      iatzak
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/iatzak"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/AndyLiuElysia" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/143705453?v=4"
-                        loading="lazy"
-                        alt="Avatar of AndyLiuElysia"
-                    />
-                </div>
-                AndyLiuElysia
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/72691866?v=4"
+        alt="Avatar of ayeankit"
+      />
+
+      ayeankit
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/ayeankit"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/31622972?v=4"
+        alt="Avatar of dikwickley"
+      />
+
+      dikwickley
+    </div>
+    <a class="sd-stretched-link" href="https://aniketsinghrawat.vercel.app/"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/83979298?v=4"
+        alt="Avatar of jeromtom"
+      />
+
+      jeromtom
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/jeromtom"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/55357039?v=4"
+        alt="Avatar of BradyPlanden"
+      />
+
+      BradyPlanden
+    </div>
+    <a class="sd-stretched-link" href="http://bradyplanden.github.io"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/98161205?v=4"
+        alt="Avatar of jsbrittain"
+      />
+
+      jsbrittain
+    </div>
+    <a class="sd-stretched-link" href="http://www.jsbrittain.com/"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/75906533?v=4"
+        alt="Avatar of chenzhao-py"
+      />
+
+      chenzhao-py
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/chenzhao-py"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/91731499?v=4"
+        alt="Avatar of darryl-ad"
+      />
+
+      darryl-ad
+    </div>
+    <a class="sd-stretched-link" href="https://www.aboutenergy.io/"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/133691040?v=4"
+        alt="Avatar of julian-evers"
+      />
+
+      julian-evers
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/julian-evers"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/633873?v=4"
+        alt="Avatar of js1tr3"
+      />
+
+      js1tr3
+    </div>
+    <a class="sd-stretched-link" href="https://batterycontrolgroup.engin.umich.edu/"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/101814207?v=4"
+        alt="Avatar of tommaull"
+      />
+
+      tommaull
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/tommaull"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/116663050?v=4"
+        alt="Avatar of ejfdickinson"
+      />
+
+      ejfdickinson
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/ejfdickinson"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/22030806?v=4"
+        alt="Avatar of bobonice"
+      />
+
+      bobonice
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/bobonice"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/26191851?v=4"
+        alt="Avatar of aitorres"
+      />
+
+      aitorres
+    </div>
+    <a class="sd-stretched-link" href="https://aitorres.com"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/77234005?v=4"
+        alt="Avatar of Agnik7"
+      />
+
+      Agnik7
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/Agnik7"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/127507466?v=4"
+        alt="Avatar of chmabaur"
+      />
+
+      chmabaur
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/chmabaur"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/91185083?v=4"
+        alt="Avatar of AbhishekChaudharii"
+      />
+
+      AbhishekChaudharii
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/AbhishekChaudharii"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/32607282?v=4"
+        alt="Avatar of shubhambhar007"
+      />
+
+      shubhambhar007
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/shubhambhar007"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/28939653?v=4"
+        alt="Avatar of jlauber18"
+      />
+
+      jlauber18
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/jlauber18"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/99216956?v=4"
+        alt="Avatar of prady0t"
+      />
+
+      prady0t
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/prady0t"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/53944452?v=4"
+        alt="Avatar of XuboGU"
+      />
+
+      XuboGU
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/XuboGU"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/121183876?v=4"
+        alt="Avatar of cringeyburger"
+      />
+
+      cringeyburger
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/cringeyburger"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/38499721?v=4"
+        alt="Avatar of AlessioBugetti"
+      />
+
+      AlessioBugetti
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/AlessioBugetti"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/39382602?v=4"
+        alt="Avatar of kawaMANMI"
+      />
+
+      kawaMANMI
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/kawaMANMI"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/68015525?v=4"
+        alt="Avatar of Akhil-Sharma30"
+      />
+
+      Akhil-Sharma30
+    </div>
+    <a class="sd-stretched-link" href="http://akhilsharma.info"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/75773763?v=4"
+        alt="Avatar of HarshvirSandhu"
+      />
+
+      HarshvirSandhu
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/HarshvirSandhu"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/44714920?v=4"
+        alt="Avatar of lorenzofavaro"
+      />
+
+      lorenzofavaro
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/lorenzofavaro"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/143705453?v=4"
+        alt="Avatar of AndyLiuElysia"
+      />
+
+      AndyLiuElysia
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/AndyLiuElysia"></a>
+  </div>
+</div>
+
+
+        </div>
     </div>
 </div>
diff --git a/static/teams/emeritus-maintainers.html b/static/teams/emeritus-maintainers.html
index 7c035bb..e6bcb44 100644
--- a/static/teams/emeritus-maintainers.html
+++ b/static/teams/emeritus-maintainers.html
@@ -1,35 +1,42 @@
 
 <div class="team">
     <h3 id="Emeritus Maintainers"class="name title">
-        Emeritus Maintainers
+    Emeritus Maintainers
     </h3>
-    <div class="members">
-        <div class="member">
-            <a href="https://github.com/Scottmar93" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/22661308?v=4"
-                        loading="lazy"
-                        alt="Avatar of Scottmar93"
-                    />
-                </div>
-                Scottmar93
-            </a>
-        </div>
+    <div class="sd-container-fluid sd-mb-4 false">
+        <div class="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-4 sd-row-cols-lg-5 sd-g-2 sd-g-xs-2 sd-g-sm-3 sd-g-md-4 sd-g-lg-5">
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/22661308?v=4"
+        alt="Avatar of Scottmar93"
+      />
+
+      Scottmar93
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/Scottmar93"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="http://tlestang.github.io" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/13448239?v=4"
-                        loading="lazy"
-                        alt="Avatar of tlestang"
-                    />
-                </div>
-                tlestang
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/13448239?v=4"
+        alt="Avatar of tlestang"
+      />
+
+      tlestang
+    </div>
+    <a class="sd-stretched-link" href="http://tlestang.github.io"></a>
+  </div>
+</div>
+
+
+        </div>
     </div>
 </div>
diff --git a/static/teams/maintainer-trainees.html b/static/teams/maintainer-trainees.html
index 88d7c7e..d6635e2 100644
--- a/static/teams/maintainer-trainees.html
+++ b/static/teams/maintainer-trainees.html
@@ -1,49 +1,58 @@
 
 <div class="team">
     <h3 id="Maintainer Trainees"class="name title">
-        Maintainer Trainees
+    Maintainer Trainees
     </h3>
-    <div class="members">
-        <div class="member">
-            <a href="https://github.com/Afgr1087" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/56610829?v=4"
-                        loading="lazy"
-                        alt="Avatar of Afgr1087"
-                    />
-                </div>
-                Afgr1087
-            </a>
-        </div>
+    <div class="sd-container-fluid sd-mb-4 false">
+        <div class="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-4 sd-row-cols-lg-5 sd-g-2 sd-g-xs-2 sd-g-sm-3 sd-g-md-4 sd-g-lg-5">
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/56610829?v=4"
+        alt="Avatar of Afgr1087"
+      />
 
-        <div class="member">
-            <a href="https://github.com/RuiheLi" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/84007676?v=4"
-                        loading="lazy"
-                        alt="Avatar of RuiheLi"
-                    />
-                </div>
-                RuiheLi
-            </a>
-        </div>
+      Afgr1087
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/Afgr1087"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/smitasahu2" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/57876346?v=4"
-                        loading="lazy"
-                        alt="Avatar of smitasahu2"
-                    />
-                </div>
-                smitasahu2
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/84007676?v=4"
+        alt="Avatar of RuiheLi"
+      />
+
+      RuiheLi
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/RuiheLi"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/57876346?v=4"
+        alt="Avatar of smitasahu2"
+      />
+
+      smitasahu2
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/smitasahu2"></a>
+  </div>
+</div>
+
+
+        </div>
     </div>
 </div>
diff --git a/static/teams/maintainers.html b/static/teams/maintainers.html
index d4e7fd7..0f0ac4a 100644
--- a/static/teams/maintainers.html
+++ b/static/teams/maintainers.html
@@ -1,161 +1,186 @@
 
 <div class="team">
     <h3 id="Maintainers"class="name title">
-        Maintainers
+    Maintainers
     </h3>
-    <div class="members">
-        <div class="member">
-            <a href="https://sites.google.com/view/valentinsulzer" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/20817509?v=4"
-                        loading="lazy"
-                        alt="Avatar of tinosulzer"
-                    />
-                </div>
-                tinosulzer
-            </a>
-        </div>
+    <div class="sd-container-fluid sd-mb-4 false">
+        <div class="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-4 sd-row-cols-lg-5 sd-g-2 sd-g-xs-2 sd-g-sm-3 sd-g-md-4 sd-g-lg-5">
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/20817509?v=4"
+        alt="Avatar of tinosulzer"
+      />
+
+      tinosulzer
+    </div>
+    <a class="sd-stretched-link" href="https://sites.google.com/view/valentinsulzer"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="http://www.robertwtimms.com" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars1.githubusercontent.com/u/43040151?v=4"
-                        loading="lazy"
-                        alt="Avatar of rtimms"
-                    />
-                </div>
-                rtimms
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars1.githubusercontent.com/u/43040151?v=4"
+        alt="Avatar of rtimms"
+      />
 
-        <div class="member">
-            <a href="https://github.com/martinjrobins" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/1148404?v=4"
-                        loading="lazy"
-                        alt="Avatar of martinjrobins"
-                    />
-                </div>
-                martinjrobins
-            </a>
-        </div>
+      rtimms
+    </div>
+    <a class="sd-stretched-link" href="http://www.robertwtimms.com"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://www.brosaplanella.com" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/28443643?v=4"
-                        loading="lazy"
-                        alt="Avatar of brosaplanella"
-                    />
-                </div>
-                brosaplanella
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/1148404?v=4"
+        alt="Avatar of martinjrobins"
+      />
 
-        <div class="member">
-            <a href="https://github.com/TomTranter" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars3.githubusercontent.com/u/7068741?v=4"
-                        loading="lazy"
-                        alt="Avatar of TomTranter"
-                    />
-                </div>
-                TomTranter
-            </a>
-        </div>
+      martinjrobins
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/martinjrobins"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/priyanshuone6" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/64051212?v=4"
-                        loading="lazy"
-                        alt="Avatar of priyanshuone6"
-                    />
-                </div>
-                priyanshuone6
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/28443643?v=4"
+        alt="Avatar of brosaplanella"
+      />
 
-        <div class="member">
-            <a href="https://github.com/DrSOKane" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/42972513?v=4"
-                        loading="lazy"
-                        alt="Avatar of DrSOKane"
-                    />
-                </div>
-                DrSOKane
-            </a>
-        </div>
+      brosaplanella
+    </div>
+    <a class="sd-stretched-link" href="https://www.brosaplanella.com"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/Saransh-cpp" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/74055102?v=4"
-                        loading="lazy"
-                        alt="Avatar of Saransh-cpp"
-                    />
-                </div>
-                Saransh-cpp
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars3.githubusercontent.com/u/7068741?v=4"
+        alt="Avatar of TomTranter"
+      />
 
-        <div class="member">
-            <a href="https://github.com/agriyakhetarpal" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/74401230?v=4"
-                        loading="lazy"
-                        alt="Avatar of agriyakhetarpal"
-                    />
-                </div>
-                agriyakhetarpal
-            </a>
-        </div>
+      TomTranter
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/TomTranter"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/arjxn-py" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/104268427?v=4"
-                        loading="lazy"
-                        alt="Avatar of arjxn-py"
-                    />
-                </div>
-                arjxn-py
-            </a>
-        </div>
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/64051212?v=4"
+        alt="Avatar of priyanshuone6"
+      />
+
+      priyanshuone6
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/priyanshuone6"></a>
+  </div>
+</div>
 
 
-        <div class="member">
-            <a href="https://github.com/kratman" class="name">
-                <div class="photo">
-                    <img
-                        src="https://avatars.githubusercontent.com/u/10170302?v=4"
-                        loading="lazy"
-                        alt="Avatar of kratman"
-                    />
-                </div>
-                kratman
-            </a>
-        </div>
 
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/42972513?v=4"
+        alt="Avatar of DrSOKane"
+      />
+
+      DrSOKane
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/DrSOKane"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/74055102?v=4"
+        alt="Avatar of Saransh-cpp"
+      />
+
+      Saransh-cpp
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/Saransh-cpp"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/74401230?v=4"
+        alt="Avatar of agriyakhetarpal"
+      />
+
+      agriyakhetarpal
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/agriyakhetarpal"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/104268427?v=4"
+        alt="Avatar of arjxn-py"
+      />
+
+      arjxn-py
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/arjxn-py"></a>
+  </div>
+</div>
+
+
+
+<div class="sd-col sd-d-flex-row">
+  <div class="sd-card sd-w-100 sd-shadow-sm sd-card-hover text-center">
+    <div class="sd-card-body">
+      <img
+        src="https://avatars.githubusercontent.com/u/10170302?v=4"
+        alt="Avatar of kratman"
+      />
+
+      kratman
+    </div>
+    <a class="sd-stretched-link" href="https://github.com/kratman"></a>
+  </div>
+</div>
+
+
+        </div>
     </div>
 </div>
diff --git a/themes/scientific-python-hugo-theme b/themes/scientific-python-hugo-theme
index 5873a3e..fa5570b 160000
--- a/themes/scientific-python-hugo-theme
+++ b/themes/scientific-python-hugo-theme
@@ -1 +1 @@
-Subproject commit 5873a3e3dbc015e3cdc5d2a5f00f2a11315d8df0
+Subproject commit fa5570b57c22812b511c091f63d29fc125e00747