https://github.com/trongthanh/amlich.app

Code for amlich.app and <lunar-cal> custom element. A Lunisolar calendar.
https://github.com/trongthanh/amlich.app

custom-element lunar-calendar lunisolar-calendar web-component

Last synced: 23 days ago
JSON representation

Code for amlich.app and <lunar-cal> custom element. A Lunisolar calendar.

• Host: GitHub
• URL: https://github.com/trongthanh/amlich.app
• Owner: trongthanh
• License: apache-2.0
• Created: 2024-01-21T16:14:22.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-19T16:01:25.000Z (9 months ago)
• Last Synced: 2024-10-01T02:42:34.075Z (about 1 month ago)
• Topics: custom-element, lunar-calendar, lunisolar-calendar, web-component
• Language: JavaScript
• Homepage: https://amlich.app
• Size: 204 KB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# amlich.app

Code for applich.app (Lunisolar calendar)

## `` Custom Element

Example:

```html

	
Âm Lịch Việt Nam

	

		

		🌸 29 Tháng Chạp 🌸

		🌸 Mùng 4 Tết Nguyên Đán 🌸

		🌸 Mùng 5 Tết Nguyên Đán 🌸

		🇻🇳 Lễ Quốc Khánh 🇻🇳

		🎄 Lễ Giáng Sinh 🎄

	


```

### Customizable Attributes

These attributes are optional

- `details-visible`: (Boolean attribute) If set, the today's details will be visible.

- `initial-date`: Initial date and month for the calendar. A Date() parsable string. (Eg: `2024-01-01`, `2025-12-25`)

- `timezone`: Timezone to calculate the lunar date. (Eg: `7`, `+08:00`, `-05:00`)

## Features and Road map

- [x] Monthly view Lunisolar calendar

- [x] Details view of today and selected date

- [x] `` custom element (Web component)

- [x] Installable PWA

- [x] `prefer-color-scheme` for dark and light mode

- [ ] Customization demo

- [ ] npm package

- [ ] JS API documentation

- [ ] Unit tests

- [ ] Clean code

## Thanks

- Hồ Ngọc Đức for the original [Lunisolar calendar algorithm](https://www.informatik.uni-leipzig.de/~duc/amlich/)

- Álvaro for the initial [grid-based calendar](https://codepen.io/alvarotrigo/pen/bGLpROa)

- Kev Quirk for [Simple CSS](https://github.com/kevquirk/simple.css)

---

© 2024 Trần Trọng Thanh (int3ractive.com). Apache 2.0 license.