diff --git a/README.md b/README.md index 651c149..50cdb3e 100644 --- a/README.md +++ b/README.md @@ -67,9 +67,48 @@ Setiap folder grup berisi: ## Catatan Teknis - Navbar dan footer menggunakan **Tailwind CSS** dari `assets/global/output.css` (tidak perlu install Tailwind per grup). -- Toggle **ID/EN** di navbar berfungsi penuh via `assets/global/localization.js`. - Mega menu dan mobile menu sudah aktif via inline script di tiap halaman. +## Fitur Bilingual (ID / EN) + +Setiap halaman grup mendukung toggle bahasa **Indonesia ↔ English** di pojok kanan atas navbar. + +### Cara kerja +- Bahasa default mengikuti pengaturan browser (`navigator.language`). +- Pilihan bahasa disimpan di `localStorage`, sehingga tetap aktif saat pindah halaman atau refresh. +- Klik **ID** untuk Bahasa Indonesia, klik **EN** untuk English. +- Elemen navbar dan footer akan otomatis berganti teks. + +### Cara menambahkan terjemahan pada konten kelompok + +Jika kelompok ingin konten di `#assignment-body` ikut berganti bahasa, gunakan atribut `data-i18n` dan daftarkan terjemahannya di `localization.js`. + +**Langkah 1** — Tambahkan atribut `data-i18n` pada elemen HTML di `index.html`: + +```html +
Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.
+``` + +**Langkah 2** — Daftarkan key tersebut di `assets/global/localization.js` pada bagian `id` dan `en`: + +```js +const translations = { + id: { + // ...key lainnya... + grp_acaab_title: "Sorotan Prestasi Mahasiswa", + grp_acaab_desc: "Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.", + }, + en: { + // ...key lainnya... + grp_acaab_title: "Student Achievement Highlights", + grp_acaab_desc: "This page showcases the achievements of Informatika UNTAN students.", + } +}; +``` + +> **Catatan:** Gunakan prefix unik per kelompok pada nama key (contoh: `grp_acaab_`, `grp_roda_`) agar tidak bentrok dengan key kelompok lain. + ## Output Pengumpulan Setiap kelompok submit perubahan pada: