mirror of
https://github.com/tiennm99/programming-fengshui.git
synced 2026-05-14 00:58:24 +00:00
81 lines
3.4 KiB
HTML
81 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Phong thuỷ ngôn ngữ lập trình — phân loại theo Ngũ Hành</title>
|
|
<meta
|
|
name="description"
|
|
content="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 và GitLab Linguist, tập trung TIOBE Top 20."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="phong thuỷ, ngôn ngữ lập trình, ngũ hành, kim mộc thuỷ hoả thổ, GitHub Linguist, GitLab Linguist, TIOBE"
|
|
/>
|
|
<meta name="author" content="tiennm99" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content="Phong thuỷ ngôn ngữ lập trình — phân loại theo Ngũ Hành" />
|
|
<meta
|
|
property="og:description"
|
|
content="Phân loại ngôn ngữ lập trình theo Ngũ Hành dựa trên màu Linguist (GitHub/GitLab), tập trung TIOBE Top 20."
|
|
/>
|
|
<meta property="og:image" content="assets/ngon-ngu-lap-trinh-phong-thuy.png" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<a class="skip-link" href="#main-content">Bỏ qua tới nội dung chính</a>
|
|
<main class="page" id="main-content">
|
|
<header class="hero">
|
|
<h1>Phong thuỷ ngôn ngữ lập trình</h1>
|
|
<p class="subtitle">Ngũ Hành tương sinh — code cho hợp tuổi, hợp mệnh.</p>
|
|
<div class="hero-ribbon" aria-hidden="true">
|
|
<span class="r-kim"></span>
|
|
<span class="r-moc"></span>
|
|
<span class="r-thuy"></span>
|
|
<span class="r-hoa"></span>
|
|
<span class="r-tho"></span>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="elements">
|
|
<h2>Ngũ Hành & ngôn ngữ</h2>
|
|
<p class="mode-tag" id="source-tag">Nguồn: GitHub Linguist <span class="source-note" id="source-note" hidden></span></p>
|
|
<div class="modern-controls">
|
|
<div class="control-group">
|
|
<span class="control-label">Nguồn màu</span>
|
|
<div id="source-toggle"></div>
|
|
</div>
|
|
<div class="control-group">
|
|
<span class="control-label">Hiển thị</span>
|
|
<div id="view-toggle"></div>
|
|
</div>
|
|
<div class="control-group">
|
|
<span class="control-label">Sắp xếp</span>
|
|
<div id="sort-toggle"></div>
|
|
</div>
|
|
</div>
|
|
<div class="grid" id="element-grid"></div>
|
|
<p class="legend"></p>
|
|
<details id="debug-panel" hidden></details>
|
|
<p class="disclaimer">* Mặc định hiển thị TIOBE Top 20 (April 2026). Chuyển sang "Tất cả ngôn ngữ" để xem toàn bộ Linguist. Có thể đổi nguồn màu giữa GitHub Linguist và GitLab Linguist (palette khác hẳn).</p>
|
|
</section>
|
|
|
|
<details class="original-image">
|
|
<summary>Ảnh gốc (2018)</summary>
|
|
<figure>
|
|
<img
|
|
src="assets/ngon-ngu-lap-trinh-phong-thuy.png"
|
|
alt="Sơ đồ phong thuỷ ngôn ngữ lập trình theo Ngũ Hành (bài gốc 2018)"
|
|
/>
|
|
<figcaption>
|
|
Sơ đồ gốc (2018) — Phạm Huy Hoàng,
|
|
<a href="https://toidicodedao.com/2018/01/02/top-5-ngon-ngu-lap-trinh-dang-hoc-cho-nam-2018/" target="_blank" rel="noopener noreferrer">Tôi đi code dạo</a>.
|
|
</figcaption>
|
|
</figure>
|
|
</details>
|
|
</main>
|
|
<script type="module" src="./js/main.js"></script>
|
|
</body>
|
|
</html>
|