{"id":19634729,"url":"https://github.com/id-andyyy/live-clock","last_synced_at":"2025-10-27T02:07:13.671Z","repository":{"id":245275392,"uuid":"817742916","full_name":"id-andyyy/Live-Clock","owner":"id-andyyy","description":"🕓🌍 A website with a clock showing real time","archived":false,"fork":false,"pushed_at":"2024-08-16T20:10:44.000Z","size":2332,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-09T16:11:48.689Z","etag":null,"topics":["adaptive-design","clock","css","html","javascript30","js","scss","vanilla-js","website"],"latest_commit_sha":null,"homepage":"https://id-andyyy.github.io/Live-Clock/","language":"SCSS","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/id-andyyy.png","metadata":{"files":{"readme":"README-ru.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-20T10:51:55.000Z","updated_at":"2024-08-17T09:30:04.000Z","dependencies_parsed_at":"2024-08-16T21:28:13.083Z","dependency_job_id":"3637779d-ffc2-4721-92c3-9e87d281f4e7","html_url":"https://github.com/id-andyyy/Live-Clock","commit_stats":null,"previous_names":["id-andyyy/live-clock"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FLive-Clock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FLive-Clock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FLive-Clock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FLive-Clock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/id-andyyy","download_url":"https://codeload.github.com/id-andyyy/Live-Clock/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240937124,"owners_count":19881441,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["adaptive-design","clock","css","html","javascript30","js","scss","vanilla-js","website"],"created_at":"2024-11-11T12:22:29.136Z","updated_at":"2025-10-27T02:07:13.605Z","avatar_url":"https://github.com/id-andyyy.png","language":"SCSS","readme":"![Арт](https://i.postimg.cc/vHVs1Dkj/art.png)\n\n![GitHub Created At](https://img.shields.io/github/created-at/id-andyyy/Live-Clock?style=flat\u0026color=%236D8841)\n![Lines Of Code](https://tokei.rs/b1/github/id-andyyy/Live-Clock?style=flat\u0026category=code\u0026)\n![Top Language](https://img.shields.io/github/languages/top/id-andyyy/Live-Clock?style=flat)\n![Website](https://img.shields.io/website?url=https%3A%2F%2Fid-andyyy.github.io%2FLive-Clock%2F\u0026style=flat)\n\n# Live Clock\u0026nbsp;\u0026#128340;\n\nПростой сайт в стиле минимализм с часами, показывающими текущее время\u0026nbsp;\u0026#10024;. Сайт адаптирован под все типы устройств\u0026nbsp;\u0026#128241;.\n\n## Демонстрация\n\nПосетите [сайт](https://id-andyyy.github.io/Live-Clock/) или посмотрите демонстрацию (клик на картинку)\u0026nbsp;\u0026#128071;\n\n[![Превью](https://i.postimg.cc/15p1yX8K/preview.png)](https://youtu.be/FwWe7pnV1_M)\n\n## Технологии и инструменты\n\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge\u0026logo=SASS\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=white\u0026color=yellow)\n![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge\u0026logo=figma\u0026logoColor=white\u0026color=ad63f7)\n![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white\u0026color=f14e32)\n\nОсобенности:\n- Используется особый прием для вычисления адаптивных величин ([смотреть код](https://gist.github.com/id-andyyy/92bffcaa37c60c395324fe26b1a518d6))\n- Используется функция `circle-properties`, которая создаёт красивые настраиваемые полукольца ([смотреть код](scss/style.scss))\n- Адаптивная вёрстка подстраивается под любое устройство\n- БЭМ методология\n- Чистый\u0026nbsp;JS\n- Указаны мета-теги\n\n## Обратная связь\n\nБуду признателен, если вы поставите звезду\u0026nbsp;\u0026#11088;. Если вы нашли баг или у вас есть предложения по улучшению, используйте раздел [Issues](https://github.com/id-andyyy/Live-Clock/issues).\n\n## Благодарности\n\nБлагодарность за создание макета сайта [strawberry2892\u0026nbsp;\u0026#127827;](https://github.com/strawberry2892). Сайт создан в рамках челленджа [JavaScript30](https://javascript30.com/).\n\nЧитать на [английском\u0026nbsp;\u0026#127468;\u0026#127463;](README.md)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fid-andyyy%2Flive-clock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fid-andyyy%2Flive-clock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fid-andyyy%2Flive-clock/lists"}