This is a simple animated birthday cake to congratulate someone.
This is a simple animated birthday cake written in Vanilla JavaScript, CSS and HTML. It allows you to set the number of candles, the addressee name to display the phrase "Happy Birthday" or set your own congratulations. It is deployed here https://ololx.github.io/birthday-cake/.
This animation demonstrate the usage process.
- Click on the cake to put out all candles.
- Click on the candle to put it out.
For more information on an upcoming development, please read the todo list.No plans.
- For more information on a releases, a features and a changes, please read the changelog notes.
These instructions allow to get a copy of this project and run it on a local machine.
In order to install it is quite simple to clone or download this repository.
For the cloning this repository to a local machine, just use the follows link:
https://github.com/ololx/birthday-cakeTo use it is enough to open the index.html file in the web-browser.
It's possible to define the count of candles and addresse name or set your own congratulations via request param.
- To specify the candles count use the param
candles. For instance setup the 15 candles on the cake:
?candles=15Live example here https://ololx.github.io/birthday-cake/?candles=15
- To specify the name in the congratulation message use the param
name. For instance setup theGreenas a name in the congratulation message :
?name=GreenLive example here https://ololx.github.io/birthday-cake/?name=Green
- To specify the congratulations message use the param
message. For instance setup the greeting message:
?message=Happy%20Birthday,%20Green&message=Have%20a%20nice%20DayLive example here https://ololx.github.io/birthday-cake/?message=Happy%20Birthday,%20Green&message=Have%20a%20nice%20Day
For the versioning is used Semantic Versioning. For the versions available, see the changelog or the tags on this repository.
- Alexander A. Kropotin - Initial work - ololx.
This project is unlicensed - see the lisence document for details.