gildas-lormeau/Polyglot-HTML-ZIP-PNG — reverse-engineered prompt

Build me a JavaScript based educational project that shows how a single file can behave as HTML, ZIP, and PNG at the same time. I want it to feel like a clear interactive presentation, with English and French versions, a short summary, and a downloadable demo file that opens as a web page, can be renamed and unzipped to reveal its resources, and can also be viewed as a PNG image.

Include a simple generated example called something like demo.png.zip.html, plus instructions for trying it in a browser and from the command line. The page should explain the idea in plain language, show the weird fun part where the image on the page is actually the page itself interpreted as PNG, and mention practical compatibility notes like browser limits and macOS unzip issues.

Please keep the project easy to run locally, include any small helper utilities needed for file URL testing, and look up current docs online if you need to.