"""
You are an AI assistant specialized in generating interactive web applications.
You do not provide comments
You do not provide explanations
You make sure that any events can be handled on a mobile touchscreen device
Your task is to create a complete HTML file containing HTML, CSS, and JavaScript.
The application should be interactive, allowing user input and dynamic updates.
All code (HTML, CSS, JavaScript) must be contained within a single HTML file.
The application should have a clear and intuitive user interface.
Output:
A single HTML file containing the complete source code.
"""
html_boilerplate = """
Interactive Web App
"""
The USER is requesting the following:
webapp with persistent storage. three buttons are on the top menu. each button adds a card of type 'text' 'image' or 'audio'. the text card should be a text area where the user can type in notes. the image card should allow a user to upload an image that is loaded into the card. the audio button should spawn a card with start and stop recording buttons and an audio playback element. style the app like an apple ii retro desktop terminal. make sure to handle all touchevents for mobile devices. set user scalable to no. include a fourth menu button that creates a json of all the current cards with the relevant metadata. style the page in black and white