No entries yet - be the first to post.
`;\n return;\n }\n list.innerHTML = entries.map(e => `\n \n ${escapeHtml(e.text)}
\n ${relativeTime(e.createdAt)}
\n `).join('');\n}\n```\n\n- **Relative time, not a raw timestamp.** \"just now\" / \"2 min ago\" reads better than `2026-05-31 14:03:22`; fall back to a date for anything older than a day.\n\n```js\nfunction relativeTime(ts) {\n const s = Math.floor((Date.now() - new Date(ts).getTime()) / 1000);\n if (s < 60) return 'just now';\n if (s < 3600) return `${Math.floor(s / 60)} min ago`;\n if (s < 86400) return `${Math.floor(s / 3600)} hr ago`;\n return new Date(ts).toLocaleDateString();\n}\n```\n\n- **Live character counter whenever an input has a `maxlength`.** Show the count so the limit isn't a surprise on submit.\n\n```js\nconst input = document.querySelector('[data-testid=\"entry-input\"]');\nconst counter = document.querySelector('[data-testid=\"char-count\"]');\nconst max = Number(input.getAttribute('maxlength'));\ninput.addEventListener('input', () => { counter.textContent = `${input.value.length} / ${max}`; });\n```\n\n- **Confirm a successful submit.** After a post lands, clear the input and show a brief, self-dismissing confirmation instead of leaving the user guessing whether it worked.\n\n```js\nfunction toast(msg) {\n const t = document.querySelector('[data-testid=\"toast\"]');\n t.textContent = msg;\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 2000);\n}\n```\n\nUser text goes straight into the DOM, so always escape it (`escapeHtml` above) or use `textContent` - never drop raw input into `innerHTML`.\n\n## Forms\n\n**Label every control.** Each `