Add monthly featured developer showcase

docs/featured.json

@@ -0,0 +1,66 @@
+{
+  "user": {
+    "login": "torvalds",
+    "id": 1024025,
+    "node_id": "MDQ6VXNlcjEwMjQwMjU=",
+    "avatar_url": "https://avatars.githubusercontent.com/u/1024025?v=4",
+    "gravatar_id": "",
+    "url": "https://api.github.com/users/torvalds",
+    "html_url": "https://github.com/torvalds",
+    "followers_url": "https://api.github.com/users/torvalds/followers",
+    "following_url": "https://api.github.com/users/torvalds/following{/other_user}",
+    "gists_url": "https://api.github.com/users/torvalds/gists{/gist_id}",
+    "starred_url": "https://api.github.com/users/torvalds/starred{/owner}{/repo}",
+    "subscriptions_url": "https://api.github.com/users/torvalds/subscriptions",
+    "organizations_url": "https://api.github.com/users/torvalds/orgs",
+    "repos_url": "https://api.github.com/users/torvalds/repos",
+    "events_url": "https://api.github.com/users/torvalds/events{/privacy}",
+    "received_events_url": "https://api.github.com/users/torvalds/received_events",
+    "type": "User",
+    "user_view_type": "public",
+    "site_admin": false,
+    "score": 1.0,
+    "followers": 266192,
+    "following": 0,
+    "location": "Portland, OR",
+    "name": "Linus Torvalds",
+    "public_repos": 9,
+    "public_gists": 1,
+    "sponsors_count": 0,
+    "sponsoring_count": 0,
+    "avatar_updated_at": "2025-11-24T04:16:14Z",
+    "top_languages": [
+      {
+        "name": "C",
+        "bytes": 1384925448,
+        "percent": 97.7
+      },
+      {
+        "name": "Assembly",
+        "bytes": 9727594,
+        "percent": 0.7
+      },
+      {
+        "name": "Shell",
+        "bytes": 5784810,
+        "percent": 0.4
+      },
+      {
+        "name": "Rust",
+        "bytes": 4587698,
+        "percent": 0.3
+      },
+      {
+        "name": "Python",
+        "bytes": 3805691,
+        "percent": 0.3
+      }
+    ],
+    "total_stars": 217154,
+    "last_repo_pushed_at": "2025-12-16T08:05:45Z",
+    "last_public_commit_at": "2025-12-16T08:05:46Z",
+    "engagement_score": 74.97144444444444
+  },
+  "selected_at": "2025-12-17T13:51:40.820097+00:00",
+  "month": "December 2025"
+}

docs/script.js

@@ -43,7 +43,10 @@ document.addEventListener('DOMContentLoaded', initializeApp);
 async function initializeApp() {
     showLoadingState();
     setupEventListeners();
-    await fetchAndPrepareUsers();
+    await Promise.all([
+        fetchAndPrepareUsers(),
+        loadFeaturedUser()
+    ]);
     applyFilters();
     updateVisibilityAndSort();
     hideLoadingState();
@@ -115,6 +118,81 @@ async function fetchAndPrepareUsers() {
     }
 }
 
+/**
+ * Load and display the featured user of the month
+ */
+async function loadFeaturedUser() {
+    try {
+        const res = await fetch('featured.json', { cache: 'no-store' });
+        if (!res.ok) {
+            console.log('No featured user available yet');
+            return;
+        }
+        const data = await res.json();
+        const user = data.user;
+
+        if (!user || !user.login) {
+            return;
+        }
+
+        // Update featured user section
+        const section = document.getElementById('featuredUserSection');
+        const avatar = document.getElementById('featuredUserAvatar');
+        const link = document.getElementById('featuredUserLink');
+        const name = document.getElementById('featuredUserName');
+        const loginLink = document.getElementById('featuredUserLoginLink');
+        const location = document.getElementById('featuredUserLocation');
+        const followers = document.getElementById('featuredUserFollowers');
+        const stars = document.getElementById('featuredUserStars');
+        const repos = document.getElementById('featuredUserRepos');
+        const sponsors = document.getElementById('featuredUserSponsors');
+        const languages = document.getElementById('featuredUserLanguages');
+
+        // Set avatar and links
+        const avatarUrl = `images/faces/${user.login.toLowerCase()}.png`;
+        avatar.src = avatarUrl;
+        avatar.alt = `${user.login}'s avatar`;
+        link.href = user.html_url;
+        loginLink.href = user.html_url;
+        loginLink.textContent = `@${user.login}`;
+
+        // Set name
+        name.textContent = user.name || user.login;
+
+        // Set location
+        if (user.location) {
+            location.textContent = user.location;
+            location.style.display = 'flex';
+        } else {
+            location.style.display = 'none';
+        }
+
+        // Set stats
+        followers.textContent = formatDisplay(user.followers);
+        stars.textContent = formatDisplay(user.total_stars);
+        repos.textContent = formatDisplay(user.public_repos);
+        sponsors.textContent = formatDisplay(user.sponsors_count);
+
+        // Set languages
+        if (Array.isArray(user.top_languages) && user.top_languages.length > 0) {
+            languages.innerHTML = '';
+            user.top_languages.slice(0, 5).forEach(lang => {
+                const badge = document.createElement('div');
+                badge.className = 'featured-language-badge';
+                badge.textContent = lang.name;
+                languages.appendChild(badge);
+            });
+        } else {
+            languages.innerHTML = '';
+        }
+
+        // Show the section
+        section.style.display = 'block';
+    } catch (err) {
+        console.error('Failed to load featured user:', err);
+    }
+}
+
 function prepareUserFromJson(user) {
     const getNum = (v, def = 0) => (v === 'N/A' || v == null ? def : parseInt(v, 10));
     const safeLower = v => (v ? String(v).toLowerCase() : '');