btrust-builders · josephkabba · Feb 11, 2026 · Feb 11, 2026 · Feb 11, 2026 · Feb 11, 2026
diff --git a/README.md b/README.md
@@ -8,6 +8,7 @@
 <kbd><img title="Brazil"   alt="Brazil"   src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/br.svg" width="22"></kbd>
 <kbd><img title="Tanzania" alt="Tanzania flag" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/tz.svg" width="22"></kbd>
 <kbd><img title="South Africa"   alt="South Africa"   src="https://cdn.pixabay.com/photo/2012/04/10/23/14/south-africa-26912_1280.png" width="22"></kbd>
+<kbd><img title="Mozambican" alt="Mozambican" src="https://cdn.statically.io/gh/hjnilsson/country-flags/master/svg/mz.svg" width="22"></kbd>
 
 
 This is a project for you to practice contributing to open source projects with code.

diff --git a/contributors/Degrandiloquent.html b/contributors/Degrandiloquent.html
@@ -0,0 +1,21 @@
+<article class="file">
+    <h3>Dyphe Xihluke Chauke 🇿🇦</h3>
+    <p>
+        Software Developer with a passion for building efficient and reliable systems. 
+        I have a background in C++, Python, Java, and SQL, and I enjoy working on projects 
+        that challenge me to learn and grow. I am particularly interested in Data Structures 
+        & Algorithms and Computer Networking.
+    </p>
+    <section class="container">
+        <h4>Programming languages I use:</h4>
+        <div class="badge" style="background-color: #00599C; color: white">C++</div>
+        <div class="badge" style="background-color: #3572A5; color: white">Python</div>
+        <div class="badge" style="background-color: #b07219; color: white">Java</div>
+        <div class="badge" style="background-color: #e38c00; color: white">SQL</div>
+        <div class="badge" style="background-color: #2e7d32; color: white">Data Structures & Algorithms</div>
+        <div class="badge" style="background-color: #1565C0; color: white">Computer Networking</div>
+    </section>
+    <section class="container">
+        <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg"/>
+    </section>
+</article>
diff --git a/contributors/MathekoTauu.html b/contributors/MathekoTauu.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <article>
+  <h3>Matheko Masemola</h3>
+  <p>A software developer passionate about open source and systems programming.</p>
+  <h4>Programming languages I use</h4>
+   <h5>Python</h5>
+   <h5>C++</h5>
+
+
+  <section class="container">
+    <div class="badge" style="background-color: #000000; color: white">Rust</div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">JavaScript</div>
+  </section>
+
+  <h4>Tools I use</h4>
+  <section class="container">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg"/>
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg"/>
+  </section>
+</article>
+<style>
+  body {
+    font-family: sans-serif;
+  }
+  .container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+  .badge {
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+  }
+  .icon {
+    width: 2rem;
+  }
+</style>
+
+
+</body>
+</html>
diff --git a/contributors/cust.html b/contributors/cust.html
@@ -0,0 +1,37 @@
+<article>
+  <h3>Custóio Titosse</h3>
+  <p>Fullstack developer, Devops and learning Bitcoin and exploring open source</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #003bc6; color: rgb(255, 188, 5);">Python</div>
+    <div class="badge" style="background-color: #000000; color: white">Java</div>
+    <div class="badge" style="background-color: #003bc6; color: black;">TypeScript</div>
+    <div class="badge" style="background-color: #c68100; color: black;">Rust</div>
+  </section>
+
+  <h4>Tools I use</h4>
+  <section class="container">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/docker/docker-original.svg" />
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/kubernetes/kubernetes-plain.svg" />
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-original.svg" />
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/intellij/intellij-original.svg" />
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/githubactions/githubactions-original.svg" />
+  </section>
+</article>
+<style>
+  body {
+    font-family: sans-serif;
+  }
+  .container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+  .badge {
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+  }
+  .icon {
+    width: 2rem;
+  }
+</style>
diff --git a/contributors/omphile.html b/contributors/omphile.html
@@ -0,0 +1,32 @@
+<article>
+  <h3>Omphile</h3>
+  <p>Aspiring developer,passionate about building clean,user-friendly,scalable responsive websites</p>
+  <h4>Html / JavaScript / CSS </h4>
+  <section class="container">
+    <div class="badge" style="background-color: #000000; color: white">Rust</div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">JavaScript</div>
+  </section>
+
+  <h4>Tools I use</h4>
+  <section class="container">
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg"/>
+    <img class="icon" src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/linux/linux-original.svg"/>
+  </section>
+</article>
+<style>
+  body {
+    font-family: sans-serif;
+  }
+  .container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+  }
+  .badge {
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+  }
+  .icon {
+    width: 2rem;
+  }
+</style>
diff --git a/docs/CONTRIBUTING.md b/docs/CONTRIBUTING.md
@@ -78,23 +78,20 @@ You can add your card as an HTML file in the contributors directory. Create a fi
 </style>
 
 ```
-## Add your card to contributors list
+## View your changes in a web browser
 
-Add the name of the file you created to `scripts/contributors.js` file.
+You can see your changes by opening `index.html` in a web browser. To do this, first run the generate cards script to update the contributors list:
 
-`scripts/contributors.js`
-```js
-const contributorFiles = [
-  "btrust-builders.html",
-  "your-github-username.html", // add your file name here
-];
+```bash
+bash scripts/generate-cards.sh
 ```
 
-## View your changes in a web browser
+Then open `index.html` in your browser. You should be able to see the new card you added in the previous step.
 
-You can see your changes by opening `index.html` in a web browser. You should be able to see the new card you added in the previous steps.
+You can continue making changes to your card, re-run the script, and refresh the web browser tab to see those changes.
 
-You can continue making changes to your card and refresh the web browser tab to see those changes.
+> [!NOTE]
+> You don't need to commit the generated `scripts/contributors.js` file. The CI pipeline runs this script automatically when your pull request is submitted.
 
 ## Commit your changes