https://github.com/azkasahar/analog-watch
https://github.com/azkasahar/analog-watch
analogue analogue-clock clock css html javascript
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/azkasahar/analog-watch
- Owner: AzkaSahar
- Created: 2024-07-13T16:01:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-13T16:23:12.000Z (over 1 year ago)
- Last Synced: 2025-03-14T07:26:02.067Z (10 months ago)
- Topics: analogue, analogue-clock, clock, css, html, javascript
- Language: CSS
- Homepage:
- Size: 40 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# analog-watch
# Analog Watch Project
This project displays an analog watch using HTML, CSS, and JavaScript.
## Table of Contents
- [Demo](#demo)
- [Project Structure](#project-structure)
- [Installation](#installation)
- [Usage](#usage)
## Demo
A live demo of the analog watch.
https://github.com/user-attachments/assets/2071916c-3043-48f7-965c-6468cd2eb369
## Project Structure
The project is structured as follows:
```
analog-watch/
├── exodar_woff/
│ ├── Exodar-Outline.woff
│ └── style.css
├── aw.html
├── aw.css
└── aw.js
```
- `exodar_woff/`: Contains the custom font files.
- `aw.html`: The main HTML file.
- `aw.css`: The CSS file for styling the watch.
- `aw.js`: The JavaScript file to handle the watch's functionality.
## Installation
To set up the project, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/AzkaSahar/analog-watch.git
cd analog-watch
```
2. **Ensure your project structure looks like the one in the [Project Structure](#project-structure) section.**
## Usage
1. **Open `aw.html` in your preferred web browser:**
```bash
open aw.html
```
2. **The analog watch should be displayed and running in your browser.**