/* style.css */ body { font-family: "Georgia", serif; background-color: #f1ecd1; color: #333; max-width: 900px; margin: auto; padding: 0 1rem; } header .banner { background: #ffc0cb; padding: 1.5rem; text-align: center; border-bottom: 2px solid #c06; } nav { text-align: center; background-color: #ffe4e1; padding: 0.5rem; margin-bottom: 1rem; } nav a { margin: 0 0.75rem; color: #c06; text-decoration: none; font-weight: bold; } main { display: flex; gap: 1rem; } aside { width: 30%; background-color: #fff7f7; padding: 1rem; border: 1px solid #f9cccc; } article { width: 70%; background: #fff; padding: 1rem; border: 1px solid #ccc; } footer { text-align: center; margin-top: 2rem; font-size: 0.9rem; color: #888; } /* script.js */ fetch("entries.json") .then((response) => response.json()) .then((entries) => { const container = document.getElementById("posts"); entries.forEach((entry) => { const article = document.createElement("section"); article.innerHTML = `

${entry.date}

${entry.time}

${entry.text}

`; container.appendChild(article); }); }); /* entries.json */ [ { "date": "Monday 16 June 2025", "time": "6:47 PM", "text": "Today I realized how much I miss the old blog era... so I made this! 🧸" }, { "date": "Sunday 15 June 2025", "time": "7:04 PM", "text": "Watched the stars with Evan. Why does it always feel like a goodbye?" } ]