HowLongUntil

How Long Until is simple front-end website made with HTML + CSS + JavaScript.

Software

• VSCode 1.91.1
• WebStorm 2024.1.5

Features

• Counting down clock
• Animationed buttons and clock transitions
• Basic elements such like header, footer
• Error Handling

Aditionally:

• Files segmentation
• Full comprehensive documentation

Usage

• Select year - month - day and hour : minute you want to count down to
• Click button "How Long Until"
• Click top-right logo to go back

CSS files content

1. body
   • Website body styles
2. buttons
   • Button "How Long Until" styles and animations
   • source
3. clock elements
   • Clock with 4 columns with 5 boxes styles
   • Sliding down boxes with illusion of smooth transition animations
4. inputs elements
   • Year - month - day and hour : minute select with options styles
5. pop-up elements
   • Alert popup style
   • Close button
6. header
   • Header with logo styles
7. footer
   • Footer with description and GitHub link styles

JS files content

1. clock
   • Clock initialization
   • Time updating
   • Sliding down animation
   • End of time popup with sound
2. date picker
   • Populating options of selects in input
   • Date validation
   • Invalid date popup