diff options
| author | Ngô Ngọc Đức Huy <huyngo@disroot.org> | 2025-02-12 23:09:44 +0700 |
|---|---|---|
| committer | Ngô Ngọc Đức Huy <huyngo@disroot.org> | 2025-02-12 23:09:44 +0700 |
| commit | b341eb67a7c44c6782a34c6a0d820552a49a52ea (patch) | |
| tree | 592896ea6573eb39ccc445f7f8c113ae1bfd10c1 | |
| parent | 4a46ae3bbaf3a4281bdaf39b8a4386ce8f812333 (diff) | |
| download | blog-b341eb67a7c44c6782a34c6a0d820552a49a52ea.tar.gz | |
Add today navigation + style update
| -rw-r--r-- | assets/css/main.css | 10 | ||||
| -rw-r--r-- | content/cal/_index.html | 1 | ||||
| -rw-r--r-- | content/cal/lunar.js | 5 |
3 files changed, 15 insertions, 1 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index c629ef5..0dfbaac 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -611,6 +611,10 @@ a.next-link::after { text-align: center; } +#solar-year, #solar-weekday-vi { + font-size: 1.2em; +} + #lunar-day { font-size: 3em; text-align: center; @@ -649,7 +653,11 @@ button#nav-day-after::before { text-align: center } -.holiday { +#lunar-solar-cal { + border: 1px solid var(--font-color); +} + +#lunar-solar-cal.holiday { border: 1px solid var(--red); color: var(--red); } diff --git a/content/cal/_index.html b/content/cal/_index.html index a32beca..9bbb4fd 100644 --- a/content/cal/_index.html +++ b/content/cal/_index.html @@ -11,6 +11,7 @@ disable_feed: true Solar date: <input id="solar-date" type="date" /> </label> + <button id="nav-today">Today</button> </div> <div id="lunar-solar-cal"> <div id="solar-cal"> diff --git a/content/cal/lunar.js b/content/cal/lunar.js index b5b0bd1..4ab5e26 100644 --- a/content/cal/lunar.js +++ b/content/cal/lunar.js @@ -512,6 +512,11 @@ dayAfterBtn.onclick = () => { dateInput.valueAsDate = date updateOutputs() } +document.querySelector("#nav-today").onclick = () => { + console.log("a") + dateInput.valueAsDate = new Date() + updateOutputs() +} document.addEventListener("DOMContentLoaded", updateOutputs) dateInput.onchange = updateOutputs |