Skip to content

Sandiipmaity/happy-birthday

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Happy Birthday!!!

Wish someone special happy birthday in a special way.

Update: Now you can customize all the texts without modifying the code!

On the birthday of a special friend, I felt like the generic happy birthday text just wasn't gonna cut it for me. So I put together this animated web page at the last minute to wish them Happy Birthday.

I decided to publish it so that you can use it to make the special people in your life feel a bit more of what they truly are: special. You can create your very own happy-birthday page in a few easy steps:

  • Fork the repository
  • Open customize.json and replace the content with your own
  • Turn on GitHub pages for your repository (Settings > Pages)
  • Share the URL you get at the above step with your friend

You do not need to create Pull Request to this main repository to get it running.

I've created the JSON file (customize.json) for easy and quick customizability. It allows you the change all of the texts and the image used on the webpage without modifying the code. However, If you want to customize it further, leave the JSON fields empty and edit the HTML file directly. This is because the content in the JSON file overwrites the HTML.

Please note that I've created this page in a hurry and it comes with no warranty.

Feel free to get in touch with me if you need any help with it. You can find me on Twitter as well. :)

Contributing

I've used plain HTML, CSS and JavaScript with GSAP for animations. If you have any idea to improve it or make it more interesting, feel free to send a PR, or create an issue for a feature request.

Happy wishing! 🎉

About

Wish your friend/loved-ones happy birthday in a nerdy way.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 38.4%
  • HTML 36.3%
  • CSS 25.3%