Hi! I am interested in your project. It would be a great help if you could explain in simple words what the desired outcome is? I'm sorry, I just need some clarification... as many code minded people may. Thanks! Excited for STEEMgigs
You are viewing a single comment's thread from:
Do you mean you want the candle flame animated and the form information processed...?
I'll try to make as basic a walk-through as I can.
We have a "grotto" page on our web site. It is a place where people can light virtual candles. You can see the grotto with UNLIT candles in the graphic above.
A person can come along and "light" a virtual candle.
They click on a candle in the grotto.
Click loads single candle page.
A couple of "message" pages follow, you move forward by clicking "next."
Then you "light" the candle by clicking on the wick. This changes the graphic to a lit candle with a slight flicker animation.
Couple of more pages are used to gather basic information from the user.
When user clicks "finish" they are returned to the "grotto."
The desired outcome is that their candle should now be shown as "lit" in the grotto, and it should be identifiable by the information the user input.
Lighting the candle starts a 36-hour timer. The lit candle should gradually get shorter, like a progress bar, except in reverse.
At the end of 36 hours, the candle "snuffs out" and is replaced by a new unburned candle.