{"id":14990267,"url":"https://github.com/capjamesg/web-calendar","last_synced_at":"2025-10-08T18:30:45.284Z","repository":{"id":214113252,"uuid":"735711119","full_name":"capjamesg/web-calendar","owner":"capjamesg","description":"A web component for rendering static calendars.","archived":false,"fork":false,"pushed_at":"2023-12-28T11:52:16.000Z","size":14,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-18T06:43:53.996Z","etag":null,"topics":["calendar","web-calendar","web-component"],"latest_commit_sha":null,"homepage":"https://capjamesg.github.io/web-calendar/","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/capjamesg.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":"2023-12-25T23:11:05.000Z","updated_at":"2024-12-09T19:51:06.000Z","dependencies_parsed_at":"2024-09-24T16:01:23.876Z","dependency_job_id":"c8261f9a-b58d-4b11-b4b1-e140e9bc065a","html_url":"https://github.com/capjamesg/web-calendar","commit_stats":{"total_commits":8,"total_committers":1,"mean_commits":8.0,"dds":0.0,"last_synced_commit":"dfc1d9d69b0ad4a4e4da30a059376106061cb749"},"previous_names":["capjamesg/web-calendar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capjamesg%2Fweb-calendar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capjamesg%2Fweb-calendar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capjamesg%2Fweb-calendar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capjamesg%2Fweb-calendar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/capjamesg","download_url":"https://codeload.github.com/capjamesg/web-calendar/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235741411,"owners_count":19038183,"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":["calendar","web-calendar","web-component"],"created_at":"2024-09-24T14:19:48.159Z","updated_at":"2025-10-08T18:30:39.982Z","avatar_url":"https://github.com/capjamesg.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# web-calendar\n\nA web component for rendering static calendars.\n\n## Demo\n\n[Try the component](https://capjamesg.github.io/web-calendar/)\n\nHere is an example of the component on a web page:\n\n\u003cimg width=\"481\" alt=\"demo\" src=\"https://github.com/capjamesg/web-calendar/assets/37276661/0126595c-7e35-4be9-9c61-ece11a08f595\"\u003e\n\n## Setup\n\nTo use this component, first clone this repository:\n\n```\ngit clone https://github.com/capjamesg/web-calendar\ncd web-calendar/\n```\n\nCopy the `webcalendar.js` file onto your own website.\n\nAdd the following code to theweb page where you want to use the component, before you want to use the component:\n\n```html\n\u003cscript src=\"./path/to/webcalendar.js\"\u003e\u003c/script\u003e\n```\n\nYou can then add the component. To do so, add the following code:\n\n```html\n\u003ccalendar-element\n  data-month=\"January\"\n  data-year=\"2024\"\n  data-starting-day=\"Mon\"\n  data-heading=\"Days I walked in January\"\u003e\n\u003c/calendar-element\u003e\n```\n\nSet:\n\n- `data-month`: The month to show. Must be written in full (i.e. `January`, `February`).\n- `data-year`: The year to show.\n- `data-starting-day`: The first day of the month. Must be `Mon`, `Tue`, `Wed`, `Thu`, `Fri`, `Sat`, or `Sun`.\n- `data-heading`: The heading to show at the top of the calendar.\n\nYou can set squares to be green by specifying the following code before a `calendar-element` element:\n\n```html\n\u003cscript\u003e\n    var filled = [3, 4];\n\u003c/script\u003e\n```\n\nThis is intended for use in applications where you want to track if a goal was completed on a day (i.e. a personal habit tracker).\n\nEach number corresponds with the date (i.e. 3 is the 3rd) to fill in with a green color.\n\n## License\n\nThis project is licensed under an [MIT license](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapjamesg%2Fweb-calendar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcapjamesg%2Fweb-calendar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapjamesg%2Fweb-calendar/lists"}