create bug.tools

js/updates.js

@@ -0,0 +1,40 @@
+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);
+    });
+})();