fix: sections width was fixed

Reviewed-on: izu/student-web-if-development-kit#33
Approved (After UAT)

assets/global/localization.js

@@ -1233,8 +1233,8 @@ const translations = {
 		grp_m4n1fest_hero_stat_alumni: "TOTAL ALUMNI",
 		grp_m4n1fest_hero_stat_alumni_desc:
 			"data diperoleh dari alumni terdata di tracer study",
-		grp_m4n1fest_hero_stat_batch: "ANGKATAN",
+		grp_m4n1fest_hero_stat_batch: "TOTAL ANGKATAN",
-		grp_m4n1fest_hero_stat_company: "PERUSAHAAN",
+		grp_m4n1fest_hero_stat_company: "TOTAL PERUSAHAAN",
 		grp_m4n1fest_eyebrow_achievers: "High Achievers",
 		grp_m4n1fest_title_achievers: "Alumni <em>Informatika</em>",
 		grp_m4n1fest_sub_achievers:
@@ -1286,7 +1286,7 @@ const translations = {
 		grp_m4n1fest_skill_not_listed: "Belum Terdata di Sini?",
 		grp_m4n1fest_skill_not_listed_desc:
 			"Bantu kami melengkapi database skill alumni Informatika UNTAN. Kontribusikan data keahlian Anda untuk memetakan potensi nyata dari lulusan di berbagai sektor industri.",
-		grp_m4n1fest_skill_btn_contrib: "Isi Form Kontribusi",
+		grp_m4n1fest_skill_btn_contrib: "Isi Form",
 		grp_m4n1fest_eyebrow_stats: "Statistik Alumni",
 		grp_m4n1fest_title_stats:
 			"Jumlah Alumni <em>berdasarkan Tahun Kelulusan</em>",
@@ -1295,6 +1295,11 @@ const translations = {
 		grp_m4n1fest_table_head_period: "Periode",
 		grp_m4n1fest_table_head_amount: "Jumlah",
 		grp_m4n1fest_table_source: "Sumber : BAK UNTAN",
+		grp_m4n1fest_table_p1: "2024 Genap",
+		grp_m4n1fest_table_p2: "2024 Ganjil",
+		grp_m4n1fest_table_p3: "2023 Genap",
+		grp_m4n1fest_table_p4: "2023 Ganjil",
+		grp_m4n1fest_table_p5: "2022 Genap",
 		grp_m4n1fest_chart_title: "Grafik Jumlah Lulusan",
 		grp_m4n1fest_eyebrow_testi: "Testimoni Alumni",
 		grp_m4n1fest_title_testi: "Kata Mereka tentang <em>Informatika UNTAN</em>",
@@ -1308,7 +1313,7 @@ const translations = {
 		grp_m4n1fest_testi3_text:
 			'"Fondasi yang kita peroleh dari kampus dan Himpunan merupakan wadah terbaik untuk belajar ketangguhan. Jadikanlah pengalaman tersebut sebagai sarana untuk terus terbuka terhadap perubahan. Jika kita mampu beradaptasi dengan baik, batas kemampuan kita tidak lagi ditentukan oleh geografi, melainkan seberapa jauh kita berani melangkah."',
 		grp_m4n1fest_testi3_role:
-			"Dosen Tetap, UMP & Peneliti, Universidad de Granada",
+			"Dosen Tetap, UMP & Peneliti, Universidad de Granada · Angkatan 2005",
 		grp_m4n1fest_eyebrow_events: "Kegiatan Tahunan",
 		grp_m4n1fest_title_events: "Temui Kami di <em>Setiap Tahun</em>",
 		grp_m4n1fest_sub_events:
@@ -1319,7 +1324,7 @@ const translations = {
 			"SKBI Ramadhan adalah acara silaturahmi yang mempertemukan seluruh keluarga besar Informatika UNTAN — mahasiswa aktif, dosen, dan alumni dari berbagai angkatan. Kegiatan ini menjadi momen silaturahmi yang hangat di bulan Ramadhan, mempererat tali persaudaraan alumni dengan civitas akademika melalui kegiatan sosial, buka bersama, dan networking.",
 		grp_m4n1fest_event1_note: "Info lengkap di Instagram HMIF",
 		grp_m4n1fest_event2_title: "INFORMERS",
-		grp_m4n1fest_event2_meta: "Informatic Anniversary",
+		grp_m4n1fest_event2_meta: "HUT Informatika",
 		grp_m4n1fest_event2_desc:
 			"INFORMERS adalah perayaan Hari Ulang Tahun Program Studi Informatika UNTAN. Acara besar ini mewadahi berbagai kegiatan kompetisi akademik maupun non-akademik tingkat mahasiswa, pameran inovasi IT, hiburan musik, hingga malam puncak yang mengumpulkan seluruh civitas akademika dan alumni dalam semangat dedikasi dan kebersamaan.",
 		grp_m4n1fest_event2_note: "Pantau IG untuk jadwal & cara daftar",
@@ -1355,9 +1360,11 @@ const translations = {
 		grp_m4n1fest_form_status_opt5: "Mencari Kerja",
 		grp_m4n1fest_form_instansi:
 			'Tempat Bekerja / Instansi <span class="text-xs text-slate-400 font-normal">(opsional)</span>',
+		grp_m4n1fest_form_instansi_placeholder: "Contoh: PT. Telkom Indonesia, Google...",
 		grp_m4n1fest_form_skill_title: "3 Skill Utama yang Dikuasai *",
 		grp_m4n1fest_form_skill_sub: "Pilih 3 skill yang paling kamu kuasai.",
 		grp_m4n1fest_form_skill_opt1: "— Pilih —",
+		grp_m4n1fest_form_skill_others: "Lainnya",
 		grp_m4n1fest_form_persetujuan: "Persetujuan *",
 		grp_m4n1fest_form_persetujuan_txt:
 			"Saya menyetujui bahwa data yang saya masukkan adalah benar and bersedia diverifikasi oleh admin IKA Informatika UNTAN.",
@@ -2548,8 +2555,8 @@ const translations = {
 		grp_m4n1fest_hero_stat_alumni: "TOTAL ALUMNI",
 		grp_m4n1fest_hero_stat_alumni_desc:
 			"data obtained from alumni recorded in tracer study",
-		grp_m4n1fest_hero_stat_batch: "CLASSES",
+		grp_m4n1fest_hero_stat_batch: "TOTAL BATCHES",
-		grp_m4n1fest_hero_stat_company: "COMPANIES",
+		grp_m4n1fest_hero_stat_company: "TOTAL COMPANIES",
 		grp_m4n1fest_eyebrow_achievers: "High Achievers",
 		grp_m4n1fest_title_achievers: "Informatics <em>Alumni</em>",
 		grp_m4n1fest_sub_achievers:
@@ -2603,7 +2610,7 @@ const translations = {
 		grp_m4n1fest_skill_not_listed: "Not Listed Here Yet?",
 		grp_m4n1fest_skill_not_listed_desc:
 			"Help us complete the skill database of Informatics UNTAN alumni. Contribute your expertise data to map the true potential of graduates across various industrial sectors.",
-		grp_m4n1fest_skill_btn_contrib: "Fill Out Contribution Form",
+		grp_m4n1fest_skill_btn_contrib: "Fill Form",
 		grp_m4n1fest_eyebrow_stats: "Alumni Statistics",
 		grp_m4n1fest_title_stats: "Number of Alumni <em>by Graduation Year</em>",
 		grp_m4n1fest_sub_stats:
@@ -2611,6 +2618,11 @@ const translations = {
 		grp_m4n1fest_table_head_period: "Period",
 		grp_m4n1fest_table_head_amount: "Amount",
 		grp_m4n1fest_table_source: "Source: BAK UNTAN",
+		grp_m4n1fest_table_p1: "2024 Even",
+		grp_m4n1fest_table_p2: "2024 Odd",
+		grp_m4n1fest_table_p3: "2023 Even",
+		grp_m4n1fest_table_p4: "2023 Odd",
+		grp_m4n1fest_table_p5: "2022 Even",
 		grp_m4n1fest_chart_title: "Graduation Chart",
 		grp_m4n1fest_eyebrow_testi: "Alumni Testimonials",
 		grp_m4n1fest_title_testi: "What They Say About <em>Informatics UNTAN</em>",
@@ -2624,7 +2636,7 @@ const translations = {
 		grp_m4n1fest_testi3_text:
 			'"The foundation we obtain from the campus and Student Association is the best place to learn resilience. Make that experience a means to stay open to changes. If we are able to adapt well, our limits are no longer determined by geography, but how far we dare to step."',
 		grp_m4n1fest_testi3_role:
-			"Full-time Lecturer, UMP & Researcher, Universidad de Granada",
+			"Full-time Lecturer, UMP & Researcher, Universidad de Granada · Class of 2005",
 		grp_m4n1fest_eyebrow_events: "Annual Events",
 		grp_m4n1fest_title_events: "Meet Us <em>Every Year</em>",
 		grp_m4n1fest_sub_events:
@@ -2671,9 +2683,11 @@ const translations = {
 		grp_m4n1fest_form_status_opt5: "Looking for a Job",
 		grp_m4n1fest_form_instansi:
 			'Workplace / Institution <span class="text-xs text-slate-400 font-normal">(optional)</span>',
+		grp_m4n1fest_form_instansi_placeholder: "Example: PT. Telkom Indonesia, Google...",
 		grp_m4n1fest_form_skill_title: "3 Primary Skills Mastered *",
 		grp_m4n1fest_form_skill_sub: "Select 3 skills you are most proficient in.",
 		grp_m4n1fest_form_skill_opt1: "— Select —",
+		grp_m4n1fest_form_skill_others: "Others",
 		grp_m4n1fest_form_persetujuan: "Consent *",
 		grp_m4n1fest_form_persetujuan_txt:
 			"I agree that the data I entered is true and willing to be verified by the Informatics UNTAN IKA admin.",

groups/HarusSelesaiKP/index.html

@@ -2709,10 +2709,10 @@
 					href: "https://maps.app.goo.gl/386expVMhHgMAmXA9",
 				},
 				{
-					image: "images/hutan-mangrove.jpg",
+					image: "images/hutan-sylva.png",
 					nameKey: "skp_dest_mangrove_name",
 					descKey: "skp_dest_mangrove_desc",
-					href: "#",
+					href: "https://maps.app.goo.gl/ktWUMbxwHbWUfb4L8",
 				},
 				{
 					image: "images/mujahidin.webp",

groups/HarusSelesaiKP/localization.js

@@ -2,87 +2,119 @@
 	const dict = {
 		id: {
 			// --- Hero Section ---
-			skp_hero_desc: "Kuliah di kampus unggulan Kalimantan Barat dengan fasilitas lengkap, lingkungan nyaman dan kehidupan mahasiswa yang terjangkau",
+			skp_hero_desc:
+				"Kuliah di kampus unggulan Kalimantan Barat dengan fasilitas lengkap, lingkungan nyaman dan kehidupan mahasiswa yang terjangkau",
 
 			// --- About Section ---
 			skp_about_eyebrow: "Tentang Untan",
 			skp_about_title: "Kampus Unggul di Kalimantan Barat",
-			skp_about_desc_1: "Universitas Tanjungpura merupakan perguruan tinggi negeri terkemuka di Kalimantan Barat yang berkomitmen menghadirkan pendidikan berkualitas.",
+			skp_about_desc_1:
-			skp_about_desc_2: "UNTAN terus mendorong pengembangan riset, inovasi, dan kolaborasi di berbagai bidang.",
+				"Universitas Tanjungpura merupakan perguruan tinggi negeri terkemuka di Kalimantan Barat yang berkomitmen menghadirkan pendidikan berkualitas.",
-			skp_about_desc_3: "Didukung lingkungan belajar yang nyaman, mahasiswa memiliki ruang untuk berkembang secara akademik maupun nonakademik.",
+			skp_about_desc_2:
+				"UNTAN terus mendorong pengembangan riset, inovasi, dan kolaborasi di berbagai bidang.",
+			skp_about_desc_3:
+				"Didukung lingkungan belajar yang nyaman, mahasiswa memiliki ruang untuk berkembang secara akademik maupun nonakademik.",
 			skp_about_link_text: "Kunjungi Website Resmi",
 
 			// --- Facilities Section ---
 			skp_fac_eyebrow: "Fasilitas Kampus",
-			skp_fac_main_title: "Fasilitas Kampus untuk Pengalaman Belajar yang Nyaman",
+			skp_fac_main_title:
+				"Fasilitas Kampus untuk Pengalaman Belajar yang Nyaman",
 			skp_fac_title_perpus: "Perpustakaan UNTAN",
-			skp_fac_desc_perpus: "Koleksi literatur digital dan fisik terlengkap dengan ruang baca yang tenang dan modern.",
+			skp_fac_desc_perpus:
+				"Koleksi literatur digital dan fisik terlengkap dengan ruang baca yang tenang dan modern.",
 			skp_fac_title_rusunawa: "Rusunawa",
-			skp_fac_desc_rusunawa: "Hunian mahasiswa yang aman, terjangkau, dan berlokasi strategis di dalam lingkungan kampus.",
+			skp_fac_desc_rusunawa:
+				"Hunian mahasiswa yang aman, terjangkau, dan berlokasi strategis di dalam lingkungan kampus.",
 			skp_fac_title_rs: "Rumah Sakit Untan & Klinik Pratama",
-			skp_fac_desc_rs: "Layanan kesehatan prima bagi seluruh sivitas akademika dengan tenaga medis profesional.",
+			skp_fac_desc_rs:
+				"Layanan kesehatan prima bagi seluruh sivitas akademika dengan tenaga medis profesional.",
 			skp_fac_title_gkb: "Gedung Kuliah Bersama",
-			skp_fac_desc_gkb: "Ruang kelas interaktif dengan dukungan teknologi multimedia terkini untuk proses belajar mengajar.",
+			skp_fac_desc_gkb:
+				"Ruang kelas interaktif dengan dukungan teknologi multimedia terkini untuk proses belajar mengajar.",
 			skp_fac_title_bahasa: "UPT Bahasa",
-			skp_fac_desc_bahasa: "Pusat pelatihan bahasa asing dan sertifikasi internasional untuk menunjang karir global.",
+			skp_fac_desc_bahasa:
+				"Pusat pelatihan bahasa asing dan sertifikasi internasional untuk menunjang karir global.",
 			skp_fac_title_olahraga: "Area Olahraga",
-			skp_fac_desc_olahraga: "Fasilitas olahraga outdoor dan indoor lengkap untuk menjaga kebugaran dan menyalurkan bakat.",
+			skp_fac_desc_olahraga:
+				"Fasilitas olahraga outdoor dan indoor lengkap untuk menjaga kebugaran dan menyalurkan bakat.",
 			skp_fac_title_masjid: "Masjid Muhtadin UNTAN",
-			skp_fac_desc_masjid: "Pusat ibadah yang nyaman dan inklusif bagi sivitas akademika UNTAN dengan suasana religius yang menenangkan.",
+			skp_fac_desc_masjid:
+				"Pusat ibadah yang nyaman dan inklusif bagi sivitas akademika UNTAN dengan suasana religius yang menenangkan.",
 			skp_fac_title_lab: "Laboraturium Kampus UNTAN",
-			skp_fac_desc_lab: "Fasilitas laboratorium modern UNTAN yang mendukung riset, praktikum, dan inovasi mahasiswa.",
+			skp_fac_desc_lab:
+				"Fasilitas laboratorium modern UNTAN yang mendukung riset, praktikum, dan inovasi mahasiswa.",
 			skp_fac_title_audit: "Auditorium UNTAN",
-			skp_fac_desc_audit: "Ruang serbaguna representatif UNTAN untuk seminar, acara akademik, dan kegiatan besar kampus.",
+			skp_fac_desc_audit:
+				"Ruang serbaguna representatif UNTAN untuk seminar, acara akademik, dan kegiatan besar kampus.",
 
 			// --- Campus Section ---
 			skp_campus_eyebrow: "Kehidupan Kampus",
 			skp_campus_title: "Aktivitas Mahasiswa & Organisasi Kampus",
-			skp_campus_subtitle: "Mahasiswa UNTAN memiliki berbagai kesempatan untuk berkembang melalui organisasi, UKM, komunitas, dan kegiatan ekstrakurikuler.",
+			skp_campus_subtitle:
+				"Mahasiswa UNTAN memiliki berbagai kesempatan untuk berkembang melalui organisasi, UKM, komunitas, dan kegiatan ekstrakurikuler.",
 			skp_campus_cat_org: "Organisasi",
 			skp_campus_cat_ukm: "UKM",
 			skp_campus_cat_com: "Komunitas",
 			skp_campus_dir_bem_title: "BEM UNTAN",
-			skp_campus_dir_bem_desc: "Badan Eksekutif Mahasiswa tingkat universitas yang menjadi wadah aspirasi dan pergerakan mahasiswa untuk perubahan positif di kampus.",
+			skp_campus_dir_bem_desc:
+				"Badan Eksekutif Mahasiswa tingkat universitas yang menjadi wadah aspirasi dan pergerakan mahasiswa untuk perubahan positif di kampus.",
 			skp_campus_dir_dpm_title: "DPM UNTAN",
-			skp_campus_dir_dpm_desc: "Dewan Perwakilan Mahasiswa yang menjalankan fungsi legislasi dan pengawasan terhadap kebijakan-kebijakan organisasi mahasiswa di universitas.",
+			skp_campus_dir_dpm_desc:
+				"Dewan Perwakilan Mahasiswa yang menjalankan fungsi legislasi dan pengawasan terhadap kebijakan-kebijakan organisasi mahasiswa di universitas.",
 			skp_campus_dir_hmif_title: "HMIF UNTAN",
-			skp_campus_dir_hmif_desc: "Organisasi mahasiswa di bawah Program Studi Informatika yang menjadi wadah pengembangan akademik, kepemimpinan, dan jejaring bagi anggotanya.",
+			skp_campus_dir_hmif_desc:
+				"Organisasi mahasiswa di bawah Program Studi Informatika yang menjadi wadah pengembangan akademik, kepemimpinan, dan jejaring bagi anggotanya.",
 			skp_campus_dir_cafa_title: "CAFATIFA",
-			skp_campus_dir_cafa_desc: "Organisasi ini menjadi wadah pelayanan, pembinaan iman, dan pengembangan karakter bagi mahasiswa Katolik di fakultas tersebut.",
+			skp_campus_dir_cafa_desc:
+				"Organisasi ini menjadi wadah pelayanan, pembinaan iman, dan pengembangan karakter bagi mahasiswa Katolik di fakultas tersebut.",
 			skp_campus_dir_mapala_title: "MAPALA UNTAN",
-			skp_campus_dir_mapala_desc: "Wadah pecinta alam mahasiswa UNTAN yang membentuk karakter tangguh, peduli lingkungan, dan berjiwa petualang.",
+			skp_campus_dir_mapala_desc:
+				"Wadah pecinta alam mahasiswa UNTAN yang membentuk karakter tangguh, peduli lingkungan, dan berjiwa petualang.",
 			skp_campus_dir_lisma_title: "LISMA UNTAN",
-			skp_campus_dir_lisma_desc: "Wadah mahasiswa yang mengembangkan minat literasi, diskusi, dan pemikiran kritis secara kolaboratif.",
+			skp_campus_dir_lisma_desc:
+				"Wadah mahasiswa yang mengembangkan minat literasi, diskusi, dan pemikiran kritis secara kolaboratif.",
 			skp_campus_dir_lsmi_title: "LSMI UNTAN",
-			skp_campus_dir_lsmi_desc: "Unit kegiatan mahasiswa yang mewadahi pembinaan keagamaan, dakwah, dan pengembangan spiritual mahasiswa.",
+			skp_campus_dir_lsmi_desc:
+				"Unit kegiatan mahasiswa yang mewadahi pembinaan keagamaan, dakwah, dan pengembangan spiritual mahasiswa.",
 			skp_campus_dir_semut_title: "SARANG SEMUT",
-			skp_campus_dir_semut_desc: "Komunitas mahasiswa yang menumbuhkan budaya literasi, diskusi kritis, dan pemikiran intelektual di lingkungan kampus.",
+			skp_campus_dir_semut_desc:
+				"Komunitas mahasiswa yang menumbuhkan budaya literasi, diskusi kritis, dan pemikiran intelektual di lingkungan kampus.",
 			skp_campus_dir_aiesec_title: "AIESEC",
-			skp_campus_dir_aiesec_desc: "Organisasi kepemudaan internasional di UNTAN yang mengembangkan kepemimpinan, pengalaman global, dan kolaborasi lintas budaya mahasiswa.",
+			skp_campus_dir_aiesec_desc:
+				"Organisasi kepemudaan internasional di UNTAN yang mengembangkan kepemimpinan, pengalaman global, dan kolaborasi lintas budaya mahasiswa.",
 
 			// --- Pontianak City Section ---
 			skp_pontianak_eyebrow: "Kota Pontianak",
 			skp_pontianak_title: "Live In Pontianak",
-			skp_pontianak_desc: "Pontianak bukan sekadar ibu kota Kalimantan Barat, tetapi tempat yang nyaman untuk tinggal, ramah bagi mahasiswa, dan bersahabat di kantong. Kota ini menawarkan akses fasilitas umum yang lengkap, ragam kuliner yang menggoda, serta suasana belajar yang aktif dan penuh semangat.",
+			skp_pontianak_desc:
+				"Pontianak bukan sekadar ibu kota Kalimantan Barat, tetapi tempat yang nyaman untuk tinggal, ramah bagi mahasiswa, dan bersahabat di kantong. Kota ini menawarkan akses fasilitas umum yang lengkap, ragam kuliner yang menggoda, serta suasana belajar yang aktif dan penuh semangat.",
 
 			// --- Destination Section ---
 			skp_dest_eyebrow: "Wisata & Destinasi",
 			skp_dest_title: "Tempat Menarik di Pontianak",
 			skp_dest_open_maps: "Buka Peta",
 			skp_dest_khatulistiwa_name: "Tugu Khatulistiwa",
-			skp_dest_khatulistiwa_desc: "Ikon kota yang menandakan posisi garis lintang nol derajat di bumi.",
+			skp_dest_khatulistiwa_desc:
+				"Ikon kota yang menandakan posisi garis lintang nol derajat di bumi.",
 			skp_dest_waterfront_name: "Waterfront",
-			skp_dest_waterfront_desc: "Area pedestrian tepi sungai Kapuas yang populer untuk menikmati senja.",
+			skp_dest_waterfront_desc:
+				"Area pedestrian tepi sungai Kapuas yang populer untuk menikmati senja.",
 			skp_dest_qubu_name: "Qubu Resort",
-			skp_dest_qubu_desc: "Kawasan taman wisata terpadu dan resort bintang 4 di Kubu Raya.",
+			skp_dest_qubu_desc:
+				"Kawasan taman wisata terpadu dan resort bintang 4 di Kubu Raya.",
 			skp_dest_radank_name: "Rumah Radakng",
-			skp_dest_radank_desc: "Rumah adat suku Dayak dan merupakan simbol harmoni budaya.",
+			skp_dest_radank_desc:
+				"Rumah adat suku Dayak dan merupakan simbol harmoni budaya.",
 			skp_dest_museum_name: "Museum",
-			skp_dest_museum_desc: "Koleksi Geografika/Geologika berupa peta dan jenis batu-batuan.",
+			skp_dest_museum_desc:
+				"Koleksi Geografika/Geologika berupa peta dan jenis batu-batuan.",
 			skp_dest_amalzone_name: "Amalzone",
-			skp_dest_amalzone_desc: "Destinasi wisata alam dan rekreasi keluarga yang populer.",
+			skp_dest_amalzone_desc:
-			skp_dest_mangrove_name: "Hutan Mangrove",
+				"Destinasi wisata alam dan rekreasi keluarga yang populer.",
-			skp_dest_mangrove_desc: "Pemandangan alami yang menakjubkan jalur trekking kayu.",
+			skp_dest_mangrove_name: "Hutan Sylva",
+			skp_dest_mangrove_desc:
+				"Pemandangan alami yang menakjubkan jalur trekking kayu.",
 			skp_dest_mujahidin_name: "Masjid Mujahidin",
 			skp_dest_mujahidin_desc: "Masjid terbesar di Provinsi Kalimantan Barat.",
 
@@ -91,23 +123,35 @@
 			skp_cul_title: "Kuliner dan Coffee Shop Favorit Mahasiswa",
 			skp_cul_cat_rm: "Rumah Makan",
 			skp_cul_cat_cs: "Coffee Shop",
-			skp_cul_gebuk_desc: "Ayam gepuk pedas gurih meresap, bikin nambah nasi terus.",
+			skp_cul_gebuk_desc:
-			skp_cul_sari_desc: "Masakan hangat rumahan menggoda, sekali coba langsung jatuh cinta.",
+				"Ayam gepuk pedas gurih meresap, bikin nambah nasi terus.",
+			skp_cul_sari_desc:
+				"Masakan hangat rumahan menggoda, sekali coba langsung jatuh cinta.",
 			skp_cul_mom_desc: "Menu rumahan enak dengan porsi besar.",
-			skp_cul_shine_desc: "Nasi topping kekinian dengan tampilan menarik dan topping yang melimpah.",
+			skp_cul_shine_desc:
-			skp_cul_melepar_desc: "Ayam crispy gurih pedas favorit mahasiswa dengan ayam renyah pedas menggigit.",
+				"Nasi topping kekinian dengan tampilan menarik dan topping yang melimpah.",
-			skp_cul_umi_desc: "Ayam geprek pedas murah dan mengenyangkan dengan pedasnya nampol mantap.",
+			skp_cul_melepar_desc:
-			skp_cul_cw_desc: "CW Coffee awalnya berdiri pada tahun 2015 dengan nama Cyber World iCafe, sebuah kafe internet (warnet) berkecepatan tinggi yang buka 24 jam.",
+				"Ayam crispy gurih pedas favorit mahasiswa dengan ayam renyah pedas menggigit.",
-			skp_cul_nordu_desc: "NORDU Coffee & Eatery (populer dikenal sebagai Kopi Nomor Dua) menawarkan tempat yang nyaman untuk bekerja (Work From Home) dengan menu kopi dan hidangan yang ramah di kantong.",
+			skp_cul_umi_desc:
-			skp_cul_kami_desc: "Toko Kami didirikan pada November 2021 oleh seorang pemuda kreatif bernama Yudistira Nusantara. Nama 'Toko Kami' merupakan sebuah akronim dari Toko Kudapan dan Aneka Minuman Indonesia.",
+				"Ayam geprek pedas murah dan mengenyangkan dengan pedasnya nampol mantap.",
-			skp_cul_lokale_desc: "Lokale didirikan oleh Asmako pada tahun 2017. Berawal dari kecintaan pemiliknya terhadap racikan kopi, Lokale hadir untuk menciptakan cita rasa kopi modern yang pas dengan lidah masyarakat.",
+			skp_cul_cw_desc:
-			skp_cul_weng_desc: "Weng Coffee adalah salah satu legenda hidup warung kopi di Kota Khatulistiwa yang sudah berdiri sejak tahun 1970.",
+				"CW Coffee awalnya berdiri pada tahun 2015 dengan nama Cyber World iCafe, sebuah kafe internet (warnet) berkecepatan tinggi yang buka 24 jam.",
-			skp_cul_tropic_desc: "Tropic Cafe Pontianak merupakan salah satu pelopor coffee shop modern berskala besar di Pontianak yang mengusung konsep 24 jam nonstop dengan harga super ramah kantong.",
+			skp_cul_nordu_desc:
+				"NORDU Coffee & Eatery (populer dikenal sebagai Kopi Nomor Dua) menawarkan tempat yang nyaman untuk bekerja (Work From Home) dengan menu kopi dan hidangan yang ramah di kantong.",
+			skp_cul_kami_desc:
+				"Toko Kami didirikan pada November 2021 oleh seorang pemuda kreatif bernama Yudistira Nusantara. Nama 'Toko Kami' merupakan sebuah akronim dari Toko Kudapan dan Aneka Minuman Indonesia.",
+			skp_cul_lokale_desc:
+				"Lokale didirikan oleh Asmako pada tahun 2017. Berawal dari kecintaan pemiliknya terhadap racikan kopi, Lokale hadir untuk menciptakan cita rasa kopi modern yang pas dengan lidah masyarakat.",
+			skp_cul_weng_desc:
+				"Weng Coffee adalah salah satu legenda hidup warung kopi di Kota Khatulistiwa yang sudah berdiri sejak tahun 1970.",
+			skp_cul_tropic_desc:
+				"Tropic Cafe Pontianak merupakan salah satu pelopor coffee shop modern berskala besar di Pontianak yang mengusung konsep 24 jam nonstop dengan harga super ramah kantong.",
 
 			// --- Living Cost Section ---
 			skp_cost_eyebrow: "Biaya Hidup Mahasiswa",
 			skp_cost_title: "Perkiraan Biaya Hidup Mahasiswa di Pontianak",
-			skp_cost_desc: "Perencanaan keuangan yang baik membantu mahasiswa menjalani masa studi dengan lebih nyaman di Pontianak.",
+			skp_cost_desc:
+				"Perencanaan keuangan yang baik membantu mahasiswa menjalani masa studi dengan lebih nyaman di Pontianak.",
 			skp_cost_note: "*Data yang didapat bersumber dari survey internal",
 			skp_cost_period: "per bulan",
 			skp_cost_type_home: "Hunian",
@@ -116,112 +160,157 @@
 		},
 		en: {
 			// --- Hero Section ---
-			skp_hero_desc: "Study at the leading campus in West Kalimantan with complete facilities, comfortable environment, and affordable student life",
+			skp_hero_desc:
+				"Study at the leading campus in West Kalimantan with complete facilities, comfortable environment, and affordable student life",
 
 			// --- About Section ---
 			skp_about_eyebrow: "About Untan",
 			skp_about_title: "A Leading Campus in West Kalimantan",
-			skp_about_desc_1: "Universitas Tanjungpura is a leading public university in West Kalimantan committed to delivering quality education.",
+			skp_about_desc_1:
-			skp_about_desc_2: "UNTAN continues to drive research development, innovation, and collaboration across various fields.",
+				"Universitas Tanjungpura is a leading public university in West Kalimantan committed to delivering quality education.",
-			skp_about_desc_3: "Supported by a comfortable learning environment, students have the opportunity to grow both academically and non-academically.",
+			skp_about_desc_2:
+				"UNTAN continues to drive research development, innovation, and collaboration across various fields.",
+			skp_about_desc_3:
+				"Supported by a comfortable learning environment, students have the opportunity to grow both academically and non-academically.",
 			skp_about_link_text: "Visit Official Website",
 
 			// --- Facilities Section ---
 			skp_fac_eyebrow: "Campus Facilities",
-			skp_fac_main_title: "Campus Facilities for a Comfortable Learning Experience",
+			skp_fac_main_title:
+				"Campus Facilities for a Comfortable Learning Experience",
 			skp_fac_title_perpus: "UNTAN Library",
-			skp_fac_desc_perpus: "The most complete collection of digital and physical literature with a quiet and modern reading room.",
+			skp_fac_desc_perpus:
+				"The most complete collection of digital and physical literature with a quiet and modern reading room.",
 			skp_fac_title_rusunawa: "Student Dormitory (Rusunawa)",
-			skp_fac_desc_rusunawa: "Safe, affordable, and strategically located student housing within the campus environment.",
+			skp_fac_desc_rusunawa:
+				"Safe, affordable, and strategically located student housing within the campus environment.",
 			skp_fac_title_rs: "Untan Hospital & Pratama Clinic",
-			skp_fac_desc_rs: "Excellent health services for the entire academic community with professional medical staff.",
+			skp_fac_desc_rs:
+				"Excellent health services for the entire academic community with professional medical staff.",
 			skp_fac_title_gkb: "Shared Lecture Building (GKB)",
-			skp_fac_desc_gkb: "Interactive classrooms with the latest multimedia technology support for the teaching and learning process.",
+			skp_fac_desc_gkb:
+				"Interactive classrooms with the latest multimedia technology support for the teaching and learning process.",
 			skp_fac_title_bahasa: "Language Center (UPT Bahasa)",
-			skp_fac_desc_bahasa: "Foreign language training and international certification center to support global careers.",
+			skp_fac_desc_bahasa:
+				"Foreign language training and international certification center to support global careers.",
 			skp_fac_title_olahraga: "Sports Area",
-			skp_fac_desc_olahraga: "Complete outdoor and indoor sports facilities to maintain fitness and channel talents.",
+			skp_fac_desc_olahraga:
+				"Complete outdoor and indoor sports facilities to maintain fitness and channel talents.",
 			skp_fac_title_masjid: "Muhtadin Mosque UNTAN",
-			skp_fac_desc_masjid: "A comfortable and inclusive place of worship for the UNTAN academic community with a soothing religious atmosphere.",
+			skp_fac_desc_masjid:
+				"A comfortable and inclusive place of worship for the UNTAN academic community with a soothing religious atmosphere.",
 			skp_fac_title_lab: "UNTAN Campus Laboratory",
-			skp_fac_desc_lab: "Modern UNTAN laboratory facilities that support student research, practicums, and innovation.",
+			skp_fac_desc_lab:
+				"Modern UNTAN laboratory facilities that support student research, practicums, and innovation.",
 			skp_fac_title_audit: "UNTAN Auditorium",
-			skp_fac_desc_audit: "A representative multi-purpose hall for seminars, academic events, and major campus activities.",
+			skp_fac_desc_audit:
+				"A representative multi-purpose hall for seminars, academic events, and major campus activities.",
 
 			// --- Campus Section ---
 			skp_campus_eyebrow: "Campus Life",
 			skp_campus_title: "Student Activities & Campus Organizations",
-			skp_campus_subtitle: "UNTAN students have various opportunities to grow through organizations, Student Activity Units (UKM), communities, and extracurricular activities.",
+			skp_campus_subtitle:
+				"UNTAN students have various opportunities to grow through organizations, Student Activity Units (UKM), communities, and extracurricular activities.",
 			skp_campus_cat_org: "Organizations",
 			skp_campus_cat_ukm: "Student Units",
 			skp_campus_cat_com: "Communities",
 			skp_campus_dir_bem_title: "BEM UNTAN",
-			skp_campus_dir_bem_desc: "The university-level Student Executive Board that acts as a forum for student aspirations and movements for positive campus change.",
+			skp_campus_dir_bem_desc:
+				"The university-level Student Executive Board that acts as a forum for student aspirations and movements for positive campus change.",
 			skp_campus_dir_dpm_title: "DPM UNTAN",
-			skp_campus_dir_dpm_desc: "The Student Representative Council that performs legislative and supervisory functions over student organization policies at the university.",
+			skp_campus_dir_dpm_desc:
+				"The Student Representative Council that performs legislative and supervisory functions over student organization policies at the university.",
 			skp_campus_dir_hmif_title: "HMIF UNTAN",
-			skp_campus_dir_hmif_desc: "A student organization under the Informatics Study Program that serves as a hub for academic development, leadership, and networking for its members.",
+			skp_campus_dir_hmif_desc:
+				"A student organization under the Informatics Study Program that serves as a hub for academic development, leadership, and networking for its members.",
 			skp_campus_dir_cafa_title: "CAFATIFA",
-			skp_campus_dir_cafa_desc: "This organization provides a forum for service, faith formation, and character building for Catholic students in the faculty.",
+			skp_campus_dir_cafa_desc:
+				"This organization provides a forum for service, faith formation, and character building for Catholic students in the faculty.",
 			skp_campus_dir_mapala_title: "MAPALA UNTAN",
-			skp_campus_dir_mapala_desc: "A community for UNTAN student nature lovers that shapes a resilient character, environmental awareness, and an adventurous spirit.",
+			skp_campus_dir_mapala_desc:
+				"A community for UNTAN student nature lovers that shapes a resilient character, environmental awareness, and an adventurous spirit.",
 			skp_campus_dir_lisma_title: "LISMA UNTAN",
-			skp_campus_dir_lisma_desc: "A student forum that develops interest in literacy, discussion, and critical thinking collaboratively.",
+			skp_campus_dir_lisma_desc:
+				"A student forum that develops interest in literacy, discussion, and critical thinking collaboratively.",
 			skp_campus_dir_lsmi_title: "LSMI UNTAN",
-			skp_campus_dir_lsmi_desc: "A student activity unit that handles religious guidance, Islamic outreach (da'wah), and spiritual development for students.",
+			skp_campus_dir_lsmi_desc:
+				"A student activity unit that handles religious guidance, Islamic outreach (da'wah), and spiritual development for students.",
 			skp_campus_dir_semut_title: "SARANG SEMUT",
-			skp_campus_dir_semut_desc: "A student community that fosters a culture of literacy, critical discussion, and intellectual thought within the campus environment.",
+			skp_campus_dir_semut_desc:
+				"A student community that fosters a culture of literacy, critical discussion, and intellectual thought within the campus environment.",
 			skp_campus_dir_aiesec_title: "AIESEC",
-			skp_campus_dir_aiesec_desc: "An international youth organization at UNTAN that develops leadership, global experience, and cross-cultural collaboration among students.",
+			skp_campus_dir_aiesec_desc:
+				"An international youth organization at UNTAN that develops leadership, global experience, and cross-cultural collaboration among students.",
 
 			// --- Pontianak City Section ---
 			skp_pontianak_eyebrow: "Pontianak City",
 			skp_pontianak_title: "Live In Pontianak",
-			skp_pontianak_desc: "Pontianak is not just the capital of West Kalimantan, but a comfortable place to live, student-friendly, and very affordable. The city offers complete access to public facilities, a tempting variety of culinary options, and an active, vibrant learning environment.",
+			skp_pontianak_desc:
+				"Pontianak is not just the capital of West Kalimantan, but a comfortable place to live, student-friendly, and very affordable. The city offers complete access to public facilities, a tempting variety of culinary options, and an active, vibrant learning environment.",
 
 			// --- Destination Section ---
 			skp_dest_eyebrow: "Tourism & Destinations",
 			skp_dest_title: "Interesting Places in Pontianak",
 			skp_dest_open_maps: "Open Maps",
 			skp_dest_khatulistiwa_name: "Equator Monument",
-			skp_dest_khatulistiwa_desc: "The city icon marking the zero-degree latitude position on earth.",
+			skp_dest_khatulistiwa_desc:
+				"The city icon marking the zero-degree latitude position on earth.",
 			skp_dest_waterfront_name: "Waterfront",
-			skp_dest_waterfront_desc: "A popular pedestrian area by the Kapuas River to enjoy the sunset.",
+			skp_dest_waterfront_desc:
+				"A popular pedestrian area by the Kapuas River to enjoy the sunset.",
 			skp_dest_qubu_name: "Qubu Resort",
-			skp_dest_qubu_desc: "An integrated tourism park area and a 4-star resort in Kubu Raya.",
+			skp_dest_qubu_desc:
+				"An integrated tourism park area and a 4-star resort in Kubu Raya.",
 			skp_dest_radank_name: "Radakng House",
-			skp_dest_radank_desc: "The traditional longhouse of the Dayak tribe, a symbol of cultural harmony.",
+			skp_dest_radank_desc:
+				"The traditional longhouse of the Dayak tribe, a symbol of cultural harmony.",
 			skp_dest_museum_name: "Museum",
-			skp_dest_museum_desc: "Geographical and geological collections featuring maps and various types of rocks.",
+			skp_dest_museum_desc:
+				"Geographical and geological collections featuring maps and various types of rocks.",
 			skp_dest_amalzone_name: "Amalzone",
-			skp_dest_amalzone_desc: "A popular nature tourism and family recreation destination.",
+			skp_dest_amalzone_desc:
+				"A popular nature tourism and family recreation destination.",
 			skp_dest_mangrove_name: "Mangrove Forest",
-			skp_dest_mangrove_desc: "Stunning natural scenery along a wooden trekking pathway.",
+			skp_dest_mangrove_desc:
+				"Stunning natural scenery along a wooden trekking pathway.",
 			skp_dest_mujahidin_name: "Mujahidin Mosque",
-			skp_dest_mujahidin_desc: "The largest mosque in the West Kalimantan Province.",
+			skp_dest_mujahidin_desc:
+				"The largest mosque in the West Kalimantan Province.",
 
 			// --- Culinary Section ---
 			skp_cul_eyebrow: "Cafe & Culinary",
 			skp_cul_title: "Students' Favorite Culinary and Coffee Shops",
 			skp_cul_cat_rm: "Eateries",
 			skp_cul_cat_cs: "Coffee Shops",
-			skp_cul_gebuk_desc: "Spicy and savory pounded chicken that makes you want to keep adding rice.",
+			skp_cul_gebuk_desc:
-			skp_cul_sari_desc: "Tempting home-cooked warmth, fall in love at first bite.",
+				"Spicy and savory pounded chicken that makes you want to keep adding rice.",
+			skp_cul_sari_desc:
+				"Tempting home-cooked warmth, fall in love at first bite.",
 			skp_cul_mom_desc: "Delicious home-style meals with generous portions.",
-			skp_cul_shine_desc: "Trendy rice bowls with attractive presentation and abundant toppings.",
+			skp_cul_shine_desc:
-			skp_cul_melepar_desc: "Crispy, savory, and spicy chicken, a student favorite with a crunchy, fiery bite.",
+				"Trendy rice bowls with attractive presentation and abundant toppings.",
-			skp_cul_umi_desc: "Cheap, filling, and spicy smashed chicken with an intensely satisfying kick.",
+			skp_cul_melepar_desc:
-			skp_cul_cw_desc: "CW Coffee originally started in 2015 as Cyber World iCafe, a high-speed 24-hour internet cafe.",
+				"Crispy, savory, and spicy chicken, a student favorite with a crunchy, fiery bite.",
-			skp_cul_nordu_desc: "NORDU Coffee & Eatery (popularly known as Kopi Nomor Dua) offers a comfortable place to work (WFH) with student-friendly coffee and meals.",
+			skp_cul_umi_desc:
-			skp_cul_kami_desc: "Toko Kami was founded in November 2021 by a creative youth named Yudistira Nusantara. The name is an acronym for Indonesian Snack and Beverage Shop.",
+				"Cheap, filling, and spicy smashed chicken with an intensely satisfying kick.",
-			skp_cul_lokale_desc: "Lokale was founded by Asmako in 2017. Rooted in the owner's passion for coffee brewing, Lokale brings modern coffee flavors tailored to the local palate.",
+			skp_cul_cw_desc:
-			skp_cul_weng_desc: "Weng Coffee is one of the living legends of coffee shops in the Equator City, operating since 1970.",
+				"CW Coffee originally started in 2015 as Cyber World iCafe, a high-speed 24-hour internet cafe.",
-			skp_cul_tropic_desc: "Tropic Cafe Pontianak is a pioneer of large-scale modern coffee shops in Pontianak, featuring a 24/7 non-stop concept with highly affordable prices.",
+			skp_cul_nordu_desc:
+				"NORDU Coffee & Eatery (popularly known as Kopi Nomor Dua) offers a comfortable place to work (WFH) with student-friendly coffee and meals.",
+			skp_cul_kami_desc:
+				"Toko Kami was founded in November 2021 by a creative youth named Yudistira Nusantara. The name is an acronym for Indonesian Snack and Beverage Shop.",
+			skp_cul_lokale_desc:
+				"Lokale was founded by Asmako in 2017. Rooted in the owner's passion for coffee brewing, Lokale brings modern coffee flavors tailored to the local palate.",
+			skp_cul_weng_desc:
+				"Weng Coffee is one of the living legends of coffee shops in the Equator City, operating since 1970.",
+			skp_cul_tropic_desc:
+				"Tropic Cafe Pontianak is a pioneer of large-scale modern coffee shops in Pontianak, featuring a 24/7 non-stop concept with highly affordable prices.",
 
 			// --- Living Cost Section ---
 			skp_cost_eyebrow: "Student Living Cost",
 			skp_cost_title: "Estimated Living Cost for Students in Pontianak",
-			skp_cost_desc: "Good financial planning helps students go through their study period more comfortably in Pontianak.",
+			skp_cost_desc:
+				"Good financial planning helps students go through their study period more comfortably in Pontianak.",
 			skp_cost_note: "*Data obtained is sourced from an internal survey",
 			skp_cost_period: "per month",
 			skp_cost_type_home: "Housing",
@@ -231,16 +320,18 @@
 	};
 
 	function currentLang() {
-		if (typeof window.getLang === 'function') {
+		if (typeof window.getLang === "function") {
 			const l = window.getLang();
-			if (l === 'id' || l === 'en') return l;
+			if (l === "id" || l === "en") return l;
 		}
 		try {
-			const saved = localStorage.getItem('if_untan_lang');
+			const saved = localStorage.getItem("if_untan_lang");
-			if (saved === 'id' || saved === 'en') return saved;
+			if (saved === "id" || saved === "en") return saved;
-		} catch (e) { /* localStorage unavailable */ }
+		} catch (e) {
-		const nav = (navigator.language || 'id').toLowerCase();
+			/* localStorage unavailable */
-		return nav.startsWith('en') ? 'en' : 'id';
+		}
+		const nav = (navigator.language || "id").toLowerCase();
+		return nav.startsWith("en") ? "en" : "id";
 	}
 
 	function skpT(key) {
@@ -251,13 +342,13 @@
 	function applySkp(root) {
 		const scope = root || document;
 
-		scope.querySelectorAll('[data-skp-i18n]').forEach(el => {
+		scope.querySelectorAll("[data-skp-i18n]").forEach((el) => {
-			const val = skpT(el.getAttribute('data-skp-i18n'));
+			const val = skpT(el.getAttribute("data-skp-i18n"));
 			if (val != null) el.textContent = val;
 		});
 
-		scope.querySelectorAll('[data-skp-i18n-placeholder]').forEach(el => {
+		scope.querySelectorAll("[data-skp-i18n-placeholder]").forEach((el) => {
-			const val = skpT(el.getAttribute('data-skp-i18n-placeholder'));
+			const val = skpT(el.getAttribute("data-skp-i18n-placeholder"));
 			if (val != null) el.placeholder = val;
 		});
 	}
@@ -265,6 +356,6 @@
 	window.skpT = skpT;
 	window.applySkp = applySkp;
 
-	document.addEventListener('languageChanged', () => applySkp());
+	document.addEventListener("languageChanged", () => applySkp());
-	document.addEventListener('DOMContentLoaded', () => applySkp());
+	document.addEventListener("DOMContentLoaded", () => applySkp());
 })();

groups/Jellyfish.Corp/style.css

@@ -252,7 +252,19 @@ h1, h2, h3, h4, h5, h6 {
         /* Shell layout tambahan */
         .nav { background: #003150; padding: 1rem 0; }
         .nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; }
-        .container { max-width: 1100px;}
+        .container {
+            max-width: 1100px;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        /* Make the wrapping container full width so sections can span 100% width */
+        main#main-content > .container {
+            max-width: none !important;
+            width: 100% !important;
+            padding: 0 !important;
+            margin: 0 !important;
+        }
 
         .content {padding: 0 50px;}
 

groups/M4N1FEST/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="id" class="scroll-smooth">
 <head>
     <meta charset="UTF-8">
@@ -1188,7 +1188,7 @@
 
         <div class="custom-stats">
           <div class="custom-stat-box">
-            <div class="custom-stat-num custom-serif">212<span class="custom-stat-plus">+</span></div>
+            <div class="custom-stat-num custom-serif">212</div>
             <div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_alumni">TOTAL ALUMNI</div>
             <div class="custom-stat-desc" style="font-size: 0.65rem; color: #a1a1aa; margin-top: 4px; line-height: 1.35; font-weight: normal; font-family: sans-serif;" data-i18n="grp_m4n1fest_hero_stat_alumni_desc">data diperoleh dari alumni terdata di tracer study</div>
           </div>
@@ -1197,7 +1197,7 @@
             <div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_batch">ANGKATAN</div>
           </div>
           <div class="custom-stat-box" style="border-right: none;">
-            <div class="custom-stat-num custom-serif">202<span class="custom-stat-plus">+</span></div>
+            <div class="custom-stat-num custom-serif">170+</div>
             <div class="custom-stat-label" data-i18n="grp_m4n1fest_hero_stat_company">PERUSAHAAN</div>
           </div>
         </div>
@@ -1445,7 +1445,7 @@
                       class="logo-initials"
                       style="background: #f3f4f6; color: #4b5563"
                     >
-                      202+
+                      160+
                     </div>
                     <span class="logo-name" style="color: #6b7280" data-i18n="grp_m4n1fest_logo_others">Lainnya</span>
                   </div>
@@ -1548,7 +1548,7 @@
                         <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
                         <path d="M18.5 2.5a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4z" />
                       </svg>
-                      <span data-i18n="grp_m4n1fest_skill_btn_contrib">Isi Form Kontribusi</span>
+                      <span data-i18n="grp_m4n1fest_skill_btn_contrib">Isi Form</span>
                     </a>
                   </div>
                 </div>
@@ -1593,23 +1593,23 @@
                   </thead>
                   <tbody>
                     <tr style="background: #fff; border-bottom: 1px solid #f1f5f9;">
-                      <td style="padding: 14px 20px;">2024 Genap</td>
+                      <td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p1">2024 Genap</td>
                       <td style="padding: 14px 20px; text-align: right;">50</td>
                     </tr>
                     <tr style="background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
-                      <td style="padding: 14px 20px;">2024 Ganjil</td>
+                      <td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p2">2024 Ganjil</td>
                       <td style="padding: 14px 20px; text-align: right;">27</td>
                     </tr>
                     <tr style="background: #fff; border-bottom: 1px solid #f1f5f9;">
-                      <td style="padding: 14px 20px;">2023 Genap</td>
+                      <td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p3">2023 Genap</td>
                       <td style="padding: 14px 20px; text-align: right;">63</td>
                     </tr>
                     <tr style="background: #f8fafc; border-bottom: 1px solid #f1f5f9;">
-                      <td style="padding: 14px 20px;">2023 Ganjil</td>
+                      <td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p4">2023 Ganjil</td>
                       <td style="padding: 14px 20px; text-align: right;">27</td>
                     </tr>
                     <tr style="background: #fff; border-bottom: 1px solid #e2e8f0;">
-                      <td style="padding: 14px 20px;">2022 Genap</td>
+                      <td style="padding: 14px 20px;" data-i18n="grp_m4n1fest_table_p5">2022 Genap</td>
                       <td style="padding: 14px 20px; text-align: right;">45</td>
                     </tr>
                   </tbody>
@@ -1719,7 +1719,7 @@
                     <div class="testi-meta">
                       <div class="testi-name">Izhan Fakhruzi</div>
                       <div class="testi-role" data-i18n="grp_m4n1fest_testi3_role">
-                        Dosen Tetap, UMP & Peneliti, Universidad de Granada
+                        Dosen Tetap, UMP & Peneliti, Universidad de Granada · Angkatan 2005
                       </div>
                     </div>
                   </div>
@@ -1831,7 +1831,7 @@
                         font-weight: 600;
                       "
                       data-i18n="grp_m4n1fest_event2_meta"
-                      >Informatic Anniversary</span
+                      >HUT Informatika</span
                     >
                   </div>
                   <p class="event-desc" data-i18n="grp_m4n1fest_event2_desc">
@@ -1990,7 +1990,7 @@
     <div class="form-row">
       <div class="form-group">
         <label class="form-label" data-i18n="grp_m4n1fest_form_nim">NIM</label>
-        <input type="text" id="ika-nim" class="form-input" placeholder="H1031..." />
+        <input type="text" id="ika-nim" class="form-input" placeholder="D1041..." />
       </div>
       <div class="form-group">
         <label class="form-label" data-i18n="grp_m4n1fest_form_angkatan">Angkatan *</label>
@@ -2002,7 +2002,7 @@
     <div class="form-row">
       <div class="form-group">
         <label class="form-label" data-i18n="grp_m4n1fest_form_hp">No. HP / WhatsApp *</label>
-        <input type="tel" id="ika-hp" class="form-input" placeholder="+62 812-xxxx-xxxx" />
+        <input type="tel" id="ika-hp" class="form-input" placeholder="0821xxxxx" />
       </div>
       <div class="form-group">
         <label class="form-label" data-i18n="grp_m4n1fest_form_email">Email Aktif *</label>
@@ -2026,7 +2026,7 @@
     <div class="form-group">
       <label class="form-label" data-i18n-html="grp_m4n1fest_form_instansi">Tempat Bekerja / Instansi
         <span class="form-note-optional">(opsional)</span></label>
-      <input type="text" id="ika-instansi" class="form-input" placeholder="Contoh: PT. Telkom Indonesia, Google..." />
+      <input type="text" id="ika-instansi" class="form-input" placeholder="Contoh: PT. Telkom Indonesia, Google..." data-i18n-placeholder="grp_m4n1fest_form_instansi_placeholder" />
     </div>
 
     <!-- 3 Skill -->
@@ -2047,7 +2047,7 @@
           <option>Cybersecurity</option>
           <option>Machine Learning / AI</option>
           <option>Database</option>
-          <option>Lainnya</option>
+          <option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
         </select>
       </div>
       <div class="form-group">
@@ -2062,7 +2062,7 @@
           <option>Cybersecurity</option>
           <option>Machine Learning / AI</option>
           <option>Database</option>
-          <option>Lainnya</option>
+          <option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
         </select>
       </div>
       <div class="form-group">
@@ -2077,7 +2077,7 @@
           <option>Cybersecurity</option>
           <option>Machine Learning / AI</option>
           <option>Database</option>
-          <option>Lainnya</option>
+          <option value="Lainnya" data-i18n="grp_m4n1fest_form_skill_others">Lainnya</option>
         </select>
       </div>
     </div>
@@ -2844,19 +2844,58 @@
         const spinnerElement = document.getElementById('skill-note-spinner');
         const noteTextElement = document.getElementById('skill-note-text');
 
-        // Menampilkan catatan status di bawah grafik keahlian
+        let alumniCount = 0;
-        function setSkillNote(text, shouldSpin, shouldShowCta) {
+        let isDataFetched = false;
+        let isFetchFailed = false;
+
+        // Menampilkan catatan status di bawah grafik keahlian dengan dukungan bilingual
+        function setSkillNote(shouldSpin) {
             if (spinnerElement) {
                 spinnerElement.style.animation = shouldSpin ? 'spin 1s linear infinite' : 'none';
+                if (!shouldSpin) {
+                    spinnerElement.style.display = 'none';
+                } else {
+                    spinnerElement.style.display = 'inline-block';
+                }
             }
             if (!noteTextElement) return;
 
-            if (shouldShowCta) {
+            const currentLang = typeof getLang === 'function' ? getLang() : 'id';
-                noteTextElement.innerHTML = `${text} <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">Isi form kontribusi</a>`;
+            
+            if (!isDataFetched) {
+                if (isFetchFailed) {
+                    if (currentLang === 'en') {
+                        noteTextElement.innerHTML = `Skill data is empty, help us complete this data! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">fill form</a>`;
                     } else {
-                noteTextElement.textContent = text;
+                        noteTextElement.innerHTML = `Data skill masih kosong, bantu kami lengkapi data ini! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">isi form</a>`;
+                    }
+                } else {
+                    noteTextElement.textContent = currentLang === 'en' ? 'Loading alumni skill data...' : 'Memuat data skill alumni...';
+                }
+            } else {
+                if (alumniCount === 0) {
+                    if (currentLang === 'en') {
+                        noteTextElement.innerHTML = `Skill data is empty, help us complete this data! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">fill form</a>`;
+                    } else {
+                        noteTextElement.innerHTML = `Data skill masih kosong, bantu kami lengkapi data ini! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">isi form</a>`;
+                    }
+                } else {
+                    if (currentLang === 'en') {
+                        noteTextElement.textContent = `Data from ${alumniCount} verified alumni.`;
+                    } else {
+                        noteTextElement.textContent = `Data dari ${alumniCount} alumni yang diverifikasi.`;
                     }
                 }
+            }
+        }
+
+        // Terapkan translasi teks saat memuat halaman
+        setSkillNote(true);
+
+        // Pasang event listener untuk menangani pergantian bahasa dinamis
+        document.addEventListener('languageChanged', () => {
+            setSkillNote(isDataFetched ? false : !isFetchFailed);
+        });
 
         // Menyaring dan mengelompokkan teks bebas ke kategori keahlian terstandar
         function normalizeSkill(rawSkillText) {
@@ -2920,17 +2959,22 @@
             .then(responseText => {
                 const rows = parseGoogleSheetsJson(responseText);
 
+                isDataFetched = true;
                 if (rows.length === 0) {
-                    setSkillNote('Data skill masih kosong, bantu kami lengkapi data ini!', false, false);
+                    alumniCount = 0;
+                    setSkillNote(false);
                     return;
                 }
 
+                alumniCount = rows.length;
                 const counts = calculateSkillCounts(rows);
                 updateSkillBarsUI(counts);
-                setSkillNote(`Data dari ${rows.length} alumni yang diverifikasi.`, false, false);
+                setSkillNote(false);
             })
             .catch(() => {
-                setSkillNote('Data skill masih kosong, bantu kami lengkapi data ini!', false, false);
+                isDataFetched = false;
+                isFetchFailed = true;
+                setSkillNote(false);
             });
     })();
 

groups/M4N1FEST/style.css

@@ -1198,6 +1198,12 @@ ul.achiever-achievements li::before {
   font-size: 0.74rem;
   color: var(--muted);
   margin-top: 1px;
+  min-height: 3.8em;
+}
+@media (max-width: 660px) {
+  .testi-role {
+    min-height: auto;
+  }
 }
 .stars {
   display: flex;