From e8d8157282d77322a869809d01b067ded3fc1299 Mon Sep 17 00:00:00 2001
From: Subhajit-2023-44 <subhajit2006patra@gmail.com>
Date: Sat, 9 Nov 2024 13:49:16 +0530
Subject: [PATCH] done

---
 contributor.js    | 95 +++++++++++++++++++++++++++++++++++++++++++++++
 contributors.css  |  4 +-
 contributors.html |  2 +-
 contributors.js   | 65 --------------------------------
 4 files changed, 98 insertions(+), 68 deletions(-)
 create mode 100644 contributor.js
 delete mode 100644 contributors.js

diff --git a/contributor.js b/contributor.js
new file mode 100644
index 0000000..a89c743
--- /dev/null
+++ b/contributor.js
@@ -0,0 +1,95 @@
+const repoOwner = "YadavAkhileshh";
+const repoName = "Alien-Invasion-Defense";
+const contributorsUrl = `https://api.github.com/repos/${repoOwner}/${repoName}/contributors`;
+const repoUrl = `https://api.github.com/repos/${repoOwner}/${repoName}`;
+
+async function fetchContributorData() {
+  try {
+    // Start with the first page of contributors
+    let contributors = [];
+    let url = contributorsUrl;
+
+    while (url) {
+      const contributorsRes = await fetch(url);
+      const contributorsPage = await contributorsRes.json();
+
+      // Add the current page of contributors to the total list
+      contributors = contributors.concat(contributorsPage);
+
+      // Check the Link header for pagination information
+      const linkHeader = contributorsRes.headers.get("Link");
+      if (linkHeader) {
+        const nextPageUrl = parseLinkHeader(linkHeader);
+        url = nextPageUrl ? nextPageUrl : null; // Get the next page URL or stop if no next page
+      } else {
+        url = null; // No Link header means we're on the last page
+      }
+    }
+
+    const repoRes = await fetch(repoUrl);
+    const repoData = await repoRes.json();
+
+    // Update the stats section
+    const statsGrid = document.getElementById("statsGrid");
+    statsGrid.innerHTML = `
+      <div class="contributor-stat-card"><h3>${contributors.length}</h3><p>Contributors</p></div>
+      <div class="contributor-stat-card"><h3>${contributors.reduce((sum, { contributions }) => sum + contributions, 0)}</h3><p>Total Contributions</p></div>
+      <div class="contributor-stat-card"><h3>${repoData.stargazers_count}</h3><p>GitHub Stars</p></div>
+      <div class="contributor-stat-card"><h3>${repoData.forks_count}</h3><p>Forks</p></div>
+    `;
+
+    // Update the contributors section
+    const contributorsContainer = document.getElementById("contributors");
+    contributorsContainer.innerHTML = contributors.map(({ login, contributions, avatar_url, html_url }) => `
+      <div class="contributor-card">
+        <img src="${avatar_url}" alt="${login}'s avatar">
+        <p><strong>${login}</strong></p>
+        <p>Contributions: ${contributions}</p>
+        <a href="${html_url}" target="_blank">GitHub Profile</a>
+      </div>
+    `).join('');
+  } catch (error) {
+    console.error("Error fetching data:", error);
+  }
+}
+
+// Function to parse the Link header and get the URL for the next page
+function parseLinkHeader(linkHeader) {
+  const links = linkHeader.split(',').reduce((acc, part) => {
+    const [url, rel] = part.split(';');
+    const match = rel.match(/rel="(\w+)"/);
+    if (match) {
+      acc[match[1]] = url.trim().slice(1, -1); // Remove surrounding <> from URL
+    }
+    return acc;
+  }, {});
+  return links.next; // Return the URL of the next page, or undefined if there's no next
+}
+
+window.onscroll = function () {
+  const scrollUpBtn = document.getElementById("scrollUpBtn-cn");
+  if (
+    document.body.scrollTop > 100 ||
+    document.documentElement.scrollTop > 100
+  ) {
+    scrollUpBtn.style.display = "block";
+  } else {
+    scrollUpBtn.style.display = "none";
+  }
+  const totalHeight =
+    document.documentElement.scrollHeight - window.innerHeight;
+  const scrollPosition = window.pageYOffset;
+  const scrollPercentage = (scrollPosition / totalHeight) * 100;
+  document.getElementById(
+    "progress-bar-cn"
+  ).style.width = `${scrollPercentage}%`;
+};
+
+function scrollToTop() {
+  window.scrollTo({
+    top: 0,
+    behavior: "smooth",
+  });
+}
+
+fetchContributorData();
diff --git a/contributors.css b/contributors.css
index a117d56..e406cec 100644
--- a/contributors.css
+++ b/contributors.css
@@ -515,7 +515,7 @@
   margin: 0 auto;
   padding: 2rem 2rem;
   text-align: center;
-  background-color: rgba(255,255,255,0.3);
+  background-color: transparent;;
   border-radius: 25px;
   margin-top: 60px;
   }
@@ -532,7 +532,7 @@
   }
   
   .contributor-stat-card {
-  background-color: rgba(0,0,0,0.4);
+  background-color: rgb(37 55 69);
   border-radius: 10px;
   padding: 1.5rem;
   text-align: center;
diff --git a/contributors.html b/contributors.html
index 4879439..be05a0c 100644
--- a/contributors.html
+++ b/contributors.html
@@ -71,6 +71,6 @@ <h1 class="title">Our Contributors</h1>
     }
   </style>
 
-  <script src="./contributors.js"></script>
+  <script src="./contributor.js"></script>
 </body>
 </html>
diff --git a/contributors.js b/contributors.js
deleted file mode 100644
index cb6a094..0000000
--- a/contributors.js
+++ /dev/null
@@ -1,65 +0,0 @@
-const repoOwner = "YadavAkhileshh";
-const repoName = "Alien-Invasion-Defense";
-const contributorsUrl = `https://api.github.com/repos/${repoOwner}/${repoName}/contributors`;
-const repoUrl = `https://api.github.com/repos/${repoOwner}/${repoName}`;
-
-async function fetchContributorData() {
-  try {
-    const [contributorsRes, repoRes] = await Promise.all([
-      fetch(contributorsUrl),
-      fetch(repoUrl)
-    ]);
-
-    const contributors = await contributorsRes.json();
-    const repoData = await repoRes.json();
-
-    const statsGrid = document.getElementById("statsGrid");
-
-    statsGrid.innerHTML = `
-      <div class="contributor-stat-card"><h3>${contributors.length}</h3><p>Contributors</p></div>
-      <div class="contributor-stat-card"><h3>${contributors.reduce((sum, { contributions }) => sum + contributions, 0)}</h3><p>Total Contributions</p></div>
-      <div class="contributor-stat-card"><h3>${repoData.stargazers_count}</h3><p>GitHub Stars</p></div>
-      <div class="contributor-stat-card"><h3>${repoData.forks_count}</h3><p>Forks</p></div>
-    `;
-
-    const contributorsContainer = document.getElementById("contributors");
-    contributorsContainer.innerHTML = contributors.map(({ login, contributions, avatar_url, html_url }) => `
-      <div class="contributor-card">
-        <img src="${avatar_url}" alt="${login}'s avatar">
-        <p><strong>${login}</strong></p>
-        <p>Contributions: ${contributions}</p>
-        <a href="${html_url}" target="_blank">GitHub Profile</a>
-      </div>
-    `).join('');
-  } catch (error) {
-    console.error("Error fetching data:", error);
-  }
-}
-
-     window.onscroll = function () {
-       const scrollUpBtn = document.getElementById("scrollUpBtn-cn");
-       if (
-         document.body.scrollTop > 100 ||
-         document.documentElement.scrollTop > 100
-       ) {
-         scrollUpBtn.style.display = "block";
-       } else {
-         scrollUpBtn.style.display = "none";
-       }
-       const totalHeight =
-         document.documentElement.scrollHeight - window.innerHeight;
-       const scrollPosition = window.pageYOffset;
-       const scrollPercentage = (scrollPosition / totalHeight) * 100;
-       document.getElementById(
-         "progress-bar-cn"
-       ).style.width = `${scrollPercentage}%`;
-     };
-
-     function scrollToTop() {
-       window.scrollTo({
-         top: 0,
-         behavior: "smooth",
-       });
-     }
-
-fetchContributorData();