Merge branch 'main' into privacyterms

Author: sharonchelsy30

.github/workflows/sync-leaderboard.yml

@@ -55,6 +55,7 @@ jobs:
 
             # 2. Run sync
             export DATA_DIR=db-repo
+            export DATA_REPO_TOKEN=${{ secrets.DATA_REPO_TOKEN }}
             node scripts/sync-leaderboard.js
 
             # 3. Stage changes (everything except users.json)

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within
@@ -126,4 +126,3 @@ enforcement ladder](https://github.com/mozilla/diversity).
 For answers to common questions about this code of conduct, see the FAQ at
 https://www.contributor-covenant.org/faq. Translations are available at
 https://www.contributor-covenant.org/translations.
-

README.md

@@ -10,16 +10,16 @@ It allows users to register with their LeetCode username and automatically fetch
 
 The goal of this project is to:
 
-- Encourage consistent problem-solving among students  
-- Create a competitive yet motivating environment  
-- Provide visibility into individual coding progress  
+- Encourage consistent problem-solving among students
+- Create a competitive yet motivating environment
+- Provide visibility into individual coding progress
 
 ---
 
-
-
 ## Screenshots
+
 A quick preview of the platform UI. The appearance may evolve as the project develops.
+
 ### Home Page
 
 ![Home Page](assets/home-page.png)
@@ -28,13 +28,10 @@ A quick preview of the platform UI. The appearance may evolve as the project dev
 
 ![Registration](assets/registration-page.png)
 
-
 ### Leaderboard
 
 ![Leaderboard](assets/leaderboard.png)
 
-
-
 ## Related Repositories
 
 - [leetcode-ranking-data](https://github.com/codepvg/leetcode-ranking-data) – The database repository where raw JSON data and historical stats are stored
@@ -65,6 +62,7 @@ leetcode-ranking/
 ### 1. Fork and clone the repository
 
 First, fork the repository to your GitHub account. Then clone it locally:
+
 ```bash
 git clone https://github.com/YOUR-USERNAME/leetcode-ranking.git
 cd leetcode-ranking
@@ -82,9 +80,9 @@ or
 
 ## Usage
 
-1. Open the registration page  
-2. Enter your name and LeetCode username  
-3. Submit the form  
+1. Open the registration page
+2. Enter your name and LeetCode username
+3. Submit the form
 4. View your ranking on the leaderboard after the next sync
 
 ---
@@ -93,7 +91,7 @@ or
 
 Contributions are welcome.
 
-- Fork the repository  
-- Create a new branch  
-- Make your changes  
-- Submit a Pull Request  
+- Fork the repository
+- Create a new branch
+- Make your changes
+- Submit a Pull Request

frontend/about.html

@@ -13,7 +13,25 @@
     <link rel="stylesheet" href="styles/main.css" />
     <link rel="icon" type="image/png" href="assets/logo.png" />
     <script src="js/navbar.js"></script>
+
+    <meta
+      name="description"
+      content="Learn how CodePVG tracks LeetCode progress for PVG students — scoring system, sync schedule, and how to join."
+    />
+    <meta property="og:title" content="About — CodePVG" />
+    <meta
+      property="og:description"
+      content="Learn how CodePVG tracks LeetCode progress for PVG students — scoring system, sync schedule, and how to join."
+    />
+    <meta property="og:url" content="https://codepvg.onrender.com/about" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:image"
+      content="https://codepvg.onrender.com/assets/logo.png"
+    />
+    <meta property="og:site_name" content="CodePVG" />
   </head>
+
   <body>
     <canvas id="matrix-canvas"></canvas>
 
@@ -304,7 +322,6 @@ <h3 class="feature-title">WhatsApp</h3>
     </main>
     <script src="js/footer.js"></script>
     <script src="js/matrix.js"></script>
-
     <script src="js/terminal_ui.js"></script>
   </body>
 </html>

frontend/index.html

@@ -12,6 +12,22 @@
     />
     <link rel="stylesheet" href="styles/main.css" />
     <link rel="icon" type="image/png" href="assets/logo.png" />
+    <meta
+      name="description"
+      content="An open leaderboard for PVG students grinding LeetCode. Track your daily, weekly, monthly and overall progress — ranked by difficulty-weighted score."
+    />
+    <meta property="og:title" content="CodePVG — LeetCode Leaderboard" />
+    <meta
+      property="og:description"
+      content="Track your LeetCode progress and compete with PVG peers. Ranked by problem difficulty. Updated every 5 minutes."
+    />
+    <meta property="og:url" content="https://codepvg.onrender.com/" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:image"
+      content="https://codepvg.onrender.com/assets/logo.png"
+    />
+    <meta property="og:site_name" content="CodePVG" />
   </head>
 
   <body>

frontend/js/leaderboard/pagination.js

@@ -0,0 +1,86 @@
+function setupPaginationListeners() {
+  document.getElementById("prev-page-btn")?.addEventListener("click", () => {
+    if (currentPage > 1) {
+      currentPage--;
+      applyFiltersAndRender();
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  });
+
+  document.getElementById("next-page-btn")?.addEventListener("click", () => {
+    const totalPages = Math.ceil(
+      leaderboardData[activeDatasetType].length / itemsPerPage,
+    );
+
+    if (currentPage < totalPages) {
+      currentPage++;
+      applyFiltersAndRender();
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  });
+}
+
+function renderPagination(totalItems) {
+  const pageNumbers = document.getElementById("page-numbers");
+
+  if (!pageNumbers) return;
+
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  pageNumbers.innerHTML = "";
+
+  if (totalPages === 0) return;
+
+  function createPageBtn(i) {
+    const btn = document.createElement("button");
+    btn.classList.add("page-btn");
+    btn.textContent = i;
+
+    if (i === currentPage) {
+      btn.classList.add("active-page");
+    }
+
+    btn.onclick = () => {
+      currentPage = i;
+      applyFiltersAndRender();
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    };
+
+    return btn;
+  }
+
+  const pagesToRender = [];
+  const range = 1; // Number of pages to show around the current page
+
+  pagesToRender.push(1);
+
+  if (currentPage - range > 2) {
+    pagesToRender.push("..");
+  }
+
+  for (
+    let i = Math.max(2, currentPage - range);
+    i <= Math.min(totalPages - 1, currentPage + range);
+    i++
+  ) {
+    pagesToRender.push(i);
+  }
+
+  if (currentPage + range < totalPages - 1) {
+    pagesToRender.push("..");
+  }
+
+  if (totalPages > 1) {
+    pagesToRender.push(totalPages);
+  }
+
+  pagesToRender.forEach((item) => {
+    if (item === "..") {
+      const ellipsis = document.createElement("span");
+      ellipsis.className = "page-ellipsis";
+      ellipsis.textContent = "..";
+      pageNumbers.appendChild(ellipsis);
+    } else {
+      pageNumbers.appendChild(createPageBtn(item));
+    }
+  });
+}