docs: tambah panduan fitur bilingual ID/EN di README
- Jelaskan cara kerja toggle bahasa (auto-detect, localStorage) - Tambah langkah-langkah agar konten kelompok ikut bilingual (data-i18n + localization.js) - Sertakan contoh key dengan prefix unik per kelompok Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
41
README.md
41
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
|
||||
<h2 data-i18n="grp_acaab_title">Sorotan Prestasi Mahasiswa</h2>
|
||||
<p data-i18n="grp_acaab_desc">Halaman ini menampilkan prestasi mahasiswa Informatika UNTAN.</p>
|
||||
```
|
||||
|
||||
**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:
|
||||
|
||||
Reference in New Issue
Block a user