add-ladalar

Author: ladalar

contributors/ladalar.html

@@ -0,0 +1,53 @@
+<article>
+  <h3>ladalar</h3>
+  <p>Computer Scientist with a background in Music. Passionate about technology, education, and the intersection of music and programming.</p>
+  <h4>Programming languages I use</h4>
+  <section class="container">
+    <div class="badge" style="background-color: #3874a4; color: white">
+      Python
+    </div>
+    <div class="badge" style="background-color: #f7df1e; color: black;">
+      C++
+    </div>
+    <div class="badge" style="background-color: red; color: white;">
+      R
+    </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/jupyter/jupyter-original-wordmark.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg"
+    />
+    <img
+      class="icon"
+      src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/vscode/vscode-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>

scripts/contributors.js

@@ -1,4 +1,5 @@
 const contributorFiles = [
+  "ladalar.html",
   "roshanjossey.html",
   "gokultp.html",
 ];