11-Clock- Brian Stickney

[BrianStick]

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.
• [ ] console.log an RGB color that is based on the current time every second.
• [ ] Dynamically update the background color of the page using the color.
• [ ] Display the generated color's hex value on hover.
• [ ] Mission Complete!

[BrianStick]

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

[rtablada]

@BrianStick I think from here, you just need to make some edits to the HTML so that you can show the current color when the user hovers (the hover effect should be done with just CSS to make things easier).

And then make the percentage of the minute bar.