Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thatsinewave/clockwork
A web-based clock application designed for developers to create and share their own themes.
https://github.com/thatsinewave/clockwork
clock clock-app clock-synchronization clockface clocks clockview clockwork good-first-contribution good-first-example good-first-issue good-first-issues good-first-pr good-first-pr-first-contribution good-first-project good-first-prs html-css-javascript thatsinewave time timekeeping timezone
Last synced: 3 days ago
JSON representation
A web-based clock application designed for developers to create and share their own themes.
- Host: GitHub
- URL: https://github.com/thatsinewave/clockwork
- Owner: ThatSINEWAVE
- License: mit
- Created: 2024-06-15T17:22:08.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-06-15T20:03:06.000Z (5 months ago)
- Last Synced: 2024-06-15T22:20:42.056Z (5 months ago)
- Topics: clock, clock-app, clock-synchronization, clockface, clocks, clockview, clockwork, good-first-contribution, good-first-example, good-first-issue, good-first-issues, good-first-pr, good-first-pr-first-contribution, good-first-project, good-first-prs, html-css-javascript, thatsinewave, time, timekeeping, timezone
- Language: CSS
- Homepage: https://thatsinewave.github.io/Clockwork
- Size: 166 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# [Clockwork](https://thatsinewave.github.io/Clockwork)
Welcome to **Clockwork**, a web-based clock application designed for developers to create and share their own themes. Explore the different themes, or create your own to contribute to the Clockwork community.
The primary goal of this project is to allow developers to create and commit their own themes to enhance the visual appeal and functionality of the clock.
## Features
- Displays current time with hour and minute precision.
- Multiple themes: Default, Dark, and Neon.
- Theme selection is saved across sessions using `localStorage`.
- Simple and responsive design.
## ☕ [Support my work on Ko-Fi](https://ko-fi.com/thatsinewave)
## Installation
1. Clone the repository:
```sh
git clone https://github.com/ThatSINEWAVE/Clockwork.git
```
2. Navigate to the project directory:
```sh
cd Clockwork
```
3. Open `index.html` in your browser to view the application locally.
## Usage
To use the Clockwork application:
1. Visit [Clockwork](https://thatsinewave.github.io/Clockwork).
2. Use the theme selector dropdown in the header to choose between Default, Dark, and Neon themes.
3. The selected theme will be saved and applied the next time you visit the site.
## Contributing
If you'd like to contribute to this project, please fork the repository and create a pull request.
## [Join my discord server](https://discord.gg/2nHHHBWNDw)
### Theme CSS Structure
Your theme CSS file should follow the structure of the existing themes. Example:
```css
body.your-theme-name {
background-color: #yourBackgroundColor;
color: #yourTextColor;
}
/* Additional styling for your theme */
```
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.