Retro desktop

1 test · 8 finished runs (8 agent, 0 raw one-shot) · 8 live demos

The prompt

Build a working 1990s-style desktop operating system inside one web page. It needs a desktop with a wallpaper and icons, a taskbar with a start button, a start menu and a live clock, and real windows: each window can be dragged by its title bar, resized from its corner, minimised to the taskbar, maximised, restored and closed, and clicking a window brings it to the front. Include three working apps that open in those windows: a Notepad that edits text and saves to and reopens from localStorage under a file name; a Paint app with a pencil, brush sizes, a 16-colour palette, a flood fill and an eraser on a canvas; and a Calculator with the four operations, decimals, clear and a keyboard input path. Double-clicking a desktop icon or choosing an app from the start menu opens it. Several windows of the same app can be open at once. Everything is drawn with HTML and CSS (no images): bevelled grey buttons, a classic title-bar gradient and pixel-crisp borders. So the first view is not an empty desktop, on load the system shows a short boot screen (about 2 seconds) and then opens Notepad with a welcome note and the Calculator, cascaded. On a phone, windows open maximised and the taskbar stays usable. Save it as index.html in the current directory: one self-contained file with inline CSS and JavaScript only, no libraries or frameworks, and no external requests of any kind (no CDNs, web fonts, images or audio files). It must work when opened directly from disk, fit any window from a 390 px wide phone to a desktop, and run without console errors. You may serve it locally and open it in headless chromium (/usr/bin/chromium, software WebGL, no GPU) to screenshot and inspect your own output, and iterate on your own before finishing. Close any browser you open as soon as you've taken your screenshot.