• 100 Days of Code
• Installation
• Live Site
• Resources
• Copyright
• Let's Connect!

Day 8: February 11, 2021

• I love analog clocks, and I looked up tutorials on how to make clocks with JavaScript, HTML, and CSS.

• This clock has a light and dark mode. See first clock project.

• The quote "Every passing minute is another chance to turn it all around" is from the film Vanilla Sky.

1. Git clone and cd into the repo folder:

git clone git@github.com:emjose/analog-clock-2.git && cd analog-clock-2

2. Run the command:

open index.html

• Analog Clock 2 is responsive and keyboard-navigable.

• Analog Clock 2 is a progressive web app.

• Users can toggle between light and dark mode, and mode preference will persist in local storage.

• 50 Projects in 50 Days

• Neumorphism Generator by Adam Giebl

• Neumorphism Analog Clock Tutorial by CodingNepal

• Neumorphism the Right Way — A 2020 Design Trend

• Theme Clock Tutorial from the 50 Projects in 50 Days Udemy Course

• Vanilla Sky clip: "Every passing minute is another chance to turn it all around."

• The simplest CSS variable dark mode theme

• My blog on how I created my Github READMEs

• This project is for made for educational purposes only.

• Vanilla Sky is copyright of Paramount Pictures. © Paramount Pictures. All Rights Reserved.