{"id":20503609,"url":"https://github.com/withaarzoo/stopwatch","last_synced_at":"2026-05-27T13:36:48.412Z","repository":{"id":188272176,"uuid":"678421237","full_name":"withaarzoo/Stopwatch","owner":"withaarzoo","description":"This repository contains an HTML and CSS code snippet that creates a visually appealing and interactive stopwatch. The stopwatch design features modern styling and animations to provide an engaging user experience.","archived":false,"fork":false,"pushed_at":"2023-08-14T14:16:43.000Z","size":5,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-05T20:42:08.038Z","etag":null,"topics":["css","html","html-css-project","stopwatch"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/withaarzoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-14T14:09:31.000Z","updated_at":"2023-08-14T14:23:06.000Z","dependencies_parsed_at":"2023-08-14T16:57:09.694Z","dependency_job_id":null,"html_url":"https://github.com/withaarzoo/Stopwatch","commit_stats":null,"previous_names":["aarzoo75/stopwatch","withaarzoo/stopwatch"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/withaarzoo/Stopwatch","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FStopwatch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FStopwatch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FStopwatch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FStopwatch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/withaarzoo","download_url":"https://codeload.github.com/withaarzoo/Stopwatch/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/withaarzoo%2FStopwatch/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33568857,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-27T02:00:06.184Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html","html-css-project","stopwatch"],"created_at":"2024-11-15T19:32:57.746Z","updated_at":"2026-05-27T13:36:48.393Z","avatar_url":"https://github.com/withaarzoo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Stopwatch\nThis repository contains an HTML and CSS code snippet that creates a visually appealing and interactive stopwatch. The stopwatch design features modern styling and animations to provide an engaging user experience.\n\n## Introduction\nThe provided HTML and CSS code generates a stopwatch interface with various elements, including start, pause, and reset buttons, along with a stylish display for hours, minutes, seconds, and milliseconds. The design aims to enhance user engagement through animations and a modern color scheme.\n\n## Usage\nTo use this stopwatch code in your project, follow these steps:\n\n1. Copy the HTML code and paste it into your HTML file.\n2. Copy the CSS code and paste it into your CSS file (or include it in a `\u003cstyle\u003e` tag within your HTML file).\n3. Link the appropriate Google Fonts library (Orbitron) in the `\u003chead\u003e` of your HTML file using the provided URL.\n   \nThe stopwatch will be displayed as part of your webpage, and users can interact with it using the start, pause, and reset buttons.\n\n## Customization\nThe provided code includes CSS custom properties (variables) that allow you to customize the appearance of the stopwatch. You can adjust colors, font sizes, and animation timings by modifying the values of these variables in the CSS code.\n\nFor example, you can change the background color of the stopwatch, adjust the colors of digits and buttons, or modify the animation durations to suit your design preferences.\n\n## Contributing\nContributions to this repository are welcome! If you have suggestions for improvements or would like to enhance the code, feel free to submit a pull request. Please follow the existing coding style and documentation format.\n\n## License\nThis code is provided under the MIT License. You are free to use and modify the code for your projects. Refer to the LICENSE file for more details.\n\n## Preview\n\u003cimg width=\"896\" alt=\"Screenshot 2023-08-14 193729\" src=\"https://github.com/Aarzoo75/Stopwatch/assets/59678435/915c59cd-168f-4ff4-b33d-4bf94d7ba70a\"\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Fstopwatch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwithaarzoo%2Fstopwatch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwithaarzoo%2Fstopwatch/lists"}