4n1ka-73ja-R3ddy/Automata_Theory_N_Compiler_Design — reverse-engineered prompt

Build me a small static website for an Automata Theory and Compiler Design grammar viewer that I can open locally in a browser. I want a simple clean page where someone can choose from a few predefined context free grammars and then see the production rules for the selected one, plus the related closure diagram, parse table image, and a snake and ladder style board illustration if it exists.

Please make it feel like a lightweight study or demo tool for students, with a responsive layout that still looks decent on mobile. If any image is missing, show a friendly placeholder message instead of breaking the page. Keep everything self contained with no backend.

I also want it to be easy to extend later, so the grammar content should come from one editable data list in the JavaScript. Use the images from the project folder and make sure updated images refresh properly. If you need to check current browser behavior or simple local serving details, look it up online.