async function loadBlogPosts() { const res = await fetch("https://notion-api.splitbee.io/v1/table/20928cfc783b80a09709e77e96a8e0e9"); const data = await res.json(); // Sort by date (assuming ISO format) const sorted = data .filter(p => p.title && p.date) // filter out items missing required fields .sort((a, b) => new Date(b.date) - new Date(a.date)) .slice(0, 3); // Take the top 3 sorted.forEach((post, index) => { const i = index + 1; document.getElementById(`post${i}-title`).textContent = post.title; const formattedDate = new Date(post.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }); document.getElementById(`post${i}-date`).textContent = formattedDate; document.getElementById(`post${i}-image`).src = post.image || ""; document.getElementById(`post${i}-link`).href = post.link || "#"; }); } window.addEventListener("DOMContentLoaded", loadBlogPosts);