APMATHS — Đợt 0: Modern Education

Cập nhật 11/10/2026. Nhánh thực hiện: design/phase-0-modern-education. Chưa nhập vào main, chưa thay đổi DNS, Supabase hay repo Public.

Mục tiêu

• Giao diện hiện đại và thân thiện với học sinh, sinh viên, giảng viên.
• Trang chủ có 4 lối vào: Học Toán, Luyện tập, Công cụ, Khám phá.
• NAV desktop/mobile và footer thống nhất, có truy cập bằng bàn phím.
• Sáng/tối: thuộc tính data-theme trên html, lưu lựa chọn ở localStorage.apmaths-theme, mặc định theo hệ điều hành.
• Font ưu tiên Be Vietnam Pro khi có, tiếp theo Segoe UI / Arial; không tải bộ font nặng.
• Giảm chuyển động theo prefers-reduced-motion; MathJax dùng sẵn.

Màu sắc

| Thành phần | Sáng | Tối | | — | — | — | | Primary | #2563EB | #93C5FD | | Accent | #0D9488 | #5EEAD4 | | Background | #F8FAFC | #0B1220 | | Surface | #FFFFFF | #111D30 | | Text | #1E293B | #E2E8F0 |

Triển khai

• css/theme/foundation.css: tokens, surfaces, typography, light/dark.
• css/theme/header.css: responsive NAV, submenu, theme.
• css/theme/home.css: hero, lối vào, công cụ, chủ đề.
• css/theme/footer.css: footer.
• js/script.js: logic giao diện; bỏ các stylesheet nav cố định chồng chéo khỏi CSS entry.
• index.html: trang chủ mới, liên kết chỉ tới trang đã có.
• tools/index.md: đổi nhận diện từ Công cụ PTIT thành Công cụ APMaths, chưa thay đổi trang con.
• _data/languages: khóa dịch giao diện; chưa có toàn bộ nội dung song ngữ.

Giữ nguyên

1. /ai-clo/ và trang con /tools/ vẫn tồn tại trên GitHub Pages cũ.
2. Công bố điểm chưa được phục hồi ở repo Private, sẽ xử lý tại đợt di chuyển Tools, tránh link chết.
3. Chưa đổi _config.yml / canonical sang miền mới trước khi có bản deploy kiểm thử.
4. Không đổi API, Supabase Auth/RLS, database hay dữ liệu cá nhân.
5. Không thêm UI framework hoặc CSS vá phiên bản.

Checklist nghiệm thu trước khi merge

• Build Jekyll và kiểm tra HTML/Liquid không lỗi.
• Desktop 1440px, 1024px; mobile 768px, 390px, 320px không tràn ngang.
• Menu: click, keyboard Tab/Escape, đóng ngoài menu, submenu, resize.
• Theme: chuyển sáng/tối, tải lại trang, table/MathJax/code, ghi nhớ lựa chọn.
• Kiểm tra /courses/, /knowledge/, /ai-clo/practice/, /tools/, /games/, /blog/.
• Các trang con Tools và AI-CLO không hỏng CSS hoặc chức năng.
• Duyệt giao diện rồi mới nhập main.