{"id":14968153,"url":"https://github.com/joserafael0160/clock","last_synced_at":"2026-03-05T02:01:54.749Z","repository":{"id":233997827,"uuid":"788149824","full_name":"joserafael0160/Clock","owner":"joserafael0160","description":"A basic clock made with HTML, PostCSS and JS","archived":false,"fork":false,"pushed_at":"2024-05-13T04:04:20.000Z","size":476,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T10:16:23.448Z","etag":null,"topics":["basic-clock","clock","clock-web","html","javascript","postcss","web-clock"],"latest_commit_sha":null,"homepage":"https://joserafael0160.github.io/Clock/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joserafael0160.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-17T21:47:02.000Z","updated_at":"2024-05-26T17:23:16.000Z","dependencies_parsed_at":"2024-05-13T04:41:49.686Z","dependency_job_id":null,"html_url":"https://github.com/joserafael0160/Clock","commit_stats":{"total_commits":10,"total_committers":2,"mean_commits":5.0,"dds":0.09999999999999998,"last_synced_commit":"350e1711a0291ece02bf0237342b10c702d69860"},"previous_names":["joserafael0160/clock"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joserafael0160/Clock","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2FClock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2FClock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2FClock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2FClock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joserafael0160","download_url":"https://codeload.github.com/joserafael0160/Clock/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joserafael0160%2FClock/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30106134,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T01:39:18.192Z","status":"online","status_checked_at":"2026-03-05T02:00:06.710Z","response_time":93,"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":["basic-clock","clock","clock-web","html","javascript","postcss","web-clock"],"created_at":"2024-09-24T13:39:23.897Z","updated_at":"2026-03-05T02:01:54.707Z","avatar_url":"https://github.com/joserafael0160.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca id=\"top\"\u003e\u003c/a\u003e\n\n\u003ch1 align=\"center\"\u003e\u003cimg src=\"./src/assets/images/favicons/android-icon-144x144.png\" width=\"30\"\u003eClock\u003c/h1\u003e\n\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/made%20with-love-E760A4.svg\" alt=\"Made with love\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/license-MIT-green.svg\" alt=\"License\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"#-about\" target=\"_blank\"\u003e\n        About\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-preview\" target=\"_blank\"\u003e\n        Preview\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-features\" target=\"_blank\"\u003e\n        Features\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-stack\" target=\"_blank\"\u003e\n        Stack\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-getting-starter\" target=\"_blank\"\u003e\n        Getting Started\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-commands\" target=\"_blank\"\u003e\n        Commands\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-contributions\" target=\"_blank\"\u003e\n        Contributions\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-license\" target=\"_blank\"\u003e\n        License\n    \u003c/a\u003e\n    \u003cspan\u003e\u0026nbsp;✦\u0026nbsp;\u003c/span\u003e\n    \u003ca href=\"#-support\" target=\"_blank\"\u003e\n        Support\n    \u003c/a\u003e\n\u003c/div\u003e\n\u003cbr\u003e\n\n\u003eIf you want to read this readme in **Spanish**\n\u003e- [**Spanish README**](https://github.com/joserafael0160/Clock/blob/main/readme.es.md)\n\n## 📜 About \nThe Simple Clock I’ve developed is a web application that provides a clean and easy-to-read time display. It’s perfect for any device, whether it’s a computer or mobile browser. The clock updates every second to ensure accurate timekeeping. 💜\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\" \u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 👀 Preview\n\u003ch4\u003eIn a PC (1920x1080)\u003c/h4\u003e\n\u003cimg src=\"./src/assets/images/webp/clock-PC.webp\" alt=\"project-screenshot\"\u003e\n\n\u003ch4\u003eIn a iPhone SE (375x667)\u003c/h4\u003e\n\u003cimg src=\"./src/assets/images/webp/clock-iPhone-SE.webp\" alt=\"project-screenshot\" width=\"200\"\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 💬 Features\n- **Functional Clock**: The web page features a functional clock that provides a clear and easy-to-read time display. It updates every second to ensure accurate timekeeping\n- **Favicon Support**: Support for a wide range of favicon sizes has been added, ensuring that the site’s icon displays correctly on all devices and platforms.\n- **Open Graph and Twitter Tags**: Open Graph and Twitter meta tags have been included, which optimize the preview of the website on social platforms like Facebook and Twitter.\n- **Cross-Browser Compatibility**: The web page uses the `X-UA-Compatible` meta tag, which helps ensure compatibility with multiple browsers, especially older versions of Internet Explorer.\n- **GitHub Link**: The web page includes a link to the GitHub repository, allowing users to view and contribute to the project’s source code.\n  \n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n  \n## 🧰 Stack\n- [**Vite**](https://vitejs.dev/) - It’s a fast and flexible tool for building and testing JavaScript applications.\n- [**HTML**](https://developer.mozilla.org/es/docs/Web/HTML) - It’s the standard markup language for web pages.\n- [**PostCSS**](https://postcss.org/) - It allows you to use modern CSS features and plugins to write and process CSS with JavaScript.\n- [**JavaScript**](https://developer.mozilla.org/es/docs/Web/JavaScript) - It’s the world’s most popular programming language.\n- [**ESLint**](https://eslint.org/) - It’s an open-source tool that helps you find and fix problems with your JavaScript code.\n- [**Stylelint**](https://stylelint.io/) - It’s a tool that checks your CSS code for syntax, features, and conventions\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🚀 Getting Starter\n1. **Fork** or clone this repository\n\n```bash\ngit clone git@github.com:joserafael0160/Clock.git\n```\n\n2. Install the dependencies: \n\n- I used [**bun**](https://bun.sh) to install and manage the dependencies.\n  \n```bash\n# Install bun for MacOS, WSL \u0026 Linux:\ncurl -fsSL https://bun.sh/install | bash\n\n# Install bun for Windows:\npowershell -c \"iwr bun.sh/install.ps1|iex\"\n\n# Install with bun:\nbun install\n```\n\n- or you can use [**pnpm**](https://pnpm.io):\n\n```bash\n# Install pnpm globally if you don't have it:\nnpm install -g pnpm\n\n# Install dependencies:\npnpm install\n```\n\n3. Run the development server:\n\n```bash\n# Run with bun:\nbun run dev\n\n# Run with pnpm:\npnpm run dev\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🧞 Commands\n|      | Command   | Action                                        |\n| :--- | :-------- | :-------------------------------------------- |\n| ⚙️    | `dev`     | Starts local dev server.                      |\n| ⚙️    | `build`   | Build your production site to `./dist/`.      |\n| ⚙️    | `preview` | Preview your build locally, before deploying. |\n| ⚙️    | `deploy`  | Deploy your website to github pages.          |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🤝 Contributions\n\nContributions are always welcome! Whether you’re reporting bugs, requesting new features, or improving existing functionalities, your help is **greatly appreciated**.\n\nIf you have any suggestions that could improve the project, please make a [_fork_](https://github.com/joserafael0160/Clock/fork) of the repository and create a [_pull request_](https://github.com/joserafael0160/Clock/pulls). You can also simply open an [_issue_](https://github.com/joserafael0160/Clock/issues) with the “enhancement” label.\n\nHere is a quick guide:\n\n1. Make a [_fork_](https://github.com/joserafael0160/Clock/fork) of the Project\n2. Clone your [_fork_](https://github.com/joserafael0160/Clock/fork) (`git clone \u003cURL of the fork\u003e`)\n3. Add the original repository as remote (`git remote add upstream \u003cURL of the original repository\u003e`)\n4. Create your Feature Branch (`git switch -c feature/NewFeature`)\n5. Make your Changes (`git commit -m 'Add: some NewFeature'`)\n6. Push to the Branch (`git push origin feature/NewFeature`)\n7. Open a [_pull request_](https://github.com/joserafael0160/Clock/pulls)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🔑 License\n[MIT](https://github.com/joserafael0160/Clock/blob/main/LICENSE)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Support\nDon't forget to leave a star ⭐️\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eGo Back To Top 🔝\u003c/a\u003e)\u003c/p\u003e\n\u003cbr\u003e\n\u003chr\u003e\n\u003cp align=\"center\"\u003e✌️\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003csub\u003e\u003csup\u003eA project created by \u003ca href=\"https://github.com/joserafael0160\"\u003e@joserafael0160\u003c/a\u003e\u003c/sup\u003e\u003c/sub\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoserafael0160%2Fclock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoserafael0160%2Fclock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoserafael0160%2Fclock/lists"}