diff --git a/.Jules/palette.md b/.Jules/palette.md new file mode 100644 index 0000000..7117073 --- /dev/null +++ b/.Jules/palette.md @@ -0,0 +1 @@ +## 2024-06-12 - [Focus-Within for Navigation Menus]\n**Learning:** Dropdowns that rely only on `:hover` for visibility cause accessibility issues for keyboard users. Adding `:focus-within` alongside `:hover` ensures that tabbing through the navigation menu properly expands the dropdown menu and makes its links accessible.\n**Action:** Always include `:focus-within` on the parent container when building hover-based dropdowns to maintain keyboard accessibility. diff --git a/assets/css/custom.css b/assets/css/custom.css index fe6619b..d68481b 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -33,7 +33,8 @@ html::before { animation: gzen-breathing-bg 22s ease-in-out infinite alternate; } -body, .prose { +body, +.prose { font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; line-height: 1.8; } @@ -62,7 +63,9 @@ body { } /* Long-form article content uses serif for readability */ -.prose h1, .prose h2, .prose h3 { +.prose h1, +.prose h2, +.prose h3 { font-family: "Noto Serif SC", "Noto Sans SC", serif; font-weight: 500; } @@ -171,7 +174,9 @@ body { line-height: 1.2; padding: 0.45rem 0.65rem; text-decoration: none; - transition: background-color 160ms ease, color 160ms ease; + transition: + background-color 160ms ease, + color 160ms ease; } .gzen-nav a:hover, @@ -243,7 +248,10 @@ body { line-height: 1; padding: 0.82rem 1.1rem; text-decoration: none; - transition: transform 160ms cubic-bezier(0.175, 0.885, 0.32, 1.275), background-color 160ms ease, box-shadow 160ms ease; + transition: + transform 160ms cubic-bezier(0.175, 0.885, 0.32, 1.275), + background-color 160ms ease, + box-shadow 160ms ease; } .gzen-primary-link:hover { @@ -276,7 +284,10 @@ body { box-shadow: 0 2px 8px rgba(74, 44, 26, 0.02); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); - transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease; + transition: + transform 180ms ease, + box-shadow 180ms ease, + background-color 180ms ease; } .gzen-hero-aside span:hover { @@ -456,7 +467,9 @@ header .logo { align-items: center; gap: 0.2rem; font-family: inherit; - transition: background-color 160ms ease, color 160ms ease; + transition: + background-color 160ms ease, + color 160ms ease; } .gzen-nav-dropdown:hover .gzen-nav-dropdown-trigger, @@ -471,7 +484,8 @@ header .logo { transition: transform 180ms ease; } -.gzen-nav-dropdown:hover .gzen-dropdown-arrow { +.gzen-nav-dropdown:hover .gzen-dropdown-arrow, +.gzen-nav-dropdown:focus-within .gzen-dropdown-arrow { transform: rotate(180deg); } @@ -492,11 +506,14 @@ header .logo { opacity: 0; visibility: hidden; transform: translateY(8px); - transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease; + transition: + opacity 180ms ease, + transform 180ms ease, + visibility 180ms ease; } .gzen-nav-dropdown:hover .gzen-nav-dropdown-menu, -.gzen-nav-dropdown-menu:focus-within { +.gzen-nav-dropdown:focus-within .gzen-nav-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); @@ -551,7 +568,11 @@ header .logo { color: inherit; position: relative; overflow: hidden; - transition: transform 180ms cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease; + transition: + transform 180ms cubic-bezier(0.165, 0.84, 0.44, 1), + box-shadow 180ms ease, + background-color 180ms ease, + border-color 180ms ease; } .gzen-card::before { @@ -650,7 +671,8 @@ header .logo { padding: 0.5rem 0.75rem; } - .gzen-nav-dropdown:hover .gzen-dropdown-arrow { + .gzen-nav-dropdown:hover .gzen-dropdown-arrow, + .gzen-nav-dropdown:focus-within .gzen-dropdown-arrow { transform: none; } @@ -669,7 +691,7 @@ header .logo { } .gzen-nav-dropdown:hover .gzen-nav-dropdown-menu, - .gzen-nav-dropdown-menu:focus-within { + .gzen-nav-dropdown:focus-within .gzen-nav-dropdown-menu { display: flex; opacity: 1; visibility: visible; @@ -760,7 +782,7 @@ header .logo { grid-template-columns: 1fr; gap: 2.5rem; } - + .gzen-footer-links { justify-content: space-between; } @@ -771,12 +793,10 @@ header .logo { flex-direction: column; gap: 1.8rem; } - + .gzen-footer-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; } } - - diff --git a/assets/css/schemes/gzen.css b/assets/css/schemes/gzen.css index f0455c2..7d60d3b 100644 --- a/assets/css/schemes/gzen.css +++ b/assets/css/schemes/gzen.css @@ -10,39 +10,39 @@ :root, html.light { /* Primary accent: warm saffron #d97845 */ - --color-primary-50: 255 248 245; + --color-primary-50: 255 248 245; --color-primary-100: 255 237 220; --color-primary-200: 250 210 174; --color-primary-300: 240 176 124; - --color-primary-400: 226 139 78; - --color-primary-500: 217 120 69; - --color-primary-600: 188 91 47; - --color-primary-700: 148 68 36; - --color-primary-800: 111 49 29; - --color-primary-900: 82 36 24; - --color-primary-950: 52 23 15; + --color-primary-400: 226 139 78; + --color-primary-500: 217 120 69; + --color-primary-600: 188 91 47; + --color-primary-700: 148 68 36; + --color-primary-800: 111 49 29; + --color-primary-900: 82 36 24; + --color-primary-950: 52 23 15; /* Neutral scale: warm brown → cream */ - --color-neutral-50: 255 250 244; + --color-neutral-50: 255 250 244; --color-neutral-100: 250 241 229; --color-neutral-200: 235 218 198; --color-neutral-300: 210 184 154; - --color-neutral-400: 168 132 96; - --color-neutral-500: 126 92 62; - --color-neutral-600: 98 69 45; - --color-neutral-700: 72 49 32; - --color-neutral-800: 50 34 24; - --color-neutral-900: 36 25 18; - --color-neutral-950: 24 16 11; + --color-neutral-400: 168 132 96; + --color-neutral-500: 126 92 62; + --color-neutral-600: 98 69 45; + --color-neutral-700: 72 49 32; + --color-neutral-800: 50 34 24; + --color-neutral-900: 36 25 18; + --color-neutral-950: 24 16 11; } /* Dark mode: keep warm tones even in dark (graceful fallback) */ html.dark { - --color-primary-50: 74 44 26; - --color-primary-100: 98 60 34; - --color-primary-200: 130 82 50; - --color-primary-300: 160 106 68; - --color-primary-400: 196 128 88; + --color-primary-50: 74 44 26; + --color-primary-100: 98 60 34; + --color-primary-200: 130 82 50; + --color-primary-300: 160 106 68; + --color-primary-400: 196 128 88; --color-primary-500: 232 149 109; --color-primary-600: 240 172 138; --color-primary-700: 246 198 172; @@ -50,12 +50,12 @@ html.dark { --color-primary-900: 253 240 232; --color-primary-950: 255 248 245; - --color-neutral-50: 28 16 8; - --color-neutral-100: 48 30 16; - --color-neutral-200: 74 48 28; - --color-neutral-300: 100 70 44; - --color-neutral-400: 130 92 62; - --color-neutral-500: 160 116 84; + --color-neutral-50: 28 16 8; + --color-neutral-100: 48 30 16; + --color-neutral-200: 74 48 28; + --color-neutral-300: 100 70 44; + --color-neutral-400: 130 92 62; + --color-neutral-500: 160 116 84; --color-neutral-600: 190 145 108; --color-neutral-700: 210 175 145; --color-neutral-800: 230 208 186; diff --git a/content/en/yijing/observing-yin-yang.md b/content/en/yijing/observing-yin-yang.md index 3307fa0..1e6c17a 100644 --- a/content/en/yijing/observing-yin-yang.md +++ b/content/en/yijing/observing-yin-yang.md @@ -19,6 +19,7 @@ This exhausting loop of "too much or too little" leaves us drained. We try to co ## Principle The core theory of the I Ching is the unity and cyclical transition of **Yin and Yang**. Yin and Yang are not static symbols; they represent two fundamental states of life energy (Qi/Ki): + - **Yang**: Represents active, bright, movement, expression, creation, and expenditure. - **Yin**: Represents receptive, dark, rest, listening, holding, and accumulation. diff --git a/content/ja/yijing/observing-yin-yang.md b/content/ja/yijing/observing-yin-yang.md index 706b16f..c9fa119 100644 --- a/content/ja/yijing/observing-yin-yang.md +++ b/content/ja/yijing/observing-yin-yang.md @@ -19,6 +19,7 @@ categories: ["易経"] ## 原則 『易経』の核心的な理論は、**陰陽**の対立と統一、循環する消長（満ち欠け）です。陰と陽は静止した記号ではなく、生命エネルギー（気）の二つの基本状態を表しています： + - **陽（Yáng）**：能動、光、行動、表現、創造、そしてエネルギーの消費。 - **陰（Yīn）**：受容、闇、休整、傾聴、維持、そしてエネルギーの蓄積。 diff --git a/content/zh/yijing/observing-yin-yang.md b/content/zh/yijing/observing-yin-yang.md index 882df8c..fe91bc4 100644 --- a/content/zh/yijing/observing-yin-yang.md +++ b/content/zh/yijing/observing-yin-yang.md @@ -19,6 +19,7 @@ categories: ["易经"] ## 原则 《易经》的核心理论即是**阴阳**的对立统一与循环消长。阴与阳不是静止的符号，而是生命能量（气）的两种基本状态： + - **阳（Yáng）**：代表主动、光明、行动、表达、创造与消耗。 - **阴（Yīn）**：代表被动、黑暗、休整、倾听、承载与蓄积。 diff --git a/layouts/partials/extend-head.html b/layouts/partials/extend-head.html index de8a723..bfc0597 100644 --- a/layouts/partials/extend-head.html +++ b/layouts/partials/extend-head.html @@ -1,4 +1,6 @@ {{/* CJK typography — loaded once, cached */}} - - - + + + diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 8fe1623..a314af3 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -8,15 +8,32 @@ {{ .Site.Language.Params.subtitle | default "善聚慧生" }} -

{{ .Site.Language.Params.description | default .Site.Params.brandTagline }}

+

+ {{ .Site.Language.Params.description | default .Site.Params.brandTagline }} +

{{ i18n "nav_ecosystem" | default "生态" }}

- ki.gzen.io - learn.gzen.io - invest.gzen.io + ki.gzen.io + learn.gzen.io + invest.gzen.io

{{ i18n "nav_origin" | default "起源" }}

@@ -28,7 +45,8 @@

{{ i18n "nav_origin" | default "起源" }}

- © {{ now.Format "2006" }} {{ .Site.Title }}. All rights reserved. Spawned from divineforge.com. + © {{ now.Format "2006" }} {{ .Site.Title }}. All rights reserved. Spawned from + divineforge.com.

@@ -37,8 +55,8 @@

{{ i18n "nav_origin" | default "起源" }}

mediumZoom(document.querySelectorAll("img:not(.nozoom)"), { margin: 24, background: "rgba(0,0,0,0.5)", - scrollOffset: 0, - }); + scrollOffset: 0 + }) {{ end }} diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html index fef4c6c..52e8297 100644 --- a/layouts/partials/header/basic.html +++ b/layouts/partials/header/basic.html @@ -6,6 +6,7 @@ (dict "key" "library" "path" "library") }} +
@@ -24,15 +25,27 @@ {{ i18n "nav_ecosystem" | default "生态" }} ▾ - {{ if .IsTranslated }}
-
+
diff --git a/static/js/language-toggle.js b/static/js/language-toggle.js index 851b653..9503eb1 100644 --- a/static/js/language-toggle.js +++ b/static/js/language-toggle.js @@ -2,21 +2,21 @@ * GrowZen Language Toggle * Stores secondary language preference in localStorage. */ -(function () { - 'use strict'; - var STORAGE_KEY = 'gzen-lang'; - var stored = localStorage.getItem(STORAGE_KEY); +;(function () { + "use strict" + var STORAGE_KEY = "gzen-lang" + var stored = localStorage.getItem(STORAGE_KEY) if (stored) { - document.querySelectorAll('#lang-toggle a').forEach(function (a) { + document.querySelectorAll("#lang-toggle a").forEach(function (a) { if (a.dataset.lang === stored) { - a.style.background = '#f8e8d4'; - a.style.color = '#9a5c2a'; + a.style.background = "#f8e8d4" + a.style.color = "#9a5c2a" } - }); + }) } - document.querySelectorAll('#lang-toggle a').forEach(function (a) { - a.addEventListener('click', function () { - localStorage.setItem(STORAGE_KEY, a.dataset.lang); - }); - }); -})(); + document.querySelectorAll("#lang-toggle a").forEach(function (a) { + a.addEventListener("click", function () { + localStorage.setItem(STORAGE_KEY, a.dataset.lang) + }) + }) +})() diff --git a/static/js/lunar.js b/static/js/lunar.js index 4081fc8..2d1b53b 100644 --- a/static/js/lunar.js +++ b/static/js/lunar.js @@ -4,463 +4,728 @@ * Computes Chinese lunar date from Gregorian using the classic algorithm. */ -(function () { - 'use strict'; +;(function () { + "use strict" // ─── Lunar data tables ──────────────────────────────────────────────────── // Each entry: bits 16-4 = month days flags (1=big/30, 0=small/29), // bits 3-0 = leap month (0=none) // Source: authoritative Chinese calendar data 1900–2100 var lunarInfo = [ - 0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2, // 1900–1909 - 0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977, // 1910–1919 - 0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970, // 1920–1929 - 0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950, // 1930–1939 - 0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557, // 1940–1949 - 0x06ca0,0x0b550,0x15355,0x04da0,0x0a5d0,0x14573,0x052d0,0x0a9a8,0x0e950,0x06aa0, // 1950–1959 - 0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0, // 1960–1969 - 0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6, // 1970–1979 - 0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570, // 1980–1989 - 0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06aa0,0x0a6b6,0x056a0,0x02b60,0x09177, // 1990–1999 - 0x025d0,0x092d0,0x0cab5,0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0, // 2000–2009 - 0x15176,0x052b0,0x0f92f,0x0e950,0x06aa0,0x0ada0,0x14b55,0x04b60,0x0aae0,0x0a570, // 2010–2019 - 0x05260,0x0f263,0x0d950,0x05b57,0x056a0,0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4, // 2020–2029 - 0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a, // 2030–2039 - 0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,0x04af5,0x04970,0x064b0,0x074a3,0x0ea50, // 2040–2049 - ]; - - var BASE_YEAR = 1900; + 0x04bd8, + 0x04ae0, + 0x0a570, + 0x054d5, + 0x0d260, + 0x0d950, + 0x16554, + 0x056a0, + 0x09ad0, + 0x055d2, // 1900–1909 + 0x04ae0, + 0x0a5b6, + 0x0a4d0, + 0x0d250, + 0x1d255, + 0x0b540, + 0x0d6a0, + 0x0ada2, + 0x095b0, + 0x14977, // 1910–1919 + 0x04970, + 0x0a4b0, + 0x0b4b5, + 0x06a50, + 0x06d40, + 0x1ab54, + 0x02b60, + 0x09570, + 0x052f2, + 0x04970, // 1920–1929 + 0x06566, + 0x0d4a0, + 0x0ea50, + 0x06e95, + 0x05ad0, + 0x02b60, + 0x186e3, + 0x092e0, + 0x1c8d7, + 0x0c950, // 1930–1939 + 0x0d4a0, + 0x1d8a6, + 0x0b550, + 0x056a0, + 0x1a5b4, + 0x025d0, + 0x092d0, + 0x0d2b2, + 0x0a950, + 0x0b557, // 1940–1949 + 0x06ca0, + 0x0b550, + 0x15355, + 0x04da0, + 0x0a5d0, + 0x14573, + 0x052d0, + 0x0a9a8, + 0x0e950, + 0x06aa0, // 1950–1959 + 0x0aea6, + 0x0ab50, + 0x04b60, + 0x0aae4, + 0x0a570, + 0x05260, + 0x0f263, + 0x0d950, + 0x05b57, + 0x056a0, // 1960–1969 + 0x096d0, + 0x04dd5, + 0x04ad0, + 0x0a4d0, + 0x0d4d4, + 0x0d250, + 0x0d558, + 0x0b540, + 0x0b6a0, + 0x195a6, // 1970–1979 + 0x095b0, + 0x049b0, + 0x0a974, + 0x0a4b0, + 0x0b27a, + 0x06a50, + 0x06d40, + 0x0af46, + 0x0ab60, + 0x09570, // 1980–1989 + 0x04af5, + 0x04970, + 0x064b0, + 0x074a3, + 0x0ea50, + 0x06aa0, + 0x0a6b6, + 0x056a0, + 0x02b60, + 0x09177, // 1990–1999 + 0x025d0, + 0x092d0, + 0x0cab5, + 0x0a950, + 0x0b4a0, + 0x0baa4, + 0x0ad50, + 0x055d9, + 0x04ba0, + 0x0a5b0, // 2000–2009 + 0x15176, + 0x052b0, + 0x0f92f, + 0x0e950, + 0x06aa0, + 0x0ada0, + 0x14b55, + 0x04b60, + 0x0aae0, + 0x0a570, // 2010–2019 + 0x05260, + 0x0f263, + 0x0d950, + 0x05b57, + 0x056a0, + 0x096d0, + 0x04dd5, + 0x04ad0, + 0x0a4d0, + 0x0d4d4, // 2020–2029 + 0x0d250, + 0x0d558, + 0x0b540, + 0x0b6a0, + 0x195a6, + 0x095b0, + 0x049b0, + 0x0a974, + 0x0a4b0, + 0x0b27a, // 2030–2039 + 0x06a50, + 0x06d40, + 0x0af46, + 0x0ab60, + 0x09570, + 0x04af5, + 0x04970, + 0x064b0, + 0x074a3, + 0x0ea50 // 2040–2049 + ] + + var BASE_YEAR = 1900 // Days in a Gregorian month (non-leap) - var SOLAR_MONTH = [31,28,31,30,31,30,31,31,30,31,30,31]; + var SOLAR_MONTH = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] - function isLeapYear(y) { return (y % 4 === 0 && y % 100 !== 0) || y % 400 === 0; } + function isLeapYear(y) { + return (y % 4 === 0 && y % 100 !== 0) || y % 400 === 0 + } function leapMonth(y) { - var idx = y - BASE_YEAR; - if (idx < 0 || idx >= lunarInfo.length) return 0; - return lunarInfo[idx] & 0xf; + var idx = y - BASE_YEAR + if (idx < 0 || idx >= lunarInfo.length) return 0 + return lunarInfo[idx] & 0xf } function leapDays(y) { - var lm = leapMonth(y); - if (!lm) return 0; - var idx = y - BASE_YEAR; - if (idx < 0 || idx >= lunarInfo.length) return 29; - return (lunarInfo[idx] & 0x10000) ? 30 : 29; + var lm = leapMonth(y) + if (!lm) return 0 + var idx = y - BASE_YEAR + if (idx < 0 || idx >= lunarInfo.length) return 29 + return lunarInfo[idx] & 0x10000 ? 30 : 29 } function monthDays(y, m) { - var idx = y - BASE_YEAR; - if (idx < 0 || idx >= lunarInfo.length) return 29; - return (lunarInfo[idx] & (0x10000 >> m)) ? 30 : 29; + var idx = y - BASE_YEAR + if (idx < 0 || idx >= lunarInfo.length) return 29 + return lunarInfo[idx] & (0x10000 >> m) ? 30 : 29 } function yearDays(y) { - var sum = 348; // 12 × 29 - var idx = y - BASE_YEAR; - if (idx < 0 || idx >= lunarInfo.length) return sum; + var sum = 348 // 12 × 29 + var idx = y - BASE_YEAR + if (idx < 0 || idx >= lunarInfo.length) return sum for (var i = 0x8000; i > 0x8; i >>= 1) { - if (lunarInfo[idx] & i) sum++; + if (lunarInfo[idx] & i) sum++ } - return sum + leapDays(y); + return sum + leapDays(y) } // Convert Gregorian date → Lunar {year,month,day,isLeap} function solar2Lunar(y, m, d) { // Days since 1900-01-31 (the lunar new year of 1900) - var offset = 0; + var offset = 0 for (var i = 1900; i < y; i++) { - offset += isLeapYear(i) ? 366 : 365; + offset += isLeapYear(i) ? 366 : 365 } for (var j = 1; j < m; j++) { - offset += SOLAR_MONTH[j - 1]; - if (j === 2 && isLeapYear(y)) offset++; + offset += SOLAR_MONTH[j - 1] + if (j === 2 && isLeapYear(y)) offset++ } - offset += d - 31; // base is Jan 31 + offset += d - 31 // base is Jan 31 - var lunarYear, lunarMonth, lunarDay; - var isLeap = false; + var lunarYear, lunarMonth, lunarDay + var isLeap = false for (lunarYear = 1900; lunarYear < 2050 && offset > 0; lunarYear++) { - var days = yearDays(lunarYear); - offset -= days; + var days = yearDays(lunarYear) + offset -= days } if (offset < 0) { - offset += yearDays(lunarYear--); + offset += yearDays(lunarYear--) } - var leap = leapMonth(lunarYear); - var leapFlag = false; + var leap = leapMonth(lunarYear) + var leapFlag = false for (lunarMonth = 1; lunarMonth < 13 && offset > 0; lunarMonth++) { // Check leap month - if (leap > 0 && lunarMonth === (leap + 1) && !leapFlag) { - --lunarMonth; - leapFlag = true; - var daysInCurrentMonth = leapDays(lunarYear); + if (leap > 0 && lunarMonth === leap + 1 && !leapFlag) { + --lunarMonth + leapFlag = true + var daysInCurrentMonth = leapDays(lunarYear) } else { - daysInCurrentMonth = monthDays(lunarYear, lunarMonth); + daysInCurrentMonth = monthDays(lunarYear, lunarMonth) } - if (leapFlag && lunarMonth === (leap + 1)) leapFlag = false; - offset -= daysInCurrentMonth; + if (leapFlag && lunarMonth === leap + 1) leapFlag = false + offset -= daysInCurrentMonth } if (offset === 0 && leap > 0 && lunarMonth === leap + 1) { if (leapFlag) { - leapFlag = false; + leapFlag = false } else { - leapFlag = true; - --lunarMonth; + leapFlag = true + --lunarMonth } } if (offset < 0) { - offset += leapFlag - ? leapDays(lunarYear) - : monthDays(lunarYear, lunarMonth); - --lunarMonth; + offset += leapFlag ? leapDays(lunarYear) : monthDays(lunarYear, lunarMonth) + --lunarMonth } - lunarDay = offset + 1; - isLeap = leapFlag; + lunarDay = offset + 1 + isLeap = leapFlag - return { year: lunarYear, month: lunarMonth, day: lunarDay, isLeap: isLeap }; + return { year: lunarYear, month: lunarMonth, day: lunarDay, isLeap: isLeap } } // ─── Lotus data ────────────────────────────────────────────────────────── var LOTUS_EMOJIS = { - 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:'⭕', - }; + 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: "⭕" + } var LOTUS_DESC = { zh: { - 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:'晦日·周而复始', + 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: "晦日·周而复始" }, en: { - 1:'New Moon · Seed Planted', 2:'Gathering · Awaiting Sprout', 3:'Breaking Ground · First Sprout', - 4:'Rooting · Foundation Set', 5:'Unfolding · First Leaves', 6:'Growing · Stem Strengthens', - 7:'Rising · Thriving Growth', 8:'First Quarter · Building Energy', 9:'Budding · Ready to Bloom', - 10:'Forming · Petals Emerging', 11:'Opening · First Bloom', 12:'Flourishing · Radiant Beauty', - 13:'Fullness · Near Complete', 14:'Peak · Approaching Full Moon', 15:'Full Moon · Lotus Enlightenment', - 16:'Blessing · Spreading Fragrance', 17:'Fruiting · Seed Pod Forms', 18:'Ripening · Seeds Mature', - 19:'Wisdom · Crystallized Insights', 20:'Giving · Sharing the Harvest', 21:'Settling · Returning to Heart', - 22:'Last Quarter · Inner Reflection', 23:'Releasing · Leaves Return to Root', 24:'Returning · Back to Earth', - 25:'Resting · Awaiting Rebirth', 26:'Purifying · Before Nirvana', 27:'Stillness · Perfect Silence', - 28:'Emptiness · No Self No Form', 29:'Crescent · Final Breath', 30:'Dark Moon · Cycle Complete', + 1: "New Moon · Seed Planted", + 2: "Gathering · Awaiting Sprout", + 3: "Breaking Ground · First Sprout", + 4: "Rooting · Foundation Set", + 5: "Unfolding · First Leaves", + 6: "Growing · Stem Strengthens", + 7: "Rising · Thriving Growth", + 8: "First Quarter · Building Energy", + 9: "Budding · Ready to Bloom", + 10: "Forming · Petals Emerging", + 11: "Opening · First Bloom", + 12: "Flourishing · Radiant Beauty", + 13: "Fullness · Near Complete", + 14: "Peak · Approaching Full Moon", + 15: "Full Moon · Lotus Enlightenment", + 16: "Blessing · Spreading Fragrance", + 17: "Fruiting · Seed Pod Forms", + 18: "Ripening · Seeds Mature", + 19: "Wisdom · Crystallized Insights", + 20: "Giving · Sharing the Harvest", + 21: "Settling · Returning to Heart", + 22: "Last Quarter · Inner Reflection", + 23: "Releasing · Leaves Return to Root", + 24: "Returning · Back to Earth", + 25: "Resting · Awaiting Rebirth", + 26: "Purifying · Before Nirvana", + 27: "Stillness · Perfect Silence", + 28: "Emptiness · No Self No Form", + 29: "Crescent · Final Breath", + 30: "Dark Moon · Cycle Complete" }, ja: { - 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:'晦日・循環の完成', - }, - }; + 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: "晦日・循環の完成" + } + } // ─── Gradients per lunar day ────────────────────────────────────────────── var THEMES = { - 1: {bg:'linear-gradient(135deg,#080816 0%,#0e0d22 60%,#0b0b18 100%)',tc:'#c7d2fe'}, - 2: {bg:'linear-gradient(135deg,#0a0c1c 0%,#12143a 60%,#0d1026 100%)',tc:'#c7d2fe'}, - 3: {bg:'linear-gradient(135deg,#0c1024 0%,#171a50 60%,#101428 100%)',tc:'#bfdbfe'}, - 4: {bg:'linear-gradient(135deg,#0e1430 0%,#1a2464 60%,#101835 100%)',tc:'#bfdbfe'}, - 5: {bg:'linear-gradient(135deg,#0d1830 0%,#1a2e58 60%,#0f1d35 100%)',tc:'#bae6fd'}, - 6: {bg:'linear-gradient(135deg,#0c1e30 0%,#143848 60%,#0e2030 100%)',tc:'#bae6fd'}, - 7: {bg:'linear-gradient(135deg,#0c2030 0%,#14443c 60%,#0d2430 100%)',tc:'#99f6e4'}, - 8: {bg:'linear-gradient(135deg,#0d2430 0%,#185040 60%,#0f2a28 100%)',tc:'#99f6e4'}, - 9: {bg:'linear-gradient(135deg,#0e2a28 0%,#1a5030 60%,#102e20 100%)',tc:'#a7f3d0'}, - 10: {bg:'linear-gradient(135deg,#102c20 0%,#205e28 60%,#123015 100%)',tc:'#a7f3d0'}, - 11: {bg:'linear-gradient(135deg,#123015 0%,#356820 60%,#1e3810 100%)',tc:'#d9f99d'}, - 12: {bg:'linear-gradient(135deg,#283818 0%,#556820 60%,#3c4410 100%)',tc:'#fef08a'}, - 13: {bg:'linear-gradient(135deg,#3c4010 0%,#786020 60%,#4a4010 100%)',tc:'#fef08a'}, - 14: {bg:'linear-gradient(135deg,#504010 0%,#9c7020 60%,#604010 100%)',tc:'#fde68a'}, - 15: {bg:'linear-gradient(135deg,#8c6210 0%,#d4a020 60%,#9a6c10 100%)',tc:'#78350f'}, - 16: {bg:'linear-gradient(135deg,#7a5010 0%,#b87020 60%,#623808 100%)',tc:'#fde68a'}, - 17: {bg:'linear-gradient(135deg,#623808 0%,#9e6020 60%,#502e10 100%)',tc:'#fed7aa'}, - 18: {bg:'linear-gradient(135deg,#502e10 0%,#844e28 60%,#422018 100%)',tc:'#fed7aa'}, - 19: {bg:'linear-gradient(135deg,#422018 0%,#6c3c30 60%,#361c1c 100%)',tc:'#fecdd3'}, - 20: {bg:'linear-gradient(135deg,#361c1c 0%,#583830 60%,#2c1c1c 100%)',tc:'#fecdd3'}, - 21: {bg:'linear-gradient(135deg,#2c1c1c 0%,#483e30 60%,#241c18 100%)',tc:'#d6d3d1'}, - 22: {bg:'linear-gradient(135deg,#241c18 0%,#3a3830 60%,#1e1c18 100%)',tc:'#d6d3d1'}, - 23: {bg:'linear-gradient(135deg,#1e1c18 0%,#2e2e2a 60%,#181818 100%)',tc:'#d6d3d1'}, - 24: {bg:'linear-gradient(135deg,#181818 0%,#24242c 60%,#141420 100%)',tc:'#cbd5e1'}, - 25: {bg:'linear-gradient(135deg,#141420 0%,#1e1e2a 60%,#101018 100%)',tc:'#cbd5e1'}, - 26: {bg:'linear-gradient(135deg,#101018 0%,#18181e 60%,#0c0c14 100%)',tc:'#94a3b8'}, - 27: {bg:'linear-gradient(135deg,#0c0c14 0%,#141418 60%,#080810 100%)',tc:'#94a3b8'}, - 28: {bg:'linear-gradient(135deg,#080810 0%,#10101c 60%,#080808 100%)',tc:'#a5b4fc'}, - 29: {bg:'linear-gradient(135deg,#080808 0%,#0c0c16 60%,#080812 100%)',tc:'#a5b4fc'}, - 30: {bg:'linear-gradient(135deg,#080812 0%,#0a0a1c 60%,#0c0c18 100%)',tc:'#c7d2fe'}, - }; + 1: { bg: "linear-gradient(135deg,#080816 0%,#0e0d22 60%,#0b0b18 100%)", tc: "#c7d2fe" }, + 2: { bg: "linear-gradient(135deg,#0a0c1c 0%,#12143a 60%,#0d1026 100%)", tc: "#c7d2fe" }, + 3: { bg: "linear-gradient(135deg,#0c1024 0%,#171a50 60%,#101428 100%)", tc: "#bfdbfe" }, + 4: { bg: "linear-gradient(135deg,#0e1430 0%,#1a2464 60%,#101835 100%)", tc: "#bfdbfe" }, + 5: { bg: "linear-gradient(135deg,#0d1830 0%,#1a2e58 60%,#0f1d35 100%)", tc: "#bae6fd" }, + 6: { bg: "linear-gradient(135deg,#0c1e30 0%,#143848 60%,#0e2030 100%)", tc: "#bae6fd" }, + 7: { bg: "linear-gradient(135deg,#0c2030 0%,#14443c 60%,#0d2430 100%)", tc: "#99f6e4" }, + 8: { bg: "linear-gradient(135deg,#0d2430 0%,#185040 60%,#0f2a28 100%)", tc: "#99f6e4" }, + 9: { bg: "linear-gradient(135deg,#0e2a28 0%,#1a5030 60%,#102e20 100%)", tc: "#a7f3d0" }, + 10: { bg: "linear-gradient(135deg,#102c20 0%,#205e28 60%,#123015 100%)", tc: "#a7f3d0" }, + 11: { bg: "linear-gradient(135deg,#123015 0%,#356820 60%,#1e3810 100%)", tc: "#d9f99d" }, + 12: { bg: "linear-gradient(135deg,#283818 0%,#556820 60%,#3c4410 100%)", tc: "#fef08a" }, + 13: { bg: "linear-gradient(135deg,#3c4010 0%,#786020 60%,#4a4010 100%)", tc: "#fef08a" }, + 14: { bg: "linear-gradient(135deg,#504010 0%,#9c7020 60%,#604010 100%)", tc: "#fde68a" }, + 15: { bg: "linear-gradient(135deg,#8c6210 0%,#d4a020 60%,#9a6c10 100%)", tc: "#78350f" }, + 16: { bg: "linear-gradient(135deg,#7a5010 0%,#b87020 60%,#623808 100%)", tc: "#fde68a" }, + 17: { bg: "linear-gradient(135deg,#623808 0%,#9e6020 60%,#502e10 100%)", tc: "#fed7aa" }, + 18: { bg: "linear-gradient(135deg,#502e10 0%,#844e28 60%,#422018 100%)", tc: "#fed7aa" }, + 19: { bg: "linear-gradient(135deg,#422018 0%,#6c3c30 60%,#361c1c 100%)", tc: "#fecdd3" }, + 20: { bg: "linear-gradient(135deg,#361c1c 0%,#583830 60%,#2c1c1c 100%)", tc: "#fecdd3" }, + 21: { bg: "linear-gradient(135deg,#2c1c1c 0%,#483e30 60%,#241c18 100%)", tc: "#d6d3d1" }, + 22: { bg: "linear-gradient(135deg,#241c18 0%,#3a3830 60%,#1e1c18 100%)", tc: "#d6d3d1" }, + 23: { bg: "linear-gradient(135deg,#1e1c18 0%,#2e2e2a 60%,#181818 100%)", tc: "#d6d3d1" }, + 24: { bg: "linear-gradient(135deg,#181818 0%,#24242c 60%,#141420 100%)", tc: "#cbd5e1" }, + 25: { bg: "linear-gradient(135deg,#141420 0%,#1e1e2a 60%,#101018 100%)", tc: "#cbd5e1" }, + 26: { bg: "linear-gradient(135deg,#101018 0%,#18181e 60%,#0c0c14 100%)", tc: "#94a3b8" }, + 27: { bg: "linear-gradient(135deg,#0c0c14 0%,#141418 60%,#080810 100%)", tc: "#94a3b8" }, + 28: { bg: "linear-gradient(135deg,#080810 0%,#10101c 60%,#080808 100%)", tc: "#a5b4fc" }, + 29: { bg: "linear-gradient(135deg,#080808 0%,#0c0c16 60%,#080812 100%)", tc: "#a5b4fc" }, + 30: { bg: "linear-gradient(135deg,#080812 0%,#0a0a1c 60%,#0c0c18 100%)", tc: "#c7d2fe" } + } // ─── Particle system ───────────────────────────────────────────────────── - var pCanvas, pCtx, pParticles = [], pColor = '#c7d2fe', pAnimId = null; - var PARTICLE_COUNT = 28; - var FALLBACK_PARTICLE_RGBA = 'rgba(200,210,255,'; + var pCanvas, + pCtx, + pParticles = [], + pColor = "#c7d2fe", + pAnimId = null + var PARTICLE_COUNT = 28 + var FALLBACK_PARTICLE_RGBA = "rgba(200,210,255," function hexToRgba(hex, alpha) { - var r = parseInt(hex.slice(1, 3), 16); - var g = parseInt(hex.slice(3, 5), 16); - var b = parseInt(hex.slice(5, 7), 16); - if (isNaN(r)) { return FALLBACK_PARTICLE_RGBA + alpha + ')'; } - return 'rgba(' + r + ',' + g + ',' + b + ',' + alpha + ')'; + var r = parseInt(hex.slice(1, 3), 16) + var g = parseInt(hex.slice(3, 5), 16) + var b = parseInt(hex.slice(5, 7), 16) + if (isNaN(r)) { + return FALLBACK_PARTICLE_RGBA + alpha + ")" + } + return "rgba(" + r + "," + g + "," + b + "," + alpha + ")" } function mkParticle(randomY) { - var w = pCanvas ? pCanvas.width : 1200; - var h = pCanvas ? pCanvas.height : 480; + var w = pCanvas ? pCanvas.width : 1200 + var h = pCanvas ? pCanvas.height : 480 return { - x: Math.random() * w, - y: randomY ? Math.random() * h : h + 8, - r: Math.random() * 2 + 1, - vy: Math.random() * 0.35 + 0.08, - vx: (Math.random() - 0.5) * 0.25, - op: Math.random() * 0.22 + 0.05, - wave: Math.random() * Math.PI * 2, - }; + x: Math.random() * w, + y: randomY ? Math.random() * h : h + 8, + r: Math.random() * 2 + 1, + vy: Math.random() * 0.35 + 0.08, + vx: (Math.random() - 0.5) * 0.25, + op: Math.random() * 0.22 + 0.05, + wave: Math.random() * Math.PI * 2 + } } function initParticles() { - pCanvas = document.getElementById('lunar-particles'); - if (!pCanvas) { return; } - pCtx = pCanvas.getContext('2d'); - resizeParticles(); - window.addEventListener('resize', resizeParticles); - pParticles = []; + pCanvas = document.getElementById("lunar-particles") + if (!pCanvas) { + return + } + pCtx = pCanvas.getContext("2d") + resizeParticles() + window.addEventListener("resize", resizeParticles) + pParticles = [] for (var i = 0; i < PARTICLE_COUNT; i++) { - pParticles.push(mkParticle(true)); + pParticles.push(mkParticle(true)) + } + if (pAnimId) { + cancelAnimationFrame(pAnimId) } - if (pAnimId) { cancelAnimationFrame(pAnimId); } - pAnimId = requestAnimationFrame(tickParticles); + pAnimId = requestAnimationFrame(tickParticles) } function resizeParticles() { - var hero = document.getElementById('lunar-hero'); - if (!hero || !pCanvas) { return; } - pCanvas.width = hero.offsetWidth; - pCanvas.height = hero.offsetHeight; + var hero = document.getElementById("lunar-hero") + if (!hero || !pCanvas) { + return + } + pCanvas.width = hero.offsetWidth + pCanvas.height = hero.offsetHeight } function tickParticles() { - if (!pCtx || !pCanvas) { return; } - pCtx.clearRect(0, 0, pCanvas.width, pCanvas.height); + if (!pCtx || !pCanvas) { + return + } + pCtx.clearRect(0, 0, pCanvas.width, pCanvas.height) for (var i = 0; i < pParticles.length; i++) { - var p = pParticles[i]; - p.y -= p.vy; - p.wave += 0.018; - p.x += p.vx + Math.sin(p.wave) * 0.18; - pCtx.beginPath(); - pCtx.arc(p.x, p.y, p.r, 0, Math.PI * 2); - pCtx.fillStyle = hexToRgba(pColor, p.op); - pCtx.fill(); + var p = pParticles[i] + p.y -= p.vy + p.wave += 0.018 + p.x += p.vx + Math.sin(p.wave) * 0.18 + pCtx.beginPath() + pCtx.arc(p.x, p.y, p.r, 0, Math.PI * 2) + pCtx.fillStyle = hexToRgba(pColor, p.op) + pCtx.fill() if (p.y < -8) { - pParticles[i] = mkParticle(false); - pParticles[i].x = Math.random() * pCanvas.width; + pParticles[i] = mkParticle(false) + pParticles[i].x = Math.random() * pCanvas.width } } - pAnimId = requestAnimationFrame(tickParticles); + pAnimId = requestAnimationFrame(tickParticles) } - function getNow() { - var now = new Date(); - var utc = now.getTime() + now.getTimezoneOffset() * 60000; - return new Date(utc + 8 * 3600000); + var now = new Date() + var utc = now.getTime() + now.getTimezoneOffset() * 60000 + return new Date(utc + 8 * 3600000) } // ─── UI string translations (keyed by lang) ───────────────────────────── var UI_STRINGS = { zh: { - preview: function(d) { return '预览 · 第' + d + '日'; }, - dayLabel: function(d) { return '农历 第' + d + '日'; }, - fullMoon: ' · 满月 🌕', - newMoon: ' · 新月 🌑', - monthInfo: function(m) { return '农历 · 第' + m + '月 · 聚善'; }, + preview: function (d) { + return "预览 · 第" + d + "日" + }, + dayLabel: function (d) { + return "农历 第" + d + "日" + }, + fullMoon: " · 满月 🌕", + newMoon: " · 新月 🌑", + monthInfo: function (m) { + return "农历 · 第" + m + "月 · 聚善" + } }, en: { - preview: function(d) { return 'Preview · Day ' + d; }, - dayLabel: function(d) { return 'Lunar Day ' + d; }, - fullMoon: ' · Full Moon 🌕', - newMoon: ' · New Moon 🌑', - monthInfo: function(m) { return 'Lunar Month ' + m + ' · GrowZen'; }, + preview: function (d) { + return "Preview · Day " + d + }, + dayLabel: function (d) { + return "Lunar Day " + d + }, + fullMoon: " · Full Moon 🌕", + newMoon: " · New Moon 🌑", + monthInfo: function (m) { + return "Lunar Month " + m + " · GrowZen" + } }, ja: { - preview: function(d) { return 'プレビュー · 第' + d + '日'; }, - dayLabel: function(d) { return '農暦 第' + d + '日'; }, - fullMoon: ' · 満月 🌕', - newMoon: ' · 新月 🌑', - monthInfo: function(m) { return '農暦 · 第' + m + '月 · 善聚慧生'; }, - }, - }; + preview: function (d) { + return "プレビュー · 第" + d + "日" + }, + dayLabel: function (d) { + return "農暦 第" + d + "日" + }, + fullMoon: " · 満月 🌕", + newMoon: " · 新月 🌑", + monthInfo: function (m) { + return "農暦 · 第" + m + "月 · 善聚慧生" + } + } + } // ─── State ──────────────────────────────────────────────────────────────── - var todayLunar, totalDays, currentOffset; + var todayLunar, totalDays, currentOffset function init() { - var hero = document.getElementById('lunar-hero'); - if (!hero) return; + var hero = document.getElementById("lunar-hero") + if (!hero) return - var now = getNow(); - todayLunar = solar2Lunar(now.getFullYear(), now.getMonth() + 1, now.getDate()); + var now = getNow() + todayLunar = solar2Lunar(now.getFullYear(), now.getMonth() + 1, now.getDate()) // The lotus visualizer always displays 30 stages (one per day) regardless of // whether the actual lunar month has 29 or 30 days. This is intentional: // the 30-stage cycle represents the full symbolic lotus journey. - totalDays = 30; - currentOffset = 0; - - render(); - initParticles(); - - document.getElementById('lunar-prev').addEventListener('click', function () { - currentOffset = (currentOffset - 1 + totalDays) % totalDays; - render(); - }); - document.getElementById('lunar-next').addEventListener('click', function () { - currentOffset = (currentOffset + 1) % totalDays; - render(); - }); - document.getElementById('lunar-today').addEventListener('click', function () { - currentOffset = 0; - render(); - }); + totalDays = 30 + currentOffset = 0 + + render() + initParticles() + + document.getElementById("lunar-prev").addEventListener("click", function () { + currentOffset = (currentOffset - 1 + totalDays) % totalDays + render() + }) + document.getElementById("lunar-next").addEventListener("click", function () { + currentOffset = (currentOffset + 1) % totalDays + render() + }) + document.getElementById("lunar-today").addEventListener("click", function () { + currentOffset = 0 + render() + }) } function render() { - var lang = (document.getElementById('lunar-hero').dataset.lang) || 'zh'; - var viewedDay = ((todayLunar.day - 1 + currentOffset + totalDays) % totalDays) + 1; - var theme = THEMES[viewedDay] || THEMES[1]; - var isPreview = currentOffset !== 0; - var isFullMoon = viewedDay === 15; - var isNewMoon = viewedDay === 1; + var lang = document.getElementById("lunar-hero").dataset.lang || "zh" + var viewedDay = ((todayLunar.day - 1 + currentOffset + totalDays) % totalDays) + 1 + var theme = THEMES[viewedDay] || THEMES[1] + var isPreview = currentOffset !== 0 + var isFullMoon = viewedDay === 15 + var isNewMoon = viewedDay === 1 // Background - document.getElementById('lunar-bg').style.background = theme.bg; + document.getElementById("lunar-bg").style.background = theme.bg // Update particle colour to match the day theme - pColor = theme.tc || '#c7d2fe'; + pColor = theme.tc || "#c7d2fe" // Glow - var glowEl = document.getElementById('lunar-glow'); + var glowEl = document.getElementById("lunar-glow") if (isFullMoon) { - glowEl.style.background = 'radial-gradient(ellipse 60% 50% at 50% 40%,rgba(212,160,32,0.30) 0%,transparent 70%)'; + glowEl.style.background = + "radial-gradient(ellipse 60% 50% at 50% 40%,rgba(212,160,32,0.30) 0%,transparent 70%)" } else if (isNewMoon) { - glowEl.style.background = 'radial-gradient(ellipse 40% 35% at 50% 40%,rgba(99,102,241,0.18) 0%,transparent 70%)'; + glowEl.style.background = + "radial-gradient(ellipse 40% 35% at 50% 40%,rgba(99,102,241,0.18) 0%,transparent 70%)" } else { - glowEl.style.background = 'radial-gradient(ellipse 50% 45% at 50% 40%,rgba(255,255,255,0.06) 0%,transparent 70%)'; + glowEl.style.background = + "radial-gradient(ellipse 50% 45% at 50% 40%,rgba(255,255,255,0.06) 0%,transparent 70%)" } // Preview badge - var badge = document.getElementById('lunar-preview-badge'); - var ui = UI_STRINGS[lang] || UI_STRINGS.zh; + var badge = document.getElementById("lunar-preview-badge") + var ui = UI_STRINGS[lang] || UI_STRINGS.zh if (isPreview) { - badge.textContent = ui.preview(viewedDay); - badge.classList.remove('hidden'); + badge.textContent = ui.preview(viewedDay) + badge.classList.remove("hidden") } else { - badge.classList.add('hidden'); + badge.classList.add("hidden") } // Emoji - var emojiEl = document.getElementById('lunar-emoji'); - emojiEl.textContent = LOTUS_EMOJIS[viewedDay] || '🪷'; - emojiEl.style.opacity = isPreview ? '0.7' : '1'; - emojiEl.style.transform = isPreview ? 'scale(0.9)' : 'scale(1)'; + var emojiEl = document.getElementById("lunar-emoji") + emojiEl.textContent = LOTUS_EMOJIS[viewedDay] || "🪷" + emojiEl.style.opacity = isPreview ? "0.7" : "1" + emojiEl.style.transform = isPreview ? "scale(0.9)" : "scale(1)" // Text colour - setTextColor(theme.tc); + setTextColor(theme.tc) // Day label - var dayLabel = document.getElementById('lunar-day-label'); - var moonLabel = isFullMoon ? ui.fullMoon : isNewMoon ? ui.newMoon : ''; - dayLabel.textContent = ui.dayLabel(viewedDay) + moonLabel; + var dayLabel = document.getElementById("lunar-day-label") + var moonLabel = isFullMoon ? ui.fullMoon : isNewMoon ? ui.newMoon : "" + dayLabel.textContent = ui.dayLabel(viewedDay) + moonLabel // Descriptions — always zh primary, ja secondary, en tertiary - var descs = LOTUS_DESC; - document.getElementById('lunar-desc-primary').textContent = descs.zh[viewedDay] || ''; - document.getElementById('lunar-desc-secondary').textContent = descs.ja[viewedDay] || ''; - document.getElementById('lunar-desc-tertiary').textContent = descs.en[viewedDay] || ''; + var descs = LOTUS_DESC + document.getElementById("lunar-desc-primary").textContent = descs.zh[viewedDay] || "" + document.getElementById("lunar-desc-secondary").textContent = descs.ja[viewedDay] || "" + document.getElementById("lunar-desc-tertiary").textContent = descs.en[viewedDay] || "" // Month info - var infoEl = document.getElementById('lunar-month-info'); + var infoEl = document.getElementById("lunar-month-info") if (!isPreview) { - infoEl.textContent = ui.monthInfo(todayLunar.month); - infoEl.style.display = ''; + infoEl.textContent = ui.monthInfo(todayLunar.month) + infoEl.style.display = "" } else { - infoEl.style.display = 'none'; + infoEl.style.display = "none" } // Today button - var todayBtn = document.getElementById('lunar-today'); - var todayLabel = document.getElementById('lunar-today-label'); + var todayBtn = document.getElementById("lunar-today") + var todayLabel = document.getElementById("lunar-today-label") if (isPreview) { - todayBtn.classList.remove('hidden'); - todayLabel.style.display = 'none'; + todayBtn.classList.remove("hidden") + todayLabel.style.display = "none" } else { - todayBtn.classList.add('hidden'); - todayLabel.style.display = ''; + todayBtn.classList.add("hidden") + todayLabel.style.display = "" } // Dots - renderDots(viewedDay); + renderDots(viewedDay) } function setTextColor(tc) { - var ids = ['lunar-day-label','lunar-desc-primary','lunar-desc-secondary','lunar-desc-tertiary','lunar-month-info','lunar-today-label']; - ids.forEach(function(id) { - var el = document.getElementById(id); - if (el) el.style.color = tc; - }); + var ids = [ + "lunar-day-label", + "lunar-desc-primary", + "lunar-desc-secondary", + "lunar-desc-tertiary", + "lunar-month-info", + "lunar-today-label" + ] + ids.forEach(function (id) { + var el = document.getElementById(id) + if (el) el.style.color = tc + }) } function renderDots(viewedDay) { - var d1 = document.getElementById('lunar-dots-1'); - var d2 = document.getElementById('lunar-dots-2'); - if (!d1 || !d2) return; - d1.innerHTML = ''; - d2.innerHTML = ''; + var d1 = document.getElementById("lunar-dots-1") + var d2 = document.getElementById("lunar-dots-2") + if (!d1 || !d2) return + d1.innerHTML = "" + d2.innerHTML = "" for (var i = 1; i <= 30; i++) { - var btn = document.createElement('button'); - btn.setAttribute('aria-label', '农历 第' + i + '日'); - btn.className = 'w-6 h-6 sm:w-5 sm:h-5 flex items-center justify-center'; - var span = document.createElement('span'); - span.className = 'rounded-full transition-all duration-300 block'; + var btn = document.createElement("button") + btn.setAttribute("aria-label", "农历 第" + i + "日") + btn.className = "w-6 h-6 sm:w-5 sm:h-5 flex items-center justify-center" + var span = document.createElement("span") + span.className = "rounded-full transition-all duration-300 block" if (i === viewedDay) { - span.style.cssText = 'background:white;width:10px;height:10px;'; + span.style.cssText = "background:white;width:10px;height:10px;" } else if (i === 15) { - span.style.cssText = 'background:rgba(255,255,255,0.5);width:8px;height:8px;'; + span.style.cssText = "background:rgba(255,255,255,0.5);width:8px;height:8px;" } else { - span.style.cssText = 'background:rgba(255,255,255,0.25);width:6px;height:6px;'; + span.style.cssText = "background:rgba(255,255,255,0.25);width:6px;height:6px;" } - btn.appendChild(span); - (function(day) { - btn.addEventListener('click', function() { - currentOffset = (day - todayLunar.day + totalDays) % totalDays; - render(); - }); - })(i); + btn.appendChild(span) + ;(function (day) { + btn.addEventListener("click", function () { + currentOffset = (day - todayLunar.day + totalDays) % totalDays + render() + }) + })(i) if (i <= 15) { - d1.appendChild(btn); + d1.appendChild(btn) } else { - d2.appendChild(btn); + d2.appendChild(btn) } } } - if (document.readyState === 'loading') { - document.addEventListener('DOMContentLoaded', init); + if (document.readyState === "loading") { + document.addEventListener("DOMContentLoaded", init) } else { - init(); + init() } -})(); +})()