"""
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:
a web app that takes in an event name and a date with a button to add it to a list of events. the events list should be displayed as rows with a bar on each row that is full width for the furthest date from today item and the bar is shortest for the event happening nearest in time. once created the events have a text area section for writing notes about the event and the events data should persist over sessions. have the bars grow from left to right and sort rows from longest to shortest. have the color of the bar gradient between red yellow green where red is the nearest event and green is the furthest event. style the whole page like a retro apple ii desktop. each event should state how many days away it is. include a button to change the date. include a button to delete the event. use no margins or padding and keep the design compact and retro. have a button that changes the scale of the bars based on days away so that the user can select the upper limit on bar width calculation between 7 days 30 days and 90 days and the bars and colors change accordingly. make sure the app recalculate values, days until, and bar widths whenever events are updated or timescale selected.