const updates = [
    { date: "28.02.2026", message: 'Music player now remembers your track and position via cookies \uE026' },
    { date: "28.02.2026", message: 'Added autoplay on first interaction \uE026' },
    { date: "28.02.2026", message: 'Added hash-based routing so refreshing keeps your page \uE026' },
    { date: "27.02.2026", message: 'Added the music player with shuffle, loop, and volume controls \uE026' },
    { date: "27.02.2026", message: 'Created the sitemap page \uE026' },
    { date: "27.02.2026", message: 'Created the contact page \uE026' },
    { date: "26.02.2026", message: 'Created the links page \uE026' },
    { date: "26.02.2026", message: 'Added this pictochat updates box \uE026' },
    { date: "25.02.2026", message: 'Wrote the home page' },
    { date: "24.02.2026", message: 'Styled everything with custom CSS \uE026' },
    { date: "24.02.2026", message: 'Added the video background \uE026' },
    { date: "23.02.2026", message: 'Built the page switching system \uE026' },
    { date: "23.02.2026", message: 'Created the navigation menu' },
    { date: "22.02.2026", message: 'Set up the main layout' },
    { date: "21.02.2026", message: 'Started building the site \uE026' },
];

(function () {
    const picto = document.querySelector('#pictochat-content .picto');
    if (!picto) return;

    updates.forEach(({ date, message }) => {
        const entry = document.createElement('div');
        entry.style.setProperty('--col', '#90c9ff');

        const nameDiv = document.createElement('div');
        nameDiv.textContent = 'bug';

        const msgDiv = document.createElement('div');
        msgDiv.innerHTML = message;

        entry.appendChild(nameDiv);
        entry.appendChild(document.createTextNode(date));
        entry.appendChild(document.createElement('br'));
        entry.appendChild(msgDiv);

        picto.appendChild(entry);
    });
})();