Update index.html

index.html

@@ -1,19 +1,110 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<!DOCTYPE html>
+<html lang="vi">
+<head>
+  <meta charset="UTF-8">
+  <title>CẤU TRÚC GHI NHỚ CVNSS4.0</title>
+  <style>
+    body { font-family: Arial, sans-serif; background: #f5faff; color: #222; margin: 0; padding: 24px;}
+    h1 { color: #1565c0; }
+    h2 { color: #1b5e20; margin-top: 1.5em;}
+    table { border-collapse: collapse; width: 100%; background: #fff; margin-bottom: 20px;}
+    th, td { border: 1px solid #cfd8dc; padding: 8px 12px; text-align: left;}
+    th { background: #e3f2fd;}
+    .special { background: #ffebee; color: #b71c1c; font-weight: bold;}
+    .note { color: #0277bd; margin: 14px 0;}
+    .rulebox { background: #e3f2fd; border-left: 5px solid #1976d2; padding: 10px 16px; margin: 16px 0;}
+    ul { margin-bottom: 0.5em;}
+  </style>
+</head>
+<body>
+  <h1>CẤU TRÚC GHI NHỚ CVNSS4.0</h1>
+  <div class="rulebox">
+    <b>Khi chuyển đổi một từ tiếng Việt sang CVNSS4.0:</b>
+    <ol>
+      <li>Tách ra từng phần: <b>phụ âm đầu</b> | <b>nguyên âm (kép)</b> | <b>phụ âm cuối</b> | <b>dấu thanh</b>.</li>
+      <li>Đổi từng phần song song theo đúng bảng quy tắc tương ứng ở dưới.</li>
+      <li>Chú ý kiểm tra các <b>trường hợp đặc biệt</b> (dấu sắc cuối c/p/t/ch và các biến thể I/UY).</li>
+      <li>Ghép lại thành từ CVNSS4.0 hoàn chỉnh.</li>
+    </ol>
+  </div>
+
+  <h2>1. Phụ âm đầu (9 quy tắc)</h2>
+  <table>
+    <tr><th>Quốc ngữ</th><th>CVNSS4.0</th></tr>
+    <tr><td>PH</td><td>F</td></tr>
+    <tr><td>QU</td><td>Q</td></tr>
+    <tr><td>K</td><td>C</td></tr>
+    <tr><td>KH</td><td>K</td></tr>
+    <tr><td>D</td><td>Z</td></tr>
+    <tr><td>Đ</td><td>D</td></tr>
+    <tr><td>GI</td><td>J</td></tr>
+    <tr><td>GH</td><td>G</td></tr>
+    <tr><td>NG/NGH</td><td>W</td></tr>
+  </table>
+
+  <h2>2. Nguyên âm (18 quy tắc)</h2>
+  <b>Rút gọn nguyên âm ghép còn một nguyên âm (10 quy tắc):</b>
+  <table>
+    <tr><th>Nguyên âm ghép</th><th>Đổi thành</th></tr>
+    <tr><td>UYÊ</td><td>Y</td></tr>
+    <tr><td>IÊ/YÊ</td><td>I</td></tr>
+    <tr><td>UÔ</td><td>U</td></tr>
+    <tr><td>ƯƠ</td><td>Ư</td></tr>
+    <tr><td>UÂ</td><td>Â</td></tr>
+    <tr><td>UƠ</td><td>Ơ</td></tr>
+    <tr><td>OĂ</td><td>Ă</td></tr>
+    <tr><td>OE</td><td>E</td></tr>
+    <tr><td>OA</td><td>O</td></tr>
+    <tr><td>OAY</td><td>A (chỉ trong “oay”)</td></tr>
+  </table>
+  <b>Thay chữ cái cuối khi đi cùng nguyên âm ghép (8 quy tắc):</b>
+  <table>
+    <tr><th>Chữ cuối</th><th>Đổi thành</th></tr>
+    <tr><td>T</td><td>D</td></tr>
+    <tr><td>P</td><td>F</td></tr>
+    <tr><td>C</td><td>S</td></tr>
+    <tr><td>N</td><td>L</td></tr>
+    <tr><td>M</td><td>V</td></tr>
+    <tr><td>NG</td><td>Z</td></tr>
+    <tr><td>O/U</td><td>W</td></tr>
+    <tr><td>I/Y</td><td>J</td></tr>
+  </table>
+
+  <h2>3. Dấu thanh / Dấu phụ (18 quy tắc)</h2>
+  <table>
+    <tr><th>Dấu/thanh</th><th>Ký hiệu CVNSS4.0</th></tr>
+    <tr><td>Sắc</td><td>b</td></tr>
+    <tr><td>Huyền</td><td>d</td></tr>
+    <tr><td>Hỏi</td><td>q</td></tr>
+    <tr><td>Ngã</td><td>g</td></tr>
+    <tr><td>Nặng</td><td>f</td></tr>
+    <tr><td>Nón (^: â, ê, ô)</td><td>y</td></tr>
+    <tr><td>Móc, trăng (ơ, ư, ă)</td><td>o/x/k/v/w/h</td></tr>
+    <tr><td>Không dấu phụ</td><td>j, l, z, s, r…</td></tr>
+    <!-- Thêm các dấu phụ khác nếu muốn -->
+  </table>
+
+  <h2>4. Phụ âm cuối (3 quy tắc cơ bản)</h2>
+  <table>
+    <tr><th>Quốc ngữ</th><th>CVNSS4.0</th></tr>
+    <tr><td>NG</td><td>G</td></tr>
+    <tr><td>NH</td><td>H</td></tr>
+    <tr><td>CH</td><td>K</td></tr>
+  </table>
+
+  <h2>5. Quy tắc đặc biệt (4 quy tắc)</h2>
+  <ul>
+    <li class="special">Bỏ dấu sắc ở mọi từ có chữ cái cuối là: <b>c, p, t, ch</b></li>
+    <li class="special">I thay Y (vd: i tá → y tá)</li>
+    <li class="special">Y thay UY (vd: thý → thúy, byt → buýt)</li>
+    <li class="special">Chỉ vần <b>AY, ÂY</b> giữ nguyên (vd: mây, bay)</li>
+  </ul>
+
+  <div class="note">
+    Tham khảo chi tiết công thức gốc: 
+    <a href="http://chuvietnhanh.sourceforge.net/BangTomTatCongThucChuVNSongSong.pdf" target="_blank">
+      BangTomTatCongThucChuVNSongSong.pdf
+    </a>
+  </div>
+</body>
 </html>