diff --git a/.github/scripts/update-contributors-backup.js b/.github/scripts/update-contributors-backup.js
new file mode 100644
index 000000000..f9067cdd7
--- /dev/null
+++ b/.github/scripts/update-contributors-backup.js
@@ -0,0 +1,58 @@
+const axios = require('axios');
+const fs = require('fs');
+
+// Indentation function
+function indentString(string, indentation) {
+  return string.split('\n').map(line => indentation + line).join('\n');
+}
+
+let contributors = '<table>\n';
+let index = 0;
+let page = 1;
+
+function fetchPage() {
+  axios.get(`https://api.github.com/repos/FonduemangVI/Guides/contributors?per_page=100&page=${page}`)
+    .then((response) => {
+      if (response.data.length === 0) {
+        // No more contributors, write the file
+        contributors += '</table>\n';
+        contributors = indentString(contributors, '');
+
+        fs.writeFileSync('CONTRIBUTORS.md', `## Contributors\n\n<!-- readme: contributors -start -->\n${contributors}\n<!-- readme: contributors -end -->\n`);
+        return;
+      }
+
+      response.data.forEach((user) => {
+        // Exclude bots and actions-user
+        if (user.type === 'Bot' || user.login.toLowerCase().includes('bot') || user.login === 'actions-user') return;
+
+        if (index % 5 === 0) {
+          contributors += '<tr>';
+        }
+
+        const userHtml = `
+<td align="center">
+        <img src="${user.avatar_url}&v=4" style="width: 50px; border-radius: 50%;" alt="${user.login}"/>
+        <br />
+        <b><a href="${user.html_url}">${user.login}</a></b>
+</td>`;
+
+        contributors += indentString(userHtml, '    ');
+
+        if ((index + 1) % 5 === 0 || index === response.data.length - 1) {
+          contributors += '\n</tr>\n';
+        }
+
+        index++;
+      });
+
+      // Fetch the next page
+      page++;
+      fetchPage();
+    })
+    .catch((error) => {
+      console.error(`Could not fetch contributors: ${error}`);
+    });
+}
+
+fetchPage();
\ No newline at end of file
diff --git a/.github/scripts/update-contributors.js b/.github/scripts/update-contributors.js
index f9067cdd7..9e7ad8804 100644
--- a/.github/scripts/update-contributors.js
+++ b/.github/scripts/update-contributors.js
@@ -1,13 +1,7 @@
 const axios = require('axios');
 const fs = require('fs');
 
-// Indentation function
-function indentString(string, indentation) {
-  return string.split('\n').map(line => indentation + line).join('\n');
-}
-
-let contributors = '<table>\n';
-let index = 0;
+let contributors = [];
 let page = 1;
 
 function fetchPage() {
@@ -15,10 +9,7 @@ function fetchPage() {
     .then((response) => {
       if (response.data.length === 0) {
         // No more contributors, write the file
-        contributors += '</table>\n';
-        contributors = indentString(contributors, '');
-
-        fs.writeFileSync('CONTRIBUTORS.md', `## Contributors\n\n<!-- readme: contributors -start -->\n${contributors}\n<!-- readme: contributors -end -->\n`);
+        fs.writeFileSync('CONTRIBUTORS.json', JSON.stringify(contributors, null, 2));
         return;
       }
 
@@ -26,24 +17,13 @@ function fetchPage() {
         // Exclude bots and actions-user
         if (user.type === 'Bot' || user.login.toLowerCase().includes('bot') || user.login === 'actions-user') return;
 
-        if (index % 5 === 0) {
-          contributors += '<tr>';
-        }
-
-        const userHtml = `
-<td align="center">
-        <img src="${user.avatar_url}&v=4" style="width: 50px; border-radius: 50%;" alt="${user.login}"/>
-        <br />
-        <b><a href="${user.html_url}">${user.login}</a></b>
-</td>`;
-
-        contributors += indentString(userHtml, '    ');
-
-        if ((index + 1) % 5 === 0 || index === response.data.length - 1) {
-          contributors += '\n</tr>\n';
-        }
+        const userJson = {
+          "title": user.login,
+          "image": user.avatar_url,
+          "url": user.html_url,
+        };
 
-        index++;
+        contributors.push(userJson);
       });
 
       // Fetch the next page
@@ -55,4 +35,4 @@ function fetchPage() {
     });
 }
 
-fetchPage();
\ No newline at end of file
+fetchPage();
diff --git a/mkdocs.yml b/mkdocs.yml
index 7f793b10d..b679d2bbf 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -30,6 +30,7 @@ extra:
 extra_css:
   - stylesheets/extra.css
   - stylesheets/github-permalink-style.css
+  - css/neoteroi-mkdocs.css
 
 markdown_extensions:
   - attr_list
@@ -54,6 +55,7 @@ markdown_extensions:
   - toc:
       permalink: ""
 #      toc_depth: 5
+  - neoteroi.cards
 
 plugins:
   - include-markdown: