{"id":15659032,"url":"https://github.com/snapstromegon/wordclock","last_synced_at":"2025-05-05T03:44:01.268Z","repository":{"id":75837653,"uuid":"96912913","full_name":"Snapstromegon/wordclock","owner":"Snapstromegon","description":"HTML, JS and CSS based Wordclock","archived":false,"fork":false,"pushed_at":"2024-11-13T11:58:45.000Z","size":99,"stargazers_count":23,"open_issues_count":0,"forks_count":10,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-05-05T03:43:53.554Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Snapstromegon.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,"zenodo":null}},"created_at":"2017-07-11T16:13:46.000Z","updated_at":"2024-11-13T11:58:49.000Z","dependencies_parsed_at":"2024-10-23T06:14:54.486Z","dependency_job_id":"423f53bb-f132-4b8d-9fc9-ca6ea0847ab4","html_url":"https://github.com/Snapstromegon/wordclock","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snapstromegon%2Fwordclock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snapstromegon%2Fwordclock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snapstromegon%2Fwordclock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Snapstromegon%2Fwordclock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Snapstromegon","download_url":"https://codeload.github.com/Snapstromegon/wordclock/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252436240,"owners_count":21747467,"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":["css","html","javascript"],"created_at":"2024-10-03T13:14:42.689Z","updated_at":"2025-05-05T03:44:01.251Z","avatar_url":"https://github.com/Snapstromegon.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Wordclock\n\nThis is a wordclock designed to run in a browser. It is developed and tested for Chrome, but other browsers work too if they support all necessary features.\n\n@Copyright: Raphael Höser (Snapstromegon)\n\n## Developer Notes\n\n### This GIT\n\nIf you encouter any bugs or want to improve or contribute, please feel free to do so via issues or PRs.\n\n### Sprachpakete\n\nIf you want to add a languagepack to my system, feel free to add a PR.\n\n#### Übersicht über verfügbare Sprachpakete\n\n| Language       |  Code   | wc_langPack            |\n| :------------- | :-----: | :--------------------- |\n| German         |   DE    | wc_langPack_DE.js      |\n| English        |   EN    | wc_langPack_EN.js      |\n| Dutch          |   NL    | wc_langPack_NL.js      |\n| Swiss German   | DE_SWG  | wc_langPack_DE_SWG.js  |\n| Bernese German | CH_BERN | wc_langPack_CH_BERN.js |\n\n## Screenshot\n\n![Screenshot unter Google Chrome 59, Win 10 64Bit](./screenshot.png)\n\n## Installation\n\n### Files\n\nThe following files are needed for this clock to run:\n\n- **./wc.html**  \n  The HTML base for the clock\n- **./wc_main.js**  \n  Main logik which is not language specific\n- **./wc_base.css**  \n  styling of the clock\n- **./wc\\_langPacks/wc\\_langPack\\_[language_code].js**  \n  The Languagepack you want to use\n\n### Displaying System\n\nJust open **wc.html** to see the wordclock.\n\n## Customization\n\n### Settings\n\nIn **wc_main.js** you can edit the _wc_settings_ Object with the following attributes:\n\n- **lang**:  \n  the language code you want to use (default: 'DE')\n- **updateInterval**:  \n  how often the main loop should run and update the clock state (default: every 1000ms)\n- **round**:  \n  set this to true, of you want to round the time to the closest five minutes (for usage without the minute points) (default: false)\n- **showMinutePoints**:  \n  set this to false to hide the minute points (default: true)\n- **stencilMode**:  \n  this mode only shows bright squares instead of the letters, so you can add a cardboard cutout on the monitor (default: false)\n- **fuzzyTime**:  \n  this adds an additional part to the wording like 01:32 -\u003e \"it just was half past one\" or 01:28 -\u003e \"it is nearly half past one\". This comes up, so it always shows the closest 5 minute interval. (default: none)\n  possible values are none, before (for nearly), after (for just was) and both.\n  This feature is only implemented for the following language packs:\n    - EN\n\n#### Default Settings\n\n```javascript\nvar wc_settings = {\n  lang: 'DE',\n  updateInterval: 1000,\n  round: false,\n  showMinutePoints: true,\n  stencilMode: false,\n  fuzzyTime: 'none',\n};\n```\n\n### Style\n\nThe root element sets three css variables, which control the color theme, the minute point distance and the fontsize.\n\n#### Default Style\n\n```css\n:root {\n  --on-color: #fff;\n  --off-color: #333;\n  --background-color: #000;\n  --dot-padding: 4%;\n  --fontSize: 2em;\n}\n```\n\n### Custom Languagepacks\n\n#### Description\n\nYou can add custom language packs to the _wc_langPacks_ folder. Those have to follow the structure of the existing packets and do/provide the following things:\n\n#### Register\n\nA languagepack has to call the global function `wc_addLanguagePack(languagePack)` to register itself.\n\n#### Languagepack content\n\nA languagpack has to provide the following attributes:\n\n- **langCode**:  \n  The language code\n- **letterSet**:  \n  A two dimensional character array in which the first dimension describes a row and the second the columns in a row.\n- **timeString**:\n  A function in the form of `function(h,m,settings)`, which gets the following parameters and returns a string which words can be found from top left to bottom right in the _letterSet_.\n\n  **Parameters**\n\n  - **h**  \n    Current hours in 24h-format\n  - **m**  \n    Current minutes between 0 and 59\n  - **settings**\n    A Settingsobject, which holds information about the current clock settings.\n\n## Inspiration\n\nThe inspiration for this project was a request my father made (github: ThomasH-W). In his Blog (german) you can find a more detailed install guide and further projects..\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnapstromegon%2Fwordclock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsnapstromegon%2Fwordclock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsnapstromegon%2Fwordclock/lists"}