${system.type}
+${system.address}
+
+ `;
+
+ grid.appendChild(card);
+ });
+ }
+
+ // ── Alerts ──
+ if (alertList) renderAlerts(data.systems, alertList);
+
+ } catch (err) {
+ failCount++;
+ console.warn(`[NOC] Fetch failed (${failCount}/${MAX_FAILS}):`, err.message);
+
+ // Update dot to error state
+ if (dot) dot.className = "status-dot error";
+
+ if (statusText) {
+ statusText.textContent = failCount >= MAX_FAILS
+ ? "NOC feed offline — view live dashboard at noc.chasedumphord.com"
+ : `NOC data unavailable — retrying... (${failCount}/${MAX_FAILS})`;
+ }
+
+ if (badge) badge.textContent = "";
+
+ // After MAX_FAILS attempts, show the fallback block
+ if (failCount >= MAX_FAILS && fallback) {
+ fallback.style.display = "block";
+ }
+ }
+}
+
+// Animate a number metric with a quick pop
+function animateMetric(el, value) {
+ el.classList.remove("metric-pop");
+ el.textContent = value;
+ void el.offsetWidth; // force reflow
+ el.classList.add("metric-pop");
+}
+
+// ═══════════════════════════════════════════════
+// GitHub Repos — fetches public repos for ced4568
+// Sorted by last pushed, capped at 6 cards
+// ═══════════════════════════════════════════════
+
+// Language → color map (subset of GitHub's palette)
+const LANG_COLORS = {
+ Python: "#3572A5",
+ JavaScript: "#f1e05a",
+ Shell: "#89e051",
+ HTML: "#e34c26",
+ CSS: "#563d7c",
+ Dockerfile: "#384d54",
+ YAML: "#cb171e",
+ Makefile: "#427819",
+};
+
+async function loadGithubRepos() {
+ const container = document.getElementById("github-repos");
+ if (!container) return;
+
+ try {
+ const res = await fetch(
+ "https://api.github.com/users/ced4568/repos?sort=pushed&per_page=6",
+ { headers: { Accept: "application/vnd.github+json" } }
+ );
+
+ if (!res.ok) throw new Error(`GitHub API ${res.status}`);
+
+ const repos = await res.json();
+
+ // Filter out forks for cleaner display
+ const ownRepos = repos.filter((r) => !r.fork).slice(0, 6);
+
+ if (ownRepos.length === 0) {
+ container.innerHTML = `No public repositories found.
`; return; } - statusText.textContent = `${data.nocName} — ${data.status} — Last updated: ${data.lastUpdated}`; + container.innerHTML = ownRepos.map((repo) => { + const langColor = LANG_COLORS[repo.language] || "var(--accent-2)"; + const desc = repo.description + ? repo.description + : "No description provided."; - animateMetric(nodes, data.summary.nodes); - animateMetric(services, data.summary.services); - animateMetric(vlans, data.summary.vlans); - animateMetric(edge, data.summary.edgeSystems); + const updatedDate = new Date(repo.pushed_at).toLocaleDateString("en-US", { + month: "short", + year: "numeric", + }); - grid.innerHTML = ""; + return ` +${desc}
- const status = system.status.toLowerCase(); - - const statusClass = - status.includes("online") || status.includes("operational") - ? "online" - : status.includes("building") || status.includes("tuning") || status.includes("active") - ? "warning" - : "offline"; - - card.innerHTML = ` -${system.type}
-${system.address}
-
-
`;
+ }).join("");
- grid.appendChild(card);
- });
-
- if (alertList) {
- renderAlerts(data.systems, alertList);
+ } catch (err) {
+ console.warn("[GitHub] Failed to load repos:", err.message);
+ if (container) {
+ container.innerHTML = `
+ + Could not load repositories. + + View on GitHub → + +
+