script.js

try {
	const teamList = document.getElementById("team-list");
	if (!Array.isArray(team)) throw new Error("No team data");
	team.forEach((member) => {
		const match = member.github.match(/github.com\/(.+)$/);
		const username = match ? match[1] : "";
		const profilePic = `https://github.com/${username}.png`;
		const card = document.createElement("div");
		card.className = "team-card";
		card.innerHTML = `
      <a href="${member.github}" target="_blank" rel="noopener">
        <img class="profile-pic" src="${profilePic}" alt="${member.name}">
      </a>
      <div class="name">${member.name}</div>
      <div class="quote">“${member.quote}”</div>
    `;
		teamList.appendChild(card);
	});
} catch {
	const teamList = document.getElementById("team-list");
	teamList.innerHTML = `<div style="color:#ff6b6b;background:#232837;padding:32px 18px;border-radius:12px;text-align:center;font-size:1.1em;box-shadow:0 2px 12px rgba(0,0,0,0.18);max-width:400px;margin:40px auto;">⚠️ Could not load team data. Please ensure <b>team-data.js</b> is present and loaded correctly.</div>`;
}