A minimalist digital clock built with vanilla JavaScript, HTML, and CSS. This project demonstrates how to create a real-time updating clock without relying on external libraries or frameworks.
🔗 Live Demo: slyty7.github.io/clock
clock/ ├── css/ │ └── styles.css ├── fonts/ │ └── [font files] ├── img/ │ └── clock-preview.png ├── javascript/ │ └── script.js ├── index.html └── README.md - css/: Contains the styling for the clock interface.
- fonts/: Houses custom fonts used in the project.
- img/: Includes images like the project preview.
- javascript/: Contains the logic for time calculation and DOM manipulation.
- index.html: The main HTML file that structures the webpage.
To run the clock locally:
-
Clone the repository:
git clone https://github.com/SlyTy7/clock.git
-
Navigate to the project directory:
cd clock -
Open
index.htmlin your preferred web browser.You can simply double-click the
index.htmlfile or use a live server extension if you're using a code editor like VS Code.
- Real-Time Display: Updates every second to show the current time.
- Responsive Design: Adapts to various screen sizes for optimal viewing.
- Clean UI: Simple and elegant interface without unnecessary clutter.
- HTML5: For structuring the webpage.
- CSS3: For styling and layout.
- JavaScript (ES6): For dynamic time functionality.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch:
git checkout -b feature/YourFeature
- Commit your changes:
git commit -m "Add YourFeature" - Push to the branch:
git push origin feature/YourFeature
- Open a pull request.
This project is licensed under the MIT License.
Tyler West
Front End Web Developer based in San Francisco, CA.
GitHub: @SlyTy7
