https://github.com/johannesfriedrich/advent_calendar
A small project for a advent calendar written in HTML/JS/CSS
https://github.com/johannesfriedrich/advent_calendar
advent calendar
Last synced: 4 months ago
JSON representation
A small project for a advent calendar written in HTML/JS/CSS
- Host: GitHub
- URL: https://github.com/johannesfriedrich/advent_calendar
- Owner: JohannesFriedrich
- License: mit
- Created: 2020-11-19T22:06:31.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-11-19T22:31:26.000Z (over 5 years ago)
- Last Synced: 2025-10-25T22:02:01.676Z (9 months ago)
- Topics: advent, calendar
- Language: HTML
- Homepage: https://johannesfriedrich.github.io/advent_calendar/
- Size: 91.8 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
- License: LICENSE
Awesome Lists containing this project
README
# An advent calendar written in HTML/JS/CSS
A short project for my nephews and nieces.
Thanks to [Envato Tuts+](http://webdesign.tutsplus.com) tutorials! The main parts of the code are from there. I just did some modifications.
Some highlights:
* The design is fully adjustable
* Looked doors if the date is not reached up to now
* Give a message to the user how long to wait until you can open the door
* Some animations when opening the doors
* Repeatable for every year, just modify the first line in *calendar.js*
* If you want to test, just change the month to current month (*calendar.js*, line *new Date(current_year +"-12-" + day)* )
How to use:
* Download the repository and open *calendar.html*
Have fun!
Note: This is a beginners project! If you have a more performant solution feel free to text me!
