Typographic Clock

This is a typographic clock created using HTML, CSS, and JavaScript. It displays the current time by moving a Second segment over each number, providing a unique and visually appealing way of showing time. The clock comes with both dark and light modes for different preferences.

Features

• Real-time display of the current time.
• Smooth animation of the seconds segment.
• Dark mode and light mode options for different appearances.

Demo

Check out the on the live link: https://hi-aman-jain.github.io/Typographic-Clock/

Screenshots

Installation

1. Clone the repository: git clone [(https://github.com/Hi-Aman-Jain/Typographic-Clock.git)]
2. Navigate to the project directory: cd [Typographic-Clock]

Usage

1. Open index.html in your web browser.
2. The clock will automatically start displaying the current time with the moving seconds segment.

Dark Mode and Light Mode

The clock comes with two modes:

Dark Mode

To enable dark mode, follow these steps:

1. Open index.html in your web browser.
2. Click the "Dark Mode" button to switch to the dark theme.

Light Mode

To switch back to light mode:

1. Open index.html in your web browser.
2. Click the "Light Mode" button to switch to the light theme.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements or fixes.

Thanks for reading and reaching here:)