I have a rough sketch of the website here: [login to view URL] Some of the functionality is already in place, but the javascript is poorly written. It doesn't work correctly on mobile either.
Here is the functionality:
1. User types something into the text box and submits form
2. Upon submit, displayed graphic is replaced with another, (which was preloaded). The new graphic appears for a duration of 5 seconds. Simultaneously an audio file is played. After 5 seconds, the graphic is replaced by the original graphic.
3. When the graphic returns to the original graphic, then hidden content* appears below the form.
4. An error message will appear if the user tries to submit an empty form.
5. The user can submit the form multiple times.
6. The submissions should be stored on the server (e.g. text file or csv or mysql) with timestamps
7. The functions should work on a mobile device.
*The hidden content includes a download link and youtube video embed.