https://github.com/capjamesg/web-calendar
A web component for rendering static calendars.
Science Score: 13.0%
This score indicates how likely this project is to be science-related based on various indicators:
-
○CITATION.cff file
-
✓codemeta.json file
Found codemeta.json file -
○.zenodo.json file
-
○DOI references
-
○Academic publication links
-
○Committers with academic emails
-
○Institutional organization owner
-
○JOSS paper metadata
-
○Scientific vocabulary similarity
Low similarity (8.0%) to scientific vocabulary
Keywords
Repository
A web component for rendering static calendars.
Basic Info
- Host: GitHub
- Owner: capjamesg
- License: mit
- Language: JavaScript
- Default Branch: main
- Homepage: https://capjamesg.github.io/web-calendar/
- Size: 13.7 KB
Statistics
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
- Releases: 0
Topics
Metadata Files
README.md
web-calendar
A web component for rendering static calendars.
Demo
Here is an example of the component on a web page:
Setup
To use this component, first clone this repository:
git clone https://github.com/capjamesg/web-calendar
cd web-calendar/
Copy the webcalendar.js file onto your own website.
Add the following code to theweb page where you want to use the component, before you want to use the component:
html
<script src="./path/to/webcalendar.js"></script>
You can then add the component. To do so, add the following code:
html
<calendar-element
data-month="January"
data-year="2024"
data-starting-day="Mon"
data-heading="Days I walked in January">
</calendar-element>
Set:
data-month: The month to show. Must be written in full (i.e.January,February).data-year: The year to show.data-starting-day: The first day of the month. Must beMon,Tue,Wed,Thu,Fri,Sat, orSun.data-heading: The heading to show at the top of the calendar.
You can set squares to be green by specifying the following code before a calendar-element element:
html
<script>
var filled = [3, 4];
</script>
This 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).
Each number corresponds with the date (i.e. 3 is the 3rd) to fill in with a green color.
License
This project is licensed under an MIT license.
Owner
- Name: James
- Login: capjamesg
- Kind: user
- Location: Scotland
- Company: @Roboflow
- Website: jamesg.blog
- Repositories: 320
- Profile: https://github.com/capjamesg
from words, wonder.
GitHub Events
Total
- Watch event: 1
Last Year
- Watch event: 1
Issues and Pull Requests
Last synced: about 1 year ago
All Time
- Total issues: 0
- Total pull requests: 0
- Average time to close issues: N/A
- Average time to close pull requests: N/A
- Total issue authors: 0
- Total pull request authors: 0
- Average comments per issue: 0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0
Past Year
- Issues: 0
- Pull requests: 0
- Average time to close issues: N/A
- Average time to close pull requests: N/A
- Issue authors: 0
- Pull request authors: 0
- Average comments per issue: 0
- Average comments per pull request: 0
- Merged pull requests: 0
- Bot issues: 0
- Bot pull requests: 0