updated footer

Author: moneuron

_config.yml

@@ -66,7 +66,7 @@ repository: moneuron/moneuron.github.io
 remote_theme: moneuron/modern-resume-theme
 
 footer: |
-  <sub>CITED BY</sub>
+  <sub class="citations">- CITED BY: -</sub>
 
 sass:
   sass_dir: _sass

assets/script.js

@@ -3,19 +3,35 @@ document.addEventListener("DOMContentLoaded", () => {
   papers.forEach((paper, index) => {
     paper.style.animationDelay = `${index * 0.25}s`;
   });
-});
 
-document.querySelectorAll('.citation[data-doi]').forEach(el => {
-  const doi = el.getAttribute('data-doi');
+  const citationElements = document.querySelectorAll('.citation[data-doi]');
+  const totalDisplay = document.querySelector('.citations');
 
-  const url = `https://api.crossref.org/works/${encodeURIComponent(doi)}`;
-  fetch(url)
-    .then(res => res.json())
-    .then(data => {
-      const count = data.message['is-referenced-by-count'];
-      el.textContent = `- CITATIONS: ${count} -`;
-    })
-    .catch(() => {
-      el.textContent = '';
-    });
+  let totalCitations = 0;
+  let completedRequests = 0;
+
+  citationElements.forEach(el => {
+    const doi = el.getAttribute('data-doi');
+    const url = `https://api.crossref.org/works/${encodeURIComponent(doi)}`;
+
+    fetch(url)
+      .then(res => res.json())
+      .then(data => {
+        const count = data.message['is-referenced-by-count'] || 0;
+
+        totalCitations += count;
+        el.textContent = `- CITATIONS: ${count} -`;
+      })
+      .catch(() => {
+        el.textContent = '';
+      })
+      .finally(() => {
+        completedRequests++;
+
+        // When all DOIs are processed, update total
+        if (completedRequests === citationElements.length && totalDisplay) {
+          totalDisplay.textContent = `- CITED BY: ${totalCitations} -`;
+        }
+      });
+  });
 });