avatar added in compare page (#736)

recodehive · Oct 11, 2024 · 694807b · 694807b
1 parent bb3f9c5
commit 694807b
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 0 deletions.
diff --git a/pages/compare.html b/pages/compare.html
@@ -90,6 +90,15 @@ <h2>Contributor Comparison</h2>
                     </tr>
                 </thead>
                 <tbody>
+                  <tr>
+                    <td>Avatar</td>
+                    <td id="avatar1">
+                      <img id="avatarImg1" src="" alt="Avatar 1">
+                    </td>
+                    <td id="avatar2">
+                      <img id="avatarImg2" src="" alt="Avatar 2">
+                    </td>
+                  </tr>
                     <tr>
                         <td>Login</td>
                         <td id="login1"></td>

diff --git a/scripts/compare.js b/scripts/compare.js
@@ -50,6 +50,9 @@ document.addEventListener("DOMContentLoaded", function () {
                         .classList.remove("hidden");
 
                     // Fill the table with data
+                    document.getElementById("avatarImg1").src = data1.avatar_url;
+                    document.getElementById("avatarImg2").src = data2.avatar_url;
+
                     document.getElementById("login1").textContent = data1.login;
                     document.getElementById("login2").textContent = data2.login;
 

diff --git a/styles/compare.css b/styles/compare.css
@@ -129,3 +129,12 @@ select{
     color: white;
     background-color: black;
 }
+#avatarImg1{
+    width: 200px;
+    height: 200px;
+}
+
+#avatarImg2{
+    width: 200px;
+    height: 200px;
+}