mirror of
https://github.com/tiennm99/programming-fengshui.git
synced 2026-10-03 09:13:47 +00:00
tiennm99
51d2b0515f
- Drop italic on .hero .subtitle; use letter-spacing instead (Be Vietnam Pro italic renders rough on Linux). - Migrate anchor underlines from border-bottom dotted to native text-decoration-style: dotted (figcaption + credit). - Bump .card h3 to 1.2rem with thin gold rule under each Ngũ Hành label; reduce letter-spacing 1.2px → 0.4px so Vietnamese diacritics don't drift. - Tighten .credit ul indent (move 1.25rem from margin to padding). - Strengthen chip border 0.18 → 0.22 so pale chips (Rust-class) read against the cream page bg. - Add role="list" to .chips and role="listitem" to chip spans for screen-reader semantics; aria-label per element bucket. - Document 5-card-row decision (auto-fit retained) and chip contrast policy (best-effort WCAG luminance) as inline CSS comments. Closes phase-01 of plan 260428-1003-implement-all-remaining (items 5-10, 13, 14, 15).
programming-fengshui
Trang phân loại ngôn ngữ lập trình theo Ngũ Hành (Kim, Mộc, Thuỷ, Hoả, Thổ) dựa trên màu sắc của GitHub Linguist / GitLab Linguist, tập trung TIOBE Top 20.
Chạy thử
Chạy qua HTTP server (cần thiết để fetch dữ liệu JSON):
python3 -m http.server 8080
rồi truy cập http://localhost:8080.
Cấu trúc
.
├── index.html
├── style.css
├── js/
│ ├── main.js
│ ├── classify-element.js
│ ├── render-elements.js
│ └── tiobe-top.js
├── data/
│ ├── github-colors.json
│ └── gitlab-colors.json
└── assets/
└── ngon-ngu-lap-trinh-phong-thuy.png
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.