Github Repository Page: https://github.com/palowenstein/1980s-pastel-work-day-scheduler
Github Deployment Page: https://palowenstein.github.io/1980s-pastel-work-day-scheduler/
- Lightweight Scheduler App built on Skeleton CSS, Moment JS and Jquery.
- Stylish 1980s Pastel Coloring.
- Scalable, mobile ready with @media queries.
- Real Time Color Scheme based on the hour of the day the application is accessed.
- Application allows for a single event to be recorded for each business hour of the day (07:00 -> 17:00).
- Each event can be modified and stored in memory (browser's local storage).
- No loss of information: each stored event is recalled / reloaded after page refresh.
- Associate an hour of the day with such events as a medical appointment, a conference call, investor's meeting or any other type of event.
- Open index.html in your browser.
- Fill any text field with an event of your choice.
- Press the "+" sign on the right side of the text field to save the event in question.
- Refresh the page, your event information will still appear and will not be erased.
- Calendar is built in **real-time** with 3 colored regions:
- The dark blue color region indicates all the business hours of the day (if any) that precede the exact moment you're looking at the application. (past)
- The reddish region indicates the present moment you're looking at the application. (present)
- The pure cyan color region indicates all the business hours of the day (if any) that are ahead of the exact moment you're looking at the application. (future)
Refer to scheduler.js (javascript file) to review calendar mechanics and code dissection.
- Skeleton CSS Library [http://getskeleton.com/]
- Moment.js Library [https://momentjs.com/]
- Jquery Library [https://jquery.com/]
MIT License | Copyright © [2020] Pierre André Lowenstein