11-clock David

[davidcawton]

Getting Started

• [x] Create a new issue with tasks
• [x] Create a new repository
• [x] Create and commit boilerplate project
  • [x] package.json
  • [x] bower.json
  • [x] public/index.html
  • [x] public/app.js
  • [x] sass/app.scss
  • [x] Brocfile.js
• [x] HTML Boilerplate
• [x] Add structure using HTML

  Make it Tick

• [x] console.log the current time on page load.
• [x] console.log the current time every second.
• [x] Display the current time every second in the dom
• [x] Create a function to add leading zeros ("1" -> "01")
• [x] Display the current time (Hours, Mins, Sec), padded with zeros to be exactly two digits long, every second.
• [x] console.log the percentage of a minute that the current seconds represents (e.g., if 30 seconds have elapsed, console.log 0.5)
• [x] Using the percent above, dynamically modify the length of the timer bar.
• [x] console.log an RGB color that is based on the current time every second.
• [x] Dynamically update the background color of the page using the color.
• [x] Display the generated color's hex value on hover.
• [x] Mission Complete!

[davidcawton]

https://github.com/davidcawton/11-clock/pull/1