mirror of
https://github.com/tiennm99/programming-fengshui.git
synced 2026-07-16 16:17:38 +00:00
tiennm99
5efccffede
Classic mode reproduces the 2018 toidicodedao image and its 5 hardcoded element cards verbatim. Modern mode renders a data-driven grid built from GitHub Linguist colors classified into Ngũ Hành elements via a deterministic HSL rule set. Toggle persists via URL hash; both panels coexist in DOM with a CSS opacity fade. Includes a collapsed debug panel listing skipped (no color) and borderline (near hue boundary) entries. - data/github-colors.json: vendored from ozh/github-colors (722 entries) - js/classify-element.js: pure HSL classifier (664 lang sample, 22/22 fixtures pass) - js/mode-toggle.js: tablist with hash persistence + arrow-key nav - js/render-elements.js: chip rendering with YIQ contrast + debug panel - js/main.js: fetch + classify + render entry point - style.css: segmented toggle, panel fade, chip pill, debug-panel, mobile
programming-fengshui
Trang giới thiệu ảnh "Lựa chọn ngôn ngữ lập trình theo phong thuỷ".
Chạy thử
Mở index.html trực tiếp trong trình duyệt, hoặc:
python3 -m http.server 8080
rồi truy cập http://localhost:8080.
Cấu trúc
.
├── index.html
├── style.css
├── assets/
│ └── ngon-ngu-lap-trinh-phong-thuy.png
└── README.md
Credit
- Bài viết gốc: Top 5 ngôn ngữ lập trình đáng học cho năm 2018 — Phạm Huy Hoàng (Tôi đi code dạo).
- Ảnh: ngon-ngu-lap-trinh-phong-thuy.png.
Trang chỉ dùng để trình bày lại nội dung, mọi quyền thuộc tác giả gốc.