about summary refs log tree commit diff
path: root/content/cal/_index.html
blob: a32beca457bc8b7a47a6c6fec7fa87fc44117c6d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
---
title: Calendar
disable_feed: true
---

<noscript>
	This calendar works locally in your browser and requires JavaScript to remain serverless
</noscript>
<div>
	<label>
		Solar date:
		<input id="solar-date" type="date" />
	</label>
</div>
<div id="lunar-solar-cal">
	<div id="solar-cal">
		<div id="month-year-row">
			<div id="solar-month-vi" lang=vi></div>
			<div id="solar-year"></div>
			<div id="solar-month-en"></div>
		</div>
		<hr>
		<div id="day-area" lang=vi>
			<button id="nav-day-before">
				<span class="sr-only">Ngày trước</span>
			</button>
			<div>
				<div id="solar-day"></div>
				<div id="special-day-vi"></div>
			</div>
			<button id="nav-day-after">
				<span class="sr-only">Ngày tiếp theo</span>
			</button>
		</div>
		<hr>
		<div id="weekday-row">
			<div id="solar-weekday-en"></div>
			<div id="solar-weekday-vi" lang=vi></div>
			<div id="solar-weekday-zh" lang=zh></div>
		</div>
	</div>
	<hr>
	<div id="lunar-cal">
		<div id=lunar-cal-vi lang="vi">
			<div id="lunar-year-vi"></div>
			<div id="lunar-month-vi"></div>
			<div id="lunar-month-zodiac-vi"></div>
			<div id="lunar-day-zodiac-vi"></div>
			<div id="solar-term-vi"></div>
		</div>
		<div id="lunar-day"></div>
		<div id=lunar-cal-zh lang="zh">
			<div id="lunar-year-zh"></div>
			<div>
				<span id="lunar-month-zh"></span> ·
				<span id="lunar-month-zodiac-zh"></span>
			</div>
			<div id="lunar-day-zh"></div>
			<div id="lunar-day-zodiac-zh"></div>
			<div>
				<span id="solar-term-zh"></span>
				<span id="special-day-zh"></span>
			</div>
		</div>
	</div>
</div>
<script src="lunar.js"></script>