// social.js
async function renderSocialFeed() {
  const container = document.querySelector("[data-social-feed]");
  if (!container) return;

  const socialData = await loadJSON("data/social.json");
  if (!socialData) return;

  let html = `<h2>${socialData.updatesHeader}</h2><ul class="social-feed">`;
  socialData.items.forEach(item => {
    html += `
      <li class="social-item">
        <div class="social-meta">
          <span class="social-date">${item.date}</span>
          <span class="social-src">${item.source}</span>
        </div>
        <div class="social-text">${item.text}</div>
      </li>
    `;
  });
  html += "</ul>";
  container.innerHTML = html;
}

document.addEventListener("DOMContentLoaded", () => {
  renderSocialFeed();
});