fix: sections width was fixed

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

assets/global/localization.js

@@ -646,25 +646,46 @@ const translations = {
 			"Lulusan Informatika UNTAN bukan hanya pencari kerja — mereka pencipta solusi.",
 		grp_jellyfish_career_desc:
 			"Lulusan Prodi Informatika UNTAN diserap secara luas oleh industri teknologi, instansi pemerintah, BUMN, dan startup. Dengan bekal kompetensi digital yang kuat, karir cemerlang menanti di berbagai sektor strategis.",
+        grp_jellyfish_industri: "Perusahaan Swasta & Korporasi",
+        grp_jellyfish_pemerintah: "Pemerintah & Instansi Publik",
+        grp_jellyfish_perguruan_tinggi: "Pendidikan, Organisasi & Lembaga Sosial",
 
 		grp_jellyfish_alumni_badge: "Alumni",
 		grp_jellyfish_alumni_title: "Kisah Sukses Alumni",
 		grp_jellyfish_alumni_subtitle:
 			"Mereka adalah bukti nyata bahwa Informatika UNTAN adalah batu loncatan menuju karir gemilang — dari Pontianak, ke panggung dunia.",
 
-        grp_jellyfish_video_profil: "Video Profil",
+		grp_jellyfish_infra_badge: "Infrastruktur",
-        grp_jellyfish_profil_ft: "Profil Fakultas Teknik UNTAN",
+		grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas",
-        grp_jellyfish_video_desc:"Kenali lebih dekat Fakultas Teknik Universitas Tanjungpura melalui video profil resmi berikut.",
+		grp_jellyfish_infra_subtitle:
-        grp_jellyfish_watch: "Tonton di YouTube",
+			"Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.",
+        grp_jellyfish_pemerintah:               "Instansi Pemerintah",
+        grp_jellyfish_perguruan_tinggi:         "Perguruan Tinggi & Lembaga Riset",
+        grp_jellyfish_mitra_pln:                "Pembuatan aplikasi monitoring BBM untuk PLN Nusantara Power UP Kapuas (2025).",
+        grp_jellyfish_mitra_diskominfo_kalbar:  "Kerja sama dengan Diskominfo Kalbar untuk kerja praktek dan magang 2024-sekarang.",
+        grp_jellyfish_mitra_polda:              "Penyelenggaraan CAT (Computer Assesment Test).",
+        grp_jellyfish_mitra_bappeda_sambas:     "Pemutakhiran Geoportal Kabupaten Sambas pada infrastruktur Sambas GO.ID (2024).",
+        grp_jellyfish_mitra_bappeda_sintang:    "Penyusunan Rencana Induk Sistem Informasi Geospasial kabupaten Sintang 2019, dan Kajian Analisa Dampak Lingkungan TPA dan IPLT.",
+        grp_jellyfish_mitra_bappeda_bengkayang: "Pembangunan Sistem Informasi Perencanaan Pembangunan Berbasis Data Geospasial dan Pendampingan Penyelenggaraan Informasi Geospasial Bagi Pemerintahan Daerah/Simpul Jaringan 2022.",
+        grp_jellyfish_mitra_bkpsdm:             "Pengembangan dan pemeliharaan aplikasi E-Kinerja untuk manajemen kinerja aparatur sipil negara (2024).",
+        grp_jellyfish_mitra_bpbd_sintang:       "Pembuatan peta potensi daerah rawan bencana banjir Kabupaten Sintang sebagai referensi mitigasi (2022).",
+        grp_jellyfish_mitra_bkd_pontianak:      "Pengadaan Peta GIS PBB-P2 Tahap II untuk pengelolaan data pajak bumi dan bangunan Kota Pontianak (2022).",
+        grp_jellyfish_mitra_disperkim_singkawang: "Review baseline dan pemetaan kawasan permukiman kumuh Kota Singkawang (2020).",
+        grp_jellyfish_mitra_diskominfo_singkawang: "Kerja sama dengan Diskominfo Singkawang untuk kerja praktek dan magang 2024-sekarang.",
+        grp_jellyfish_mitra_diskominfo_pontianak: "Kerja sama dengan Diskominfo Pontianak untuk kerja praktek dan magang 2024-sekarang.",
+        grp_jellyfish_mitra_balitbang:          "Pengembangan Dan Pemanfaatan Informasi Geospasial untuk Kelitbangan di Provinsi Kalbar.",
+        grp_jellyfish_mitra_unimas:             "Kerja sama pelaksanaan Study Excursion 2019-2025.",
+        grp_jellyfish_mitra_uum:                "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
+        grp_jellyfish_mitra_ucs:                "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
+        grp_jellyfish_mitra_utem:               "Kerjasama penyelenggaraan konferensi nasional.",
+        grp_jellyfish_mitra_ipb:                "Kerja sama menyelenggarakan konferensi internasional (ICODSE) - 2019.",
+        grp_jellyfish_mitra_polnep:             "Kerja sama dengan Politeknik Negeri Pontianak untuk kerja praktek dan magang 2024-sekarang.",
+        grp_jellyfish_mitra_poltekkes:          "Rancangan kerja sama program Informatika dengan Politeknik Kesehatan Kemenkes Pontianak (2025).",
 
         grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN",
         grp_limaem_hero_title: "Kehidupan Mahasiswa & <span style=\"color:#f5c82f;\">Himpunan (HMIF)</span>",
         grp_limaem_hero_desc: "Membangun ekosistem kolaboratif di mana teknologi bertemu dengan kreativitas, membentuk calon pemimpin industri masa depan.",
         grp_limaem_hero_btn: "Lihat Struktur Kepengurusan",
-		grp_jellyfish_infra_badge: "Infrastruktur",
-		grp_jellyfish_infra_title: "Infrastruktur dan Fasilitas",
-		grp_jellyfish_infra_subtitle:
-			"Fasilitas lengkap dan modern untuk mendukung proses belajar, penelitian, dan inovasi mahasiswa.",
 
 		grp_jellyfish_partner_badge: "Kerjasama",
 		grp_jellyfish_partner_title: "Mitra Strategis Informatika UNTAN",
@@ -897,338 +918,6 @@ const translations = {
 		grp_limaem_divisi_b6_desc:
 			"Divisi ini mengembangkan unit usaha organisasi, merancang skema pendanaan kreatif, dan menjalin kemitraan strategis untuk mendukung keberlanjutan program HMIF. Unit kerjanya meliputi riset peluang usaha, penyusunan proposal kemitraan, dan pengelolaan sponsor untuk meningkatkan kemandirian finansial dan akses jaringan profesional.",
 
-        grp_jellyfish_info_kontak: "Contact Information",
-        grp_jellyfish_alamat: "Address",
-        grp_jellyfish_tanggal: "Monday – Friday, 08.00 – 16.00 WIB",
-        grp_jellyfish_telepon: "Phone / Fax",
-        grp_jellyfish_video_profil: "Profile Video",
-        grp_jellyfish_profil_ft: "Faculty of Engineering UNTAN Profile",
-        grp_jellyfish_video_desc:"Know more about UNTAN Faculty of Engineering through this official profile video.",
-        grp_jellyfish_watch: "Watch in YouTube",
-
-        kontrib_guideline_5: "The editorial team reserves the right",
-        ape_breadcrumb_profile: "Profile",
-        ape_breadcrumb_scholarship: "Scholarship",
-        ape_hero_badge: "Scholarship Program",
-        ape_hero_title: "Study &amp; Research<br>Scholarships",
-        ape_hero_subtitle: "Informatics Engineering, Tanjungpura University",
-        ape_hero_desc: "Discover various scholarship opportunities to support your academic and research journey. The Informatics Study Program at UNTAN is committed to helping students achieve excellence.",
-        ape_hero_cta: "View Scholarships",
-        ape_stats_total: "Total Scholarship<br>Recipients This Semester",
-        ape_stats_s1: "Total Undergraduate<br>Scholarship Recipients",
-        ape_stats_studi: "Total Postgraduate<br>Scholarship Recipients",
-        ape_dir_label: "Scholarship Directory",
-        ape_dir_title: "Scholarship Directory",
-        ape_dir_desc: "Find various scholarships from official sources available for active students, alumni, and prospective students of the UNTAN Informatics Study Program.",
-        ape_dir_guide: "Need Scholarship Aid?",
-        ape_filter_s1: "Undergraduate",
-        ape_filter_studi: "Postgraduate",
-        ape_search_placeholder: "Search Scholarship Name...",
-        ape_testimonial_title: "What They Say?",
-        ape_testimonial_desc: "Inspiring stories from scholarship recipients at UNTAN Informatics Study Program",
-        ape_cta_title: "Want to Know More?",
-        ape_cta_desc: "Contact the program admin for the latest scholarship and academic program information.",
-        ape_cta_btn1: "SCHOLARSHIP LIST",
-        ape_cta_btn2: "Contact Us",
-        grp_habisiniseminar_page_title: "New Student Admission Informatics UNTAN | Group 02",
-        grp_habisiniseminar_brand: "Informatics UNTAN New Student Admission",
-        grp_habisiniseminar_badge: "Static Page",
-        grp_habisiniseminar_hero_title_1: "New Student Admission",
-        grp_habisiniseminar_hero_title_2: "Informatics UNTAN",
-        grp_habisiniseminar_hero_description: "Information and schedule for new student registration via the SNBP, SNBT, and UNTAN Independent Pathways",
-        grp_habisiniseminar_meta_group: "Group 02",
-        grp_habisiniseminar_about_title: "Undergraduate Program Selection",
-        grp_habisiniseminar_about_desc: "The Informatics Study Program at Tanjungpura University opens opportunities for the nation's best students to join through various selection pathways. We seek talented individuals ready to become future technology innovators.",
-        grp_habisiniseminar_path_snbp_desc: "National Selection Based on Achievement",
-        grp_habisiniseminar_path_snbt_desc: "National Selection Based on Test",
-        grp_habisiniseminar_path_smmptn_desc: "Western Region Joint Independent Selection",
-        grp_habisiniseminar_path_mandiri_desc: "Tanjungpura University Independent Selection",
-        grp_habisiniseminar_info_jalur_title: "Selection Pathway Information",
-        grp_habisiniseminar_sidebar_heading: "Choose Pathway",
-        grp_habisiniseminar_sidebar_data_date: "*Data used as of May 2026",
-        grp_habisiniseminar_sidebar_link_general: "General Information",
-        grp_habisiniseminar_sidebar_link_persyaratan: "Requirements",
-        grp_habisiniseminar_sidebar_link_mekanisme: "Process",
-        grp_habisiniseminar_sidebar_link_jadwal: "Schedule",
-        grp_habisiniseminar_sidebar_link_biaya: "Registration & Education Fees",
-        grp_habisiniseminar_sidebar_link_beasiswa: "Scholarships",
-        grp_habisiniseminar_snbp_title: "SNBP – National Selection Based on Achievement",
-        grp_habisiniseminar_info_snbp: "The National Selection Based on Achievement (SNBP) is a state university (PTN) admission pathway organized nationally by SNPMB. SNBP uses a selection mechanism based on secondary-school learning outcomes, including grade reports, academic and non-academic achievements, and additional criteria set by each PTN. This scheme aims to give opportunities to students with outstanding and consistent achievement records. SNBP is an integral part of the government's effort to create an objective, transparent selection process that strengthens school-level learning.",
-        grp_habisiniseminar_acc_snbp_req_general: "General Requirements to Register for SNBP",
-        grp_habisiniseminar_acc_snbp_ketentuan: "SNPMB Regulations",
-        grp_habisiniseminar_acc_snbp_req_accepted: "General Requirements to be Accepted via SNBP",
-        grp_habisiniseminar_snbp_req_general_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Must be a final-year student of SMA/SMK/MA in the <strong>current period</strong> with <strong>outstanding achievement</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Must possess a NISN and be <strong>registered in PDSS</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Must have <strong>grade report scores</strong> entered in PDSS in accordance with the applicable requirements.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Must have demonstrable <strong>academic achievements</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Must meet additional requirements set by each Academic PTN and Vocational PTN.</span></li></ul>",
-        grp_habisiniseminar_snbp_ketentuan_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Students who have been accepted through the SNBP pathway are not eligible to register for UTBK-SNBT.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Students accepted through SNBP may not apply for any Independent (Mandiri) pathway selection at any PTN during the same period.</span></li></ul>",
-        grp_habisiniseminar_snbp_req_accepted_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has graduated from SMA/SMK/MA or equivalent secondary education</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has been declared accepted through SNBP in the current period</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has passed data verification and meets any additional requirements set by each PTN</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant completes re-registration at the accepting PTN in accordance with applicable regulations</span></li></ul>",
-        grp_habisiniseminar_snbp_mekanisme_text: "<p class=\"mek-text\">The National Selection Based on Achievement (SNBP) at Tanjungpura University evaluates students' overall academic performance through grade reports, along with achievements that add value to the selection. Evaluated components include:</p><ul class=\"mek-check-list\"><li><span class=\"req-check\" style=\"margin-top: 2px\"><i class=\"fas fa-check\"></i></span><span><strong>Grade reports:</strong> the average score across all subjects, including those relevant to the chosen study program.</span></li><li><span class=\"req-check\" style=\"margin-top: 2px\"><i class=\"fas fa-check\"></i></span><span><strong>Academic and non-academic achievements:</strong> accomplishments in academic competitions (e.g., olympiads or science contests) as well as non-academic fields (e.g., sports, arts, organizations, and extracurricular activities).</span></li></ul>",
-        grp_habisiniseminar_tl_snbp_1: "School quota announcement and appeal period",
-        grp_habisiniseminar_tl_snbp_2: "Account registration and PDSS data entry by schools",
-        grp_habisiniseminar_tl_snbp_3: "Student SNPMB account registration",
-        grp_habisiniseminar_tl_snbp_4: "SNBP registration",
-        grp_habisiniseminar_tl_snbp_5: "SNBP results announcement",
-        grp_habisiniseminar_tl_snbp_6: "Download SNBP participant card",
-        grp_habisiniseminar_snbp_fee_desc: "UKT is divided into several categories adjusted to the student's family economic capacity and is <strong>paid every semester</strong>.",
-        grp_habisiniseminar_fee_highlight_snbp: "Students admitted through SNBP using KIP-Kuliah will be verified and may be eligible for UKT exemption in accordance with KIP-Kuliah and UNTAN regulations.",
-        grp_habisiniseminar_snbp_beasiswa_desc: "Students may obtain scholarships from various sources, with application mechanisms according to the rules of each scholarship provider.",
-        grp_habisiniseminar_snbt_title: "SNBT – National Selection Based on Test",
-        grp_habisiniseminar_info_snbt: "The National Selection Based on Test (SNBT) is a PTN admission pathway that uses a nationally standardized examination. Participants take a series of tests measuring academic potential, reasoning ability, and readiness for higher education. SNBT assessment is based entirely on test scores — admission is not influenced by economic background, school type (public or private), or regional location. All participants are evaluated on the same standard, ensuring a fair and transparent process. SNBT is one of SNPMB's primary instruments for guaranteeing meritocratic, accountable, and inclusive access to higher education.",
-        grp_habisiniseminar_acc_snbt_req_general: "General Requirements to Register for SNBT",
-        grp_habisiniseminar_acc_snbt_utbk: "SNPMB Regulations",
-        grp_habisiniseminar_acc_snbt_req_prodi: "General Requirements to be Accepted via SNBT",
-        grp_habisiniseminar_snbt_req_general_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must have a <strong>Student SNPMB Account</strong>. Registration can be done on the SNPMB Portal.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be <strong>Indonesian citizens (WNI)</strong> with a valid <strong>National Identity Number (NIK)</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be final-year students of SMA/SMK/MA or equivalent, or Paket C students aged <strong>no more than 25 years</strong>.</span></li><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\">Applicants who <strong>have not yet received their diploma</strong> must submit a <strong>Grade 12 student certificate</strong> containing at minimum:</p><ul class=\"req-sublist\"><li>Personal identity (name, class, NISN, and NPSN)</li><li>Most recent <strong>colour</strong> photograph</li><li>Signature of the School/Madrasah Principal</li><li>Official school stamp/seal</li></ul></div></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Overseas graduates of SMA or equivalent must hold a recognized equivalent certificate.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants choosing study programs in the fields of <strong>Arts and/or Sports</strong> must upload a portfolio.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be in a health condition that does not interfere with the study process.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants with visual impairment (<strong>tunanetra</strong>) must upload a <strong>Visual Impairment Declaration Letter</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must pay the UTBK fee as required.</span></li></ul>",
-        grp_habisiniseminar_snbt_ketentuan_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must have a Student SNPMB Account. Registration can be done on the SNPMB Portal.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be Indonesian citizens (WNI) with a valid National Identity Number (NIK).</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be final-year SMA/SMK/MA students or equivalent, or 2026 Paket C students aged no more than 25 years.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants choosing Arts and/or Sports study programs must upload a portfolio.</span></li></ul>",
-        grp_habisiniseminar_snbt_req_accepted_body: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has graduated from SMA/SMK/MA or equivalent secondary education.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has been officially accepted through SNBT selection.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant has passed data verification and meets any additional requirements set by each PTN.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicant completes re-registration at the accepting PTN in accordance with applicable regulations.</span></li></ul>",
-        grp_habisiniseminar_snbt_mekanisme_full: "<p class=\"mek-text\">The National Selection Based on Test (SNBT) is conducted through the Computer-Based Written Examination (UTBK), a standardized test measuring cognitive potential, mathematical reasoning, and literacy skills in both Indonesian and English. UTBK aims to assess logical thinking, problem-solving, and high learning readiness so that students can handle the material taught in specific study programs. Equal opportunities are also created for all applicants regardless of their economic background or the quality of their previous school.</p><ul class=\"mek-check-list\"><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\"><strong>Scholastic Potential Test (TPS)</strong> measures the cognitive abilities required for success in formal higher education. Tested aspects include:</p><ul class=\"req-sublist\"><li><strong>General reasoning ability</strong>, covering inductive, deductive, and quantitative reasoning</li><li>General knowledge and understanding</li><li>Reading comprehension and writing</li><li><strong>Quantitative Knowledge</strong>, covering basic mathematics knowledge and mastery</li></ul></div></li><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\"><strong>Literacy Test</strong> measures applicants' ability to think using mathematical concepts, procedures, facts, and tools to solve everyday problems. Tested materials include:</p><ul class=\"req-sublist\"><li>Literacy in <strong>Indonesian</strong></li><li>Literacy in <strong>English</strong></li><li><strong>Mathematical Reasoning</strong></li></ul></div></li></ul><p class=\"mek-text\">The mathematical reasoning section assesses applicants' ability to apply mathematical concepts and procedures to solve contextual problems, and to evaluate and reflect on information so it can be used effectively in daily life. SNBT test instruments are developed by education assessment experts, taking into account technical aspects such as time allocation and difficulty level, so that results objectively and measurably reflect each applicant's true ability.</p>",
-        grp_habisiniseminar_tl_snbt_1: "Student SNPMB Account Registration",
-        grp_habisiniseminar_tl_snbt_2: "SNBT Registration",
-        grp_habisiniseminar_tl_snbt_3: "UTBK Fee Payment",
-        grp_habisiniseminar_tl_snbt_4: "UTBK Examination",
-        grp_habisiniseminar_tl_snbt_5: "SNBT Results Announcement",
-        grp_habisiniseminar_tl_snbt_6: "UTBK Certificate Download Period",
-        grp_habisiniseminar_fee_highlight_snbt: "Students admitted through SNBT using KIP-Kuliah will be verified and may be eligible for UKT exemption in accordance with KIP-Kuliah and UNTAN regulations.",
-        grp_habisiniseminar_snbt_beasiswa_desc: "SNBT students are also eligible to apply for various scholarship programs according to each provider's terms and conditions.",
-        grp_habisiniseminar_smmptn_title: "SMMPTN West – Western Region Joint Independent Selection",
-        grp_habisiniseminar_info_smmptn: "The Independent Selection for State Universities in the Western Region (SMMPTN-Barat) is an independent selection process held jointly by several state universities in the western region of Indonesia, utilizing computer-based exams as the basis for assessment. This process provides additional opportunities for high school graduates who have not been accepted through the National Selection Based on Achievement (SNBP) or National Selection Based on Tests (SNBT), either due to limited quotas or inappropriate selection of study programs and state universities. Furthermore, SMMPTN-Barat also serves as an alternative for participants who do not yet have an SNPMB account to still participate in the state university entrance selection process.",
-        grp_habisiniseminar_smmptn_persyaratan_list: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be graduates of SMA/SMK/MA or equivalent within the <strong>last 3 years</strong>, or hold a Paket C certificate with a maximum age of <strong>25 years</strong>.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants may select up to <strong>2 (two)</strong> study programs at one PTN or at two different PTNs — not necessarily located at the UTBK test centre — with the order of choices indicating priority.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>The examination is administered as a <strong>Computer-Based Written Test (UTBK)</strong>.</span></li></ul>",
-        grp_habisiniseminar_smmptn_mekanisme_full: "<p class=\"mek-text\">The SMMPTN-West selection mechanism is carried out through a computer-based written examination designed to assess the academic ability and higher-education readiness of applicants. The exam uses a standardized testing approach focused on cognitive ability, literacy, and reasoning, ensuring that applicants have critical thinking skills, problem-solving ability, and strong learning capacity. The main types of material covered in the exam are as follows:</p><ul class=\"mek-check-list\"><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\"><strong>Scholastic Potential Test (TPS)</strong> measures the cognitive abilities needed to succeed in formal higher education. Tested aspects include:</p><ul class=\"req-sublist\"><li>General Reasoning Ability</li><li>Quantitative Ability covering knowledge and mastery of basic mathematics</li><li>General Knowledge and Understanding</li><li>Reading Comprehension and Writing Ability</li></ul></div></li><li><span class=\"req-check\" style=\"margin-top: 2px\"><i class=\"fas fa-check\"></i></span><span><strong>Literacy Test</strong> aims to measure applicants' ability to understand, use, evaluate, and reflect on various types of texts in order to solve problems and develop individual capacity as citizens of Indonesia and of the world. The test covers literacy in Indonesian and literacy in English.</span></li><li><span class=\"req-check\" style=\"margin-top: 2px\"><i class=\"fas fa-check\"></i></span><span><strong>Mathematical Reasoning</strong> measures the ability to think using mathematical concepts, procedures, facts, and tools to solve everyday problems across various types of contexts relevant to individuals as citizens of Indonesia and of the world.</span></li></ul>",
-        grp_habisiniseminar_tl_smmptn_1: "Online registration",
-        grp_habisiniseminar_tl_smmptn_2: "SMMPTN UTBK Examination",
-        grp_habisiniseminar_tl_smmptn_3: "SMMPTN Selection Results Announcement",
-        grp_habisiniseminar_smmptn_beasiswa_desc: "Various scholarships are available to students admitted via the SMMPTN-West pathway and may be applied for after the admission process is complete.",
-        grp_habisiniseminar_mandiri_title: "Mandiri UNTAN – Tanjungpura University Independent Selection",
-        grp_habisiniseminar_info_mandiri: "UNTAN Mandiri Selection is a new student admission pathway organized directly by Tanjungpura University. This pathway serves as an alternative for prospective students wishing to study at UNTAN through the selection mechanism established by the university in accordance with applicable regulations.",
-        grp_habisiniseminar_mandiri_persyaratan_list: "<ul class=\"req-list\"><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be graduates of SMA/SMK/MA or equivalent within the <strong>last 3 years</strong>, or hold a Paket C certificate with a maximum age of 25 years.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span><strong>Morning and International classes</strong> are open to graduates from the last three years.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span><strong>Afternoon and Evening classes</strong> have no graduation year restriction for Paket C graduates.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Applicants must be in adequate health to participate in the university learning process.</span></li><li><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><span>Certain study programs, such as Medicine and Physical Education, have specific requirements (e.g., no colour blindness) that must be certified by a specialist doctor or government authority.</span></li></ul>",
-        grp_habisiniseminar_mandiri_mekanisme_full: "<p class=\"mek-text\">Admission for Diploma and Bachelor's programs through the UNTAN Mandiri Selection pathway is based on Computer-Based Written Examination (UTBK) results and/or additional tests according to the chosen study program. Below are the details of the examinations and additional tests conducted:</p><ul class=\"mek-check-list\"><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\"><strong>Computer-Based Written Examination (UTBK)</strong> covering the following material:</p><ul class=\"req-sublist\"><li>Verbal reasoning</li><li>Quantitative ability</li><li>Problem solving</li><li>Indonesian literacy</li><li>English literacy</li><li>Numeracy</li></ul></div></li><li class=\"req-list-item--nested\"><span class=\"req-check\"><i class=\"fas fa-check\"></i></span><div class=\"req-list-content\"><p class=\"req-list-text\"><strong>Additional Tests:</strong></p><ul class=\"req-sublist\"><li>Skills examination for the Performing Arts Education, Physical Education, and Sports Coaching Education (PKO) study programs.</li><li>The Performing Arts Education skills test covers knowledge and skill assessments in the relevant art field.</li><li>The Physical Education and Sports Coaching Education (PKO) skills test includes a medical examination and motor skill assessment.</li><li>Psychological test and interview for applicants to the Medicine study program.</li></ul></div></li></ul><p class=\"mek-text\">Applicants who are <strong>absent</strong> during the UTBK and/or Additional Tests are considered to have <strong>withdrawn</strong> from the UNTAN Mandiri Selection process. Applicants under the affirmative action, achievement, or talent scouting pathways will be verified through an interview.</p>",
-        grp_habisiniseminar_tl_mandiri_1: "UNTAN Mandiri Selection Registration",
-        grp_habisiniseminar_tl_mandiri_2: "PIN Generation",
-        grp_habisiniseminar_tl_mandiri_3: "UTBK Examination — Mandiri Selection Pathway",
-        grp_habisiniseminar_tl_mandiri_4: "Additional Tests",
-        grp_habisiniseminar_tl_mandiri_5: "Interviews for Affirmative Action, Achievement, and Talent Scouting Pathways",
-        grp_habisiniseminar_tl_mandiri_6: "Mandiri Selection Results Announcement",
-        grp_habisiniseminar_mandiri_beasiswa_desc: "Mandiri pathway students at UNTAN can access various scholarship programs according to the eligibility criteria and application mechanisms of each provider.",
-        grp_habisiniseminar_section_persyaratan: "Requirements",
-        grp_habisiniseminar_section_mekanisme: "Admission Process",
-        grp_habisiniseminar_section_jadwal: "Registration Schedule",
-        grp_habisiniseminar_section_biaya: "Registration & Education Fees",
-        grp_habisiniseminar_section_beasiswa: "Scholarships",
-        grp_habisiniseminar_chart_title: "Applicants and Capacity per Year",
-        grp_habisiniseminar_chart_legend_applicants: "Number of Applicants",
-        grp_habisiniseminar_chart_legend_capacity: "Capacity",
-        grp_habisiniseminar_acc_biaya_pendaftaran: "Registration Fees",
-        grp_habisiniseminar_acc_biaya_pendidikan: "Education Fees",
-        grp_habisiniseminar_acc_biaya_ipi: "Institutional Development Fee (IPI)",
-        grp_habisiniseminar_fee_selection: "Selection Fee",
-        grp_habisiniseminar_fee_snbt_utbk: "UTBK Fee",
-        grp_habisiniseminar_fee_smmptn: "SMMPTN Examination Fee",
-        grp_habisiniseminar_fee_smmptn_payment_note: "Registration fees are paid during the online registration process through designated partner banks: Bank Mandiri, Bank BNI, Bank BTN, and Bank BSI. Registration fees that have been paid <strong>CANNOT</strong> be refunded under any circumstances.",
-        grp_habisiniseminar_fee_mandiri_utbk: "Computer-Based Written Test (UTBK) Fee — Mandiri Pathway",
-        grp_habisiniseminar_fee_mandiri_keterampilan: "Additional Skill Test Fee (Performing Arts Education, Physical Education, and Sports Coaching Education (PKO) study programs)",
-        grp_habisiniseminar_fee_mandiri_wawancara: "Additional Interview Fee (Medicine Study Program)",
-        grp_habisiniseminar_fee_mandiri_psikologi: "Additional Psychological Test Fee (Medicine Study Program)",
-        grp_habisiniseminar_fee_mandiri_payment_note: "All fees are paid through Bank Kalbar host-to-host transfer or teller services. Please note that fees already paid cannot be modified or refunded for any reason.",
-        grp_habisiniseminar_fee_col_group: "UKT Category",
-        grp_habisiniseminar_fee_col_cost: "Cost (IDR)",
-        grp_habisiniseminar_fee_col_ipi_group: "IPI Group",
-        grp_habisiniseminar_fee_desc_ukt: "Single Tuition Fee (UKT) is charged to all new Diploma and Bachelor's program students and is <strong>paid every semester</strong> throughout the study period in accordance with the Tanjungpura University academic calendar.",
-        grp_habisiniseminar_fee_highlight_ukt: "UKT amounts are divided into several groups determined by the economic capacity of the student, parents, or other parties funding the student's education.",
-        grp_habisiniseminar_fee_ipi_desc: "The Institutional Development Fee (IPI) applies exclusively to students <strong>admitted through the SMMPTN-West and Mandiri pathways</strong>. IPI is paid once during the entire study period and may be paid in installments over up to <strong>four semesters</strong>.",
-        grp_habisiniseminar_fee_ipi_highlight: "Students admitted through the SNBP and SNBT pathways are exempt from the IPI.",
-        grp_habisiniseminar_scholar_kip: "Indonesia Smart Card for College",
-        grp_habisiniseminar_scholar_kipk: "KIP-Kuliah",
-        grp_habisiniseminar_scholar_bca: "BCA Scholarship",
-        grp_habisiniseminar_scholar_djarum: "Djarum Plus Scholarship",
-        grp_habisiniseminar_scholar_genbi: "Bank Indonesia Scholarship",
-        grp_habisiniseminar_scholar_adik: "ADik Scholarship for Papua & 3T",
-        grp_habisiniseminar_scholar_kip_desc: "KIP-Kuliah is exclusively aimed at students who are economically disadvantaged.",
-        grp_habisiniseminar_scholar_bca_desc: "A scholarship in the form of the Informatics Engineering Education Program (PPTI) organized by BCA.",
-        grp_habisiniseminar_scholar_djarum_desc: "Digital talent development scholarship from Djarum Foundation for 4th-semester students and above.",
-        grp_habisiniseminar_scholar_genbi_desc: "A scholarship from Bank Indonesia that provides educational support and self-development opportunities for outstanding students.",
-        grp_habisiniseminar_scholar_adik_desc: "Affirmation scholarship for students from Papua, West Papua, and underdeveloped, frontier, and outermost regions.",
-        grp_habisiniseminar_scholar_kipk_desc: "A government program for economically disadvantaged yet high-achieving students.",
-        grp_habisiniseminar_scholar_bca_snbt_desc: "The Informatics Engineering Education Program (PPTI) organized by BCA for selected students.",
-        grp_habisiniseminar_scholar_unggulan_desc: "A scholarship from the Ministry of Education for students with national or international-level achievements.",
-        grp_habisiniseminar_scholar_untan_smmptn_desc: "Awarded to new students with the highest selection scores from the SMMPTN-West pathway.",
-        grp_habisiniseminar_scholar_bca_mandiri_desc: "BCA's Informatics Engineering Education Program (PPTI) for students with outstanding academic achievement.",
-        grp_habisiniseminar_scholar_untan_mandiri_desc: "A scholarship from UNTAN for new students achieving the highest selection scores via the Mandiri pathway.",
-        grp_habisiniseminar_btn_detail: "View Details",
-        grp_habisiniseminar_faq_title: "Frequently Asked Questions — New Student Admission",
-        grp_habisiniseminar_faq_sub: "Find answers to your questions",
-        grp_habisiniseminar_faq_q1: "How can I check my selection results?",
-        grp_habisiniseminar_faq_a1: "Selection results are announced online through the official portal according to the scheduled dates.",
-        grp_habisiniseminar_faq_q2: "What happens if I miss the re-registration or payment deadline?",
-        grp_habisiniseminar_faq_a2: "Failure to re-register or pay on time may result in your admission status being revoked or treated as a voluntary withdrawal.",
-        grp_habisiniseminar_faq_q3: "What should I do after being declared accepted?",
-        grp_habisiniseminar_faq_a3: "Accepted applicants must complete re-registration and fulfill all administrative requirements. Further information is available on the official Informatics UNTAN website and social media channels.",
-        grp_habisiniseminar_faq_q4: "How many specializations does this study program offer?",
-        grp_habisiniseminar_faq_a4: "This program offers four specializations: Artificial Intelligence (AI), Software Engineering, Networks & Security, and Information Systems.",
-        grp_habisiniseminar_faq_q5: "Will students gain practical or project experience during their studies?",
-        grp_habisiniseminar_faq_a5: "Yes. Students will take part in various practicum sessions, project assignments, and group work designed to build technical skills and real-world problem-solving abilities.",
-        grp_habisiniseminar_faq_q6: "What is campus life like at Informatics UNTAN?",
-        grp_habisiniseminar_faq_a6: "The campus environment supports both academic and non-academic activities, with numerous student organizations and technology communities. To learn more about campus life and student activities, please visit the related page <a href=\"https://informatika.untan.ac.id/content.html?type=people_stories\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.",
-        grp_habisiniseminar_faq_q7: "Do Informatics UNTAN graduates have good career prospects?",
-        grp_habisiniseminar_faq_a7: "Graduates have broad career opportunities across fields such as software development, data analytics, network security, and technology entrepreneurship.",
-        grp_habisiniseminar_faq_q8: "Can Informatics UNTAN students participate in competitions?",
-        grp_habisiniseminar_faq_a8: "Yes. Students are actively encouraged to participate in technology competitions at local, national, and international levels. Information on competitions and student achievements is available <a href=\"https://informatika.untan.ac.id/content.html?type=people_stories\" target=\"_blank\" rel=\"noopener noreferrer\">here</a>.",
-        grp_habisiniseminar_month_jan: "January",
-        grp_habisiniseminar_month_feb: "February",
-        grp_habisiniseminar_month_mar: "March",
-        grp_habisiniseminar_month_apr: "April",
-        grp_habisiniseminar_month_mei: "May",
-        grp_habisiniseminar_month_jun: "June",
-        grp_habisiniseminar_month_jul: "July",
-        grp_habisiniseminar_month_des: "December",
-        grp_habisiniseminar_month_des_jan: "December – January",
-        grp_habisiniseminar_month_jan_feb: "January – February",
-        grp_habisiniseminar_month_jan_apr: "January – April",
-        grp_habisiniseminar_month_feb_apr: "February – April",
-        grp_habisiniseminar_month_feb_mar: "February – March",
-        grp_habisiniseminar_month_mar_apr: "March – April",
-        grp_habisiniseminar_month_mar_mei: "Mar – May",
-        grp_habisiniseminar_month_apr_mei: "April – May",
-        grp_habisiniseminar_month_mei_jun: "May – June",
-        grp_habisiniseminar_month_jun_jul: "June – July",
-        grp_m4n1fest_hero_label: "INFORMATICS STUDY PROGRAM · UNTAN PONTIANAK",
-        grp_m4n1fest_hero_title_1: "Informatics",
-        grp_m4n1fest_hero_title_2: "Alumni",
-        grp_m4n1fest_hero_subtitle: "UNTAN Pontianak",
-        grp_m4n1fest_hero_desc: "Informatics UNTAN graduates are now working across Indonesia and the world. Discover their footprints, find inspiration from their journeys, and be part of this network.",
-        grp_m4n1fest_hero_btn_stats: "View Alumni Statistics",
-        grp_m4n1fest_hero_btn_join: "Join Alumni Group",
-        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_company: "COMPANIES",
-        grp_m4n1fest_eyebrow_achievers: "High Achievers",
-        grp_m4n1fest_title_achievers: "Informatics <em>Alumni</em>",
-        grp_m4n1fest_sub_achievers: "They prove that Informatics UNTAN graduates are capable of competing and working at the highest level.",
-        grp_m4n1fest_ach1_batch: "Class of 2005",
-        grp_m4n1fest_ach1_pos: "Full-time Lecturer, Univ Muhammadiyah Pontianak & Researcher, Universidad de Granada",
-        grp_m4n1fest_ach1_ach1: "M.Sc. Computer Engineering, Marmara University",
-        grp_m4n1fest_ach1_ach2: "Ph.D. in Info & Comm Tech, Universidad de Granada",
-        grp_m4n1fest_ach1_ach3: "Experienced in cross-country AI research",
-        grp_m4n1fest_ach2_batch: "Informatics UNTAN",
-        grp_m4n1fest_ach2_pos: "Software Developer, Traxpay GmbH, Germany",
-        grp_m4n1fest_ach2_ach1: "M.Sc. Computer Science, Saarland University",
-        grp_m4n1fest_ach2_ach2: "Working in the European FinTech industry",
-        grp_m4n1fest_ach2_ach3: "Expert in digital payment systems & ERP integration",
-        grp_m4n1fest_ach3_batch: "Class of 2009",
-        grp_m4n1fest_ach3_pos: "Product Manager, CX-Oriented Tech, Ai Tech",
-        grp_m4n1fest_ach3_ach1: "AI Practitioner focusing on Voice AI",
-        grp_m4n1fest_ach3_ach2: "Designing technology products based on Customer Experience",
-        grp_m4n1fest_ach3_ach3: "AI solutions innovator across various platforms",
-        grp_m4n1fest_eyebrow_career: "Career Path",
-        grp_m4n1fest_title_career: "Where Do Alumni <em>Work?</em>",
-        grp_m4n1fest_sub_career: "Distribution of industries where alumni pursue their careers.",
-        grp_m4n1fest_career_gov: "Government agencies",
-        grp_m4n1fest_career_private: "Private companies",
-        grp_m4n1fest_career_entrepreneur: "Entrepreneurs/own companies",
-        grp_m4n1fest_career_soes: "State-Owned Enterprises (BUMN/BUMD)",
-        grp_m4n1fest_career_ngo: "Non-profit organizations/NGOs",
-        grp_m4n1fest_career_note: "* Data obtained from Untan Tracer Study. Last updated May 2026.",
-        grp_m4n1fest_career_logo_title: "Companies Where Alumni Pursue Careers",
-        grp_m4n1fest_logo_bca: "BCA",
-        grp_m4n1fest_logo_bri: "BRI",
-        grp_m4n1fest_logo_telkom: "Telkom Indonesia",
-        grp_m4n1fest_logo_pln: "PLN",
-        grp_m4n1fest_logo_indofood: "Indofood Fortuna",
-        grp_m4n1fest_logo_astra: "Astra Daihatsu",
-        grp_m4n1fest_logo_unilever: "Unilever",
-        grp_m4n1fest_logo_grab: "Grab",
-        grp_m4n1fest_logo_telkomsel: "Telkomsel",
-        grp_m4n1fest_logo_garuda: "Garuda Indonesia",
-        grp_m4n1fest_logo_bulog: "Perum BULOG",
-        grp_m4n1fest_logo_others: "Others",
-        grp_m4n1fest_eyebrow_skill: "Skill Distribution",
-        grp_m4n1fest_title_skill: "Skills <em>Mastered by Alumni</em>",
-        grp_m4n1fest_sub_skill: "Skill distribution based on alumni contribution form data — a clear picture of real competencies of Informatics UNTAN graduates.",
-        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_eyebrow_stats: "Alumni Statistics",
-        grp_m4n1fest_title_stats: "Number of Alumni <em>by Graduation Year</em>",
-        grp_m4n1fest_sub_stats: "Data on graduates by semester period and graduation year.",
-        grp_m4n1fest_table_head_period: "Period",
-        grp_m4n1fest_table_head_amount: "Amount",
-        grp_m4n1fest_table_source: "Source: BAK UNTAN",
-        grp_m4n1fest_chart_title: "Graduation Chart",
-        grp_m4n1fest_eyebrow_testi: "Alumni Testimonials",
-        grp_m4n1fest_title_testi: "What They Say About <em>Informatics UNTAN</em>",
-        grp_m4n1fest_testi1_text: "\"For prospective Informatics Untan students, my advice is to keep developing yourself and not be easily satisfied. College is the starting point to open up wider opportunities. Focus on your areas of interest, improve specific skills, expand your network, and master foreign languages as an added value. With commitment and strong will, opportunities for career or further study at the global level will be wide open.\"",
-        grp_m4n1fest_testi1_role: "Product Manager, Ai Practitioner · Class of 2009",
-        grp_m4n1fest_testi2_text: "\"The foundation you build at Informatics Untan is very valuable. The ability to think algorithmically and solve problems sharpened during college is a provision that will continue to be relevant wherever you pursue a career. Don't be afraid to dream big. If I — who started in Pontianak — could reach Frankfurt and contribute to the European FinTech industry, you can too. The important thing is to keep learning, dare to take opportunities, and never underestimate the quality of education you receive at Untan.\"",
-        grp_m4n1fest_testi2_role: "Software Developer, Traxpay GmbH",
-        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",
-        grp_m4n1fest_eyebrow_events: "Annual Events",
-        grp_m4n1fest_title_events: "Meet Us <em>Every Year</em>",
-        grp_m4n1fest_sub_events: "HMIF Informatics UNTAN organizes two major annual events that always invite and gather alumni.",
-        grp_m4n1fest_event1_title: "SKBI Ramadhan",
-        grp_m4n1fest_event1_meta: "Informatics Family Gathering",
-        grp_m4n1fest_event1_desc: "SKBI Ramadhan is a gathering event that brings together the entire big family of Informatics UNTAN — active students, lecturers, and alumni from various batches. This activity serves as a warm gathering moment in the month of Ramadhan, strengthening the bonds of alumni with the academic community through social activities, breaking fast together, and networking.",
-        grp_m4n1fest_event1_note: "Full info on HMIF Instagram",
-        grp_m4n1fest_event2_title: "INFORMERS",
-        grp_m4n1fest_event2_meta: "Informatics Anniversary",
-        grp_m4n1fest_event2_desc: "INFORMERS is the celebration of the Anniversary of the Informatics Study Program at UNTAN. This big event hosts various student-level academic and non-academic competition activities, IT innovation exhibitions, music entertainment, to a peak night that gathers all academics and alumni in the spirit of dedication and togetherness.",
-        grp_m4n1fest_event2_note: "Monitor IG for schedule & registration",
-        grp_m4n1fest_eyebrow_join: "Join IKA",
-        grp_m4n1fest_title_join: "Join the <em>Alumni Group</em>",
-        grp_m4n1fest_sub_join: "Register yourself to join the WhatsApp group of the Informatics UNTAN Alumni Association (IKA). Connect with hundreds of alumni and get job vacancy updates, activities, and collaboration opportunities.",
-        grp_m4n1fest_step1_head: "Fill Out Registration Form",
-        grp_m4n1fest_step1_desc: "Enter your name, student ID (NIM), phone number, email, work status, and 3 primary skills.",
-        grp_m4n1fest_step2_head: "IKA Admin Verification",
-        grp_m4n1fest_step2_desc: "IKA Admin will verify that you are an alumnus of Informatics UNTAN within 1–2 business days.",
-        grp_m4n1fest_step3_head: "Enter IKA WhatsApp Group",
-        grp_m4n1fest_step3_desc: "Once verified, you will be invited to the IKA WhatsApp group and instantly connect with hundreds of alumni!",
-        grp_m4n1fest_wa_badge: "Informatics UNTAN IKA Group",
-        grp_m4n1fest_wa_title: "Informatics UNTAN IKA",
-        grp_m4n1fest_wa_sub: "500+ active members",
-        grp_m4n1fest_form_title: "IKA Registration Form",
-        grp_m4n1fest_form_sub: "Fill out the data below to join the alumni WhatsApp group.",
-        grp_m4n1fest_form_nama: "Full Name *",
-        grp_m4n1fest_form_nim: "Student ID (NIM)",
-        grp_m4n1fest_form_angkatan: "Class of *",
-        grp_m4n1fest_form_hp: "Phone / WhatsApp No. *",
-        grp_m4n1fest_form_email: "Active Email *",
-        grp_m4n1fest_form_status: "Current Status *",
-        grp_m4n1fest_form_status_opt1: "— Select Status —",
-        grp_m4n1fest_form_status_opt2: "Working",
-        grp_m4n1fest_form_status_opt3: "Entrepreneur / Freelance",
-        grp_m4n1fest_form_status_opt4: "Continuing Studies",
-        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_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_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.",
-        grp_m4n1fest_form_btn: "Register Now",
-        grp_m4n1fest_form_msg: "Data saved instantly · Processing 1-2 business days",
-        grp_m4n1fest_eyebrow_faq: "FAQ",
-        grp_m4n1fest_title_faq: "Questions About <em>Alumni</em>",
-        grp_m4n1fest_faq_q1: "How do I join the IKA alumni group?",
-        grp_m4n1fest_faq_a1: "Fill out the registration form in the \"Join IKA\" section above with your full name, class year, WhatsApp number, and active email. Once verified by the admin within 1-2 business days, you will be invited to the Informatics UNTAN IKA WhatsApp group.",
-        grp_m4n1fest_faq_q2: "How long is the IKA registration verification process?",
-        grp_m4n1fest_faq_a2: "The verification process usually takes 1-2 business days. The IKA admin will verify that you are indeed an alumnus of Informatics UNTAN based on the name and class year filled out.",
-        grp_m4n1fest_faq_q3: "What are the benefits of joining the IKA alumni group?",
-        grp_m4n1fest_faq_a3: "In the IKA group, you can access job vacancy updates from fellow alumni, info on annual activities like SKBI Ramadhan and INFORMERS, project collaborations, sharing career experiences, and building professional connections with hundreds of alumni from various classes and industries.",
-        grp_m4n1fest_faq_q4: "Are there job vacancy or internship updates in IKA?",
-        grp_m4n1fest_faq_a4: "Yes! One of the main benefits of the IKA group is that alumni who are already working often share vacancy updates from their companies. Many IKA members get their first jobs or change careers through referrals from fellow alumni in this group.",
-        grp_m4n1fest_faq_q5: "Is there an industry collaboration program from the Informatics Program?",
-        grp_m4n1fest_faq_a5: "The Informatics UNTAN Study Program has a mandatory Internship (KP) program that connects students with the industry. Latest info on industry collaborations can be followed through Instagram @informatika.untan.",
-        grp_m4n1fest_faq_q6: "How do I participate in SKBI Ramadhan or INFORMERS activities?",
-        grp_m4n1fest_faq_a6: "Registration and event info for SKBI Ramadhan can be found on Instagram @hmif_ftuntan. For INFORMERS, monitor Instagram @informershmif. As an IKA group member, you will also receive direct notifications whenever there are activities involving alumni.",
-        grp_m4n1fest_faq_q7: "Who can register for IKA?",
-        grp_m4n1fest_faq_a7: "All alumni of the Informatics Study Program of Universitas Tanjungpura from all classes can register for IKA. There are no restrictions on class year, employment status, or domicile. As long as you are an Informatics UNTAN graduate, you are eligible to join!",
-        grp_m4n1fest_eyebrow_contact: "Contact & Social Media",
-        grp_m4n1fest_title_contact: "Find Us on <em>Instagram</em>",
-        grp_m4n1fest_sub_contact: "Follow our official Instagram accounts for the latest information on alumni activities, job vacancy updates, and Informatics UNTAN Study Program updates.",
-        grp_m4n1fest_ig_main_label: "Prodi Official Instagram",
-        grp_m4n1fest_ig_main_desc: "Academic updates, activities, and alumni info",
-        grp_m4n1fest_ig_hmif_desc: "HMIF & SKBI Ramadhan",
-        grp_m4n1fest_ig_informers_desc: "INFORMERS",
-        grp_m4n1fest_cta_box_title: "Ready to join?",
-        grp_m4n1fest_cta_box_desc: "Scroll up and fill out the IKA registration form now. Free, fast, and instantly connect with hundreds of alumni!",
-        grp_m4n1fest_cta_box_btn: "Register for IKA Now",
 		grp_limaem_kegiatan_title: "Kegiatan Unggulan",
 		grp_limaem_kegiatan_subtitle:
 			"Kegiatan tahunan yang menjadi ikon Informatika UNTAN.",
@@ -1544,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:
@@ -1597,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>",
@@ -1606,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>",
@@ -1619,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:
@@ -1630,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",
@@ -1666,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.",
@@ -2859,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:
@@ -2914,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:
@@ -2922,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>",
@@ -2935,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:
@@ -2982,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/ApeNameTeamE/PROJECT_CONTEXT.md

@@ -1,273 +0,0 @@
-# PROJECT CONTEXT
-## Website Statis Halaman Beasiswa — Informatika UNTAN
-
-> File ini adalah konteks utama proyek untuk AI assistant (Antigravity).
-> Baca file ini setiap kali kamu membantu pengerjaan proyek ini.
-
----
-
-## 🎯 Apa yang Dibangun?
-
-**Single static landing page** berbasis HTML/CSS/JS murni (native web) untuk menampilkan informasi beasiswa bagi mahasiswa aktif, alumni, dan masyarakat umum Program Studi Informatika, Universitas Tanjungpura (UNTAN), Pontianak.
-
-Website ini bukan aplikasi web dinamis. Tidak ada backend, tidak ada database, tidak ada login. Update konten dilakukan dengan mengedit file JSON dan push ke GitHub → auto-deploy via Puify ke server prodi.
-
----
-
-## 🏗️ Tech Stack
-
-| Layer | Teknologi |
-|---|---|
-| Markup | HTML5 |
-| Styling | CSS3 + Tailwind CSS |
-| Interaktivitas | Vanilla JavaScript (ES6+) |
-| Font | Google Fonts (Inter / Poppins) |
-| Ikon | Font Awesome |
-| Animasi | AOS.js (Animate on Scroll) |
-| Carousel | Swiper.js |
-| Hosting | Dedicated Server Prodi UNTAN via Puify |
-| Version Control | Git + GitHub |
-
-**Tidak boleh menggunakan:** Framework berat (React, Vue, Angular), backend (Node.js, PHP, Python), database (MySQL, MongoDB).
-
----
-
-## 📐 Desain
-
-- **Figma Project:** https://www.figma.com/design/rG6JYG19CWziaPMhbJ2NPL/PPL-FIGMA?node-id=0-1
-- **Prototype:** https://www.figma.com/proto/rG6JYG19CWziaPMhbJ2NPL/PPL-FIGMA?node-id=120-1247
-
-### Warna Utama
-
-| Variabel | Hex | Penggunaan |
-|---|---|---|
-| Primary (Biru) | `#2B4590` | Navbar, heading, tombol, border aktif |
-| Secondary (Kuning) | `#F5A623` | CTA, aksen, badge |
-| Background | `#FFFFFF` | Latar halaman |
-| Text | `#1A1A1A` | Body text |
-| Accent | `#6B7280` | Caption, label, border |
-| Success | `#10B981` | Badge "Buka" |
-| Danger | `#EF4444` | Badge "Ditutup" |
-| Overlay | `#00000080` | Background popup |
-
-### Tipografi
-- **Font:** Inter (utama) / Poppins (heading)
-- H1: 48–64px bold | H2: 32–40px semibold | H3: 24–28px semibold
-- Body: 16–18px regular | Caption: 12–14px
-
----
-
-## 📄 Struktur Halaman (Top → Bottom)
-
-```
-[NAVBAR - Sticky]
-  Logo UNTAN | Menu: Beranda, Beasiswa, Testimoni, Kontak | Toggle ID/EN
-
-[#hero - Hero Section]
-  Judul: "Beasiswa Studi & Penelitian"
-  Sub: Teknik Informatika Universitas Tanjungpura
-  Deskripsi singkat tentang beasiswa
-  CTA Button (kuning): "Lihat Daftar Beasiswa →"
-  Foto ilustrasi mahasiswa (kanan)
-
-[#statistics - Statistik Counter]
-  3 angka dengan animasi scroll:
-  - Total Mahasiswa Penerima Beasiswa Semester Ini
-  - Total Penerima Beasiswa Pembiayaan Pemerintah
-  - Total Penerima Beasiswa Pembiayaan Swasta
-
-[#directory - Direktori Beasiswa]
-  - Tab filter: Semua | Sedang Buka | Ditutup | Pemerintah | Swasta
-  - Search bar (real-time)
-  - Grid kartu beasiswa:
-    * Desktop: 3 kolom
-    * Tablet: 2 kolom
-    * Mobile: 1 kolom
-  - Tiap kartu: thumbnail, badge status, nama, deskripsi singkat, tanggal, tombol "Selengkapnya →"
-  - Klik "Selengkapnya →" → buka POPUP MODAL
-
-[POPUP MODAL - Detail Beasiswa]
-  - Nama + thumbnail/logo beasiswa
-  - Badge status (Buka / Ditutup)
-  - Syarat umum (ringkasan/bullet)
-  - Kontak yang bisa dihubungi
-  - Tombol "Info Lebih Lanjut" → buka URL sumber resmi (tab baru)
-  - Tutup: tombol ×, klik luar area, tekan Escape
-
-[#testimonial - Testimoni Penerima Beasiswa]
-  - Carousel / grid kartu
-  - Tiap kartu: foto, nama, nama beasiswa yang diterima, kutipan singkat
-  - Navigasi carousel jika > 3 testimoni
-
-[#cta - Call to Action]
-  - Judul: "Ingin Mengetahui Info Lebih Lanjut?"
-  - Dua tombol:
-    * "Daftar Beasiswa" (scroll ke #directory)
-    * "Hubungi Kami" (WhatsApp admin)
-
-[#footer - Footer]
-  - Logo Informatika UNTAN
-  - Alamat prodi, email, telepon, WhatsApp
-  - Ikon media sosial
-  - Ilustrasi khas Pontianak (dekorasi bawah)
-```
-
----
-
-## 📁 Struktur File Proyek
-
-```
-project-root/
-├── index.html
-├── assets/
-│   ├── css/
-│   │   └── style.css
-│   ├── js/
-│   │   ├── main.js          # Init AOS, smooth scroll, sticky navbar
-│   │   ├── filter.js        # Filter tab + real-time search
-│   │   ├── popup.js         # Modal detail beasiswa
-│   │   ├── counter.js       # Animasi counter statistik
-│   │   ├── carousel.js      # Carousel testimoni (Swiper.js)
-│   │   └── i18n.js          # Toggle bahasa ID/EN
-│   └── images/
-│       ├── hero/
-│       ├── beasiswa/        # Logo/thumbnail beasiswa
-│       └── testimoni/       # Foto penerima
-├── data/
-│   ├── beasiswa.json
-│   └── testimoni.json
-└── README.md
-```
-
----
-
-## 🗃️ Format Data
-
-### `data/beasiswa.json`
-```json
-[
-  {
-    "id": "bsw-001",
-    "nama": "Beasiswa Adaro Foundation 2026",
-    "kategori": "Swasta",
-    "status": "Ditutup",
-    "thumbnail": "assets/images/beasiswa/adaro.jpg",
-    "deskripsi_singkat": "Beasiswa untuk mahasiswa S1 & D4 dengan IPK minimal 3.00...",
-    "syarat_umum": [
-      "Mahasiswa aktif S1/D4",
-      "IPK minimal 3.00",
-      "Berasal dari keluarga kurang mampu"
-    ],
-    "kontak": "Admin Prodi / Kemahasiswaan UNTAN",
-    "tanggal_buka": "2026-01-01",
-    "tanggal_tutup": "2026-04-09",
-    "url_sumber": "https://...",
-    "tags": ["S1", "Swasta"]
-  }
-]
-```
-
-### `data/testimoni.json`
-```json
-[
-  {
-    "id": "tsm-001",
-    "nama": "Aulia Rahman",
-    "foto": "assets/images/testimoni/aulia.jpg",
-    "nama_beasiswa": "Beasiswa Prestasi",
-    "kutipan": "Beasiswa ini benar-benar membuka jalan bagi saya untuk fokus sepenuhnya pada pendidikan..."
-  }
-]
-```
-
----
-
-## ⚙️ Fitur Interaktif yang Harus Diimplementasikan
-
-| Fitur | Status | File |
-|---|---|---|
-| Sticky Navbar (transparent → solid saat scroll) | ⏳ | `main.js` |
-| Hamburger Menu | ⏳ | `main.js` |
-| Smooth Scroll ke seksi | ⏳ | `main.js` |
-| Active State Navbar (IntersectionObserver) | ⏳ | `main.js` |
-| Animasi AOS (elemen muncul saat scroll) | ⏳ | `main.js` |
-| Counter Animasi Statistik | ⏳ | `counter.js` |
-| Render kartu beasiswa dari JSON | ⏳ | `filter.js` |
-| Filter tab (Semua/Buka/Ditutup/Pemerintah/Swasta) | ⏳ | `filter.js` |
-| Real-time search | ⏳ | `filter.js` |
-| Popup Modal detail beasiswa | ⏳ | `popup.js` |
-| Tutup popup (×, klik luar, Escape) | ⏳ | `popup.js` |
-| Carousel testimoni (Swiper.js) | ⏳ | `carousel.js` |
-| Toggle bahasa ID/EN | ⏳ | `i18n.js` |
-
----
-
-## 📱 Responsive Breakpoints
-
-```css
-/* Mobile first */
-/* Default: mobile < 768px */
-/* Tablet: */  @media (min-width: 768px) { ... }
-/* Laptop: */  @media (min-width: 1024px) { ... }
-/* Desktop: */ @media (min-width: 1280px) { ... }
-```
-
----
-
-## 🔒 Aturan Keamanan Kode
-
-- Semua link eksternal: `target="_blank" rel="noopener noreferrer"`
-- Tidak ada hardcoded data sensitif di source code
-- Input search di-sanitasi sebelum digunakan untuk filter DOM
-- Tidak menggunakan `innerHTML` dengan input pengguna langsung (cegah XSS)
-
----
-
-## 👥 Tim & Peran
-
-| Nama | Peran |
-|---|---|
-| Djapianus Thebrianto | Project Manager |
-| Derangga Aray Abimanyu | Backend Developer (data, scraping, JSON) |
-| Destra Aulia Faza Ananda Putra | Frontend Developer (HTML, CSS, JS) |
-| Dian Satrio Prayogo | UI/UX Designer (Figma) |
-| Jonathan Geral Nababan | Quality Assurance (testing) |
-
----
-
-## 📋 Hal Penting untuk AI Assistant
-
-1. **Ini bukan React/Vue/Angular.** Semua harus ditulis dalam HTML/CSS/Tailwind/Vanilla JS.
-2. **Data beasiswa dibaca dari `data/beasiswa.json`** — bukan hardcoded di HTML.
-3. **Warna wajib sesuai palet resmi** — jangan gunakan warna lain sembarangan.
-4. **Mobile-first** — tulis CSS dari ukuran kecil dulu, baru ke besar.
-5. **Popup harus bisa ditutup 3 cara:** tombol ×, klik overlay, tekan Escape.
-6. **Filter dan search bisa aktif bersamaan** (kumulatif, bukan saling menggantikan).
-7. **Navbar berubah warna saat scroll** — transparent di atas hero, solid biru setelah scroll turun.
-8. **Semua animasi pakai AOS.js** — inisialisasi di `main.js` dengan `AOS.init()`.
-9. **Carousel testimoni pakai Swiper.js** — touch-friendly untuk mobile.
-10. **Tidak ada `alert()`, `console.log()` di production code.**
-
----
-
-## 🚀 Cara Kerja Deployment
-
-```
-Developer push ke GitHub
-         ↓
-    Puify detects push
-         ↓
-  Auto-deploy ke server
-         ↓
-   Website live (Dev)
-         ↓
-   Approved → Production
-```
-
----
-
-## 📎 Dokumen Terkait
-
-- `SRS.md` — Spesifikasi kebutuhan lengkap (use case, NFR, batasan)
-- `SDD.md` — Desain teknis lengkap (arsitektur, komponen, schema data)
-- Figma: https://www.figma.com/design/rG6JYG19CWziaPMhbJ2NPL/PPL-FIGMA?node-id=0-1

groups/ApeNameTeamE/SDD.md

@@ -1,329 +0,0 @@
-# Software Design Document (SDD)
-## Website Statis Halaman Beasiswa — One-Page HTML
-### Program Studi Informatika — Universitas Tanjungpura
-
-| Field | Detail |
-|---|---|
-| Nama Proyek | Pengembangan Website Statis Halaman Beasiswa |
-| Kelompok | Ape Nama Team E |
-| Versi | 1.0 |
-| Fase SDLC | Design (aktif) |
-| Dosen | Izuardo Zulkarnain, S.Pd., M.T |
-| Semester | Genap 2025/2026 |
-
----
-
-## 1. Pendahuluan
-
-### 1.1 Tujuan Dokumen
-SDD ini mendeskripsikan perancangan teknis website beasiswa Informatika UNTAN sebagai one-page HTML native. Dokumen ini menjadi panduan tim dalam mengimplementasikan:
-- Fitur popup detail beasiswa
-- Integrasi data hasil scraping & survei admin
-- Otomatisasi deployment via Puify (push-to-deploy)
-
-### 1.2 Stack Teknologi
-
-| Layer | Teknologi | Keterangan |
-|---|---|---|
-| Markup | HTML5 | Struktur konten |
-| Styling | CSS3 / Tailwind CSS | Layout responsif |
-| Interaktivitas | JavaScript (Vanilla / Alpine.js) | Animasi, scroll, toggle |
-| Font & Ikon | Google Fonts / Font Awesome | Tipografi & ikon |
-| Hosting | Puify (SaaS) | Auto-deploy dari repo ke server |
-| Server | Dedicated Server Prodi | Dev & Production |
-| Version Control | Git + GitHub | Kolaborasi & push-to-deploy |
-
-### 1.3 Posisi dalam SDLC
-
-| Fase | Status |
-|---|---|
-| Requirement | ✅ Selesai |
-| Design | 🔄 Aktif |
-| Implementation | ⏳ Belum |
-| Testing | ⏳ Belum |
-| Deployment | ⏳ Belum |
-
----
-
-## 2. Arsitektur Halaman (Site Architecture)
-
-### 2.1 Konsep One-Page Website
-Single-page statis — semua konten dalam satu file HTML utama. Navigasi menggunakan **smooth scroll**. Detail beasiswa (syarat umum) ditampilkan via **popup modal** agar halaman tetap bersih.
-
-### 2.2 Struktur Seksi (Vertikal, Atas → Bawah)
-
-| No | ID | Nama Seksi | Konten Utama |
-|---|---|---|---|
-| 1 | `#hero` | Hero / Landing | Judul "Beasiswa Studi & Penelitian", deskripsi, CTA "Lihat Daftar Beasiswa", foto ilustrasi mahasiswa |
-| 2 | `#statistics` | Statistik Counter | 3 angka animasi: Total Penerima Semester Ini, Total Pemerintah, Total Swasta |
-| 3 | `#directory` | Direktori Beasiswa | Grid kartu (3 kolom desktop, 2 tablet, 1 mobile), tab filter, real-time search, popup detail |
-| 4 | `#testimonial` | Testimoni | Carousel/grid testimoni: foto, nama, beasiswa, kutipan singkat |
-| 5 | `#cta` | Call-to-Action | Banner ajakan + tombol WhatsApp admin + Instagram kemahasiswaan |
-| 6 | `#footer` | Footer | Logo prodi, alamat, email, telepon, WA, ikon sosmed, dekorasi ilustrasi Pontianak |
-
-### 2.3 Navigasi
-**Sticky navbar** yang selalu terlihat saat scroll.
-
-| Perangkat | Perilaku Navbar |
-|---|---|
-| Desktop/Laptop | Horizontal, semua item terlihat |
-| Tablet | Horizontal, item muat; sisanya dropdown |
-| Mobile | Hamburger menu (≡) — tap untuk expand vertikal |
-
----
-
-## 3. Desain Visual & Identitas
-
-### 3.1 Color Palette
-
-| Peran | Nama | Hex | Digunakan Untuk |
-|---|---|---|---|
-| Primary | Biru Informatika | `#2B4590` | Navbar, heading, tombol primary, border aktif |
-| Secondary | Kuning/Oranye | `#F5A623` | CTA button, aksen, badge |
-| Background | White | `#FFFFFF` | Latar halaman utama |
-| Text | Dark Gray | `#1A1A1A` | Body text, paragraf |
-| Accent | Abu-abu | `#6B7280` | Caption, label, border |
-| Success | Hijau | `#10B981` | Badge status "Buka" |
-| Danger | Merah | `#EF4444` | Badge status "Ditutup" |
-| Overlay | Hitam + Transparansi | `#00000080` | Background popup modal |
-
-### 3.2 Tipografi
-
-| Elemen | Font Family | Ukuran | Weight |
-|---|---|---|---|
-| Heading H1 | Poppins / Inter | 48–64px | 700 (Bold) |
-| Heading H2 | Poppins / Inter | 32–40px | 600 (SemiBold) |
-| Heading H3 | Poppins / Inter | 24–28px | 600 (SemiBold) |
-| Body Text | Inter / Poppins | 16–18px | 400 (Regular) |
-| Caption/Label | Inter / Poppins | 12–14px | 400–500 |
-| Navbar | Inter | 14–16px | 500 (Medium) |
-| Button | Inter | 14–16px | 600 (SemiBold) |
-
-### 3.3 Komponen UI
-
-| Komponen | Spesifikasi |
-|---|---|
-| Navbar | Sticky; transparent di atas hero → solid biru `#2B4590` saat scroll; toggle ID/EN di kanan |
-| Hero Section | Full-height, overlay gradient gelap, judul besar, deskripsi, CTA kuning kontras |
-| Card Beasiswa | Border subtle, shadow ringan; hover: scale sedikit + shadow lebih dalam; thumbnail 100% lebar |
-| Button Primary | Solid biru, teks putih |
-| Button Secondary | Outline biru |
-| Button Ghost | Tanpa border |
-| Badge Status | Rounded pill; Hijau "Buka", Merah "Ditutup" |
-| Tab Filter | Underline active state, smooth transition, teks hitam, garis bawah aktif biru |
-| Popup Modal | Center screen, dark overlay, border-radius 12px, close button (×) kanan atas |
-| Footer | Background `#1A1A1A`, teks putih, 3–4 kolom desktop |
-
----
-
-## 4. Desain Mockup (UI/UX)
-
-### 4.1 Alat Desain
-**Figma** — kolaborasi realtime, wireframe + hi-fidelity prototype.
-
-- **Figma Project:** https://www.figma.com/design/rG6JYG19CWziaPMhbJ2NPL/PPL-FIGMA?node-id=0-1
-- **Prototype Interaktif:** https://www.figma.com/proto/rG6JYG19CWziaPMhbJ2NPL/PPL-FIGMA?node-id=120-1247
-
-### 4.2 Tahapan Desain
-1. **Wireframe (Lo-Fi)** — sketsa hitam-putih, fokus layout & posisi elemen
-2. **Mockup (Hi-Fi)** — desain lengkap dengan warna, font, dan aset visual
-3. **Prototype** — mockup yang bisa diklik untuk simulasi navigasi antar seksi
-4. **User Testing** — validasi desain bersama calon pengguna
-
-### 4.3 Breakpoint & Resolusi
-
-| Perangkat | Resolusi Mockup |
-|---|---|
-| Desktop Monitor | 1920 × 1080 |
-| Laptop | 1366 × 768 |
-| Tablet Portrait | 768 × 1024 |
-| Tablet Landscape | 1024 × 768 |
-| Mobile / HP | 390 × 844 |
-
----
-
-## 5. Desain Responsif
-
-### 5.1 Strategi: Mobile-First
-Desain dimulai dari layar terkecil → diperluas ke layar lebih besar via CSS media query. Memastikan performa optimal di koneksi lambat.
-
-### 5.2 Breakpoint
-
-| Perangkat | Breakpoint | Resolusi Umum |
-|---|---|---|
-| Desktop Monitor | `>= 1280px` | 1920×1080, 2560×1440 |
-| Laptop | `>= 1024px` | 1366×768, 1440×900 |
-| Tablet | `>= 768px` | 768×1024, 820×1180 |
-| Mobile | `< 768px` | 360×800, 390×844, 414×896 |
-
-### 5.3 Perubahan Layout per Breakpoint
-
-| Elemen | Mobile (<768px) | Tablet (768–1279px) | Desktop (≥1280px) |
-|---|---|---|---|
-| Navbar | Hamburger menu | Hamburger / partial menu | Horizontal full menu |
-| Hero Section | Teks atas, gambar bawah | Teks kiri, gambar kanan 50/50 | Teks kiri, gambar kanan lebar |
-| Card Grid | 1 kolom | 2 kolom | 3–4 kolom |
-| Teks Body | 16px | 16–17px | 17–18px |
-| Padding Section | 24px 16px | 40px 32px | 80px 64px |
-| Footer | Stack vertikal | 2 kolom | 3–4 kolom |
-
-### 5.4 Hasil Uji Responsivitas
-
-| No | Perangkat/Browser | Ukuran | Status | Catatan |
-|---|---|---|---|---|
-| 1 | Chrome Desktop | 1920×1080 | ✅ Lulus | Layout proporsional, spacing rapi |
-| 2 | Chrome Mobile Sim. | 390×844 | ✅ Lulus | Card grid 1 kolom, teks 16px nyaman |
-| 3 | Firefox Desktop | 1440×900 | ✅ Lulus | Konsisten dengan Chrome Desktop |
-| 4 | iPhone (Safari) | 390×844 | ✅ Lulus | Hero stack sempurna, padding aman |
-| 5 | Android Chrome | 360×800 | ✅ Lulus | Touch target ideal, gambar proporsional |
-| 6 | iPad (Safari) | 768×1024 | ✅ Lulus | Hero 50/50, spasi sentuh lega |
-
----
-
-## 6. Use Case Diagram
-
-### 6.1 Aktor Sistem
-
-| Aktor | Deskripsi |
-|---|---|
-| Pengunjung Umum | Mahasiswa aktif, alumni, calon mahasiswa, dosen, masyarakat — tanpa autentikasi |
-| Admin Prodi | Pengelola konten: memperbarui data beasiswa, testimoni, statistik via push-to-repo |
-
-### 6.2 Daftar Use Case & Skenario
-
-Lihat detail lengkap di SRS.md. Ringkasan:
-
-| Kode | Nama | Aktor |
-|---|---|---|
-| UC-01 | Melihat Daftar Beasiswa | Pengunjung Umum |
-| UC-02 | Memfilter Beasiswa Berdasarkan Kategori | Pengunjung Umum |
-| UC-03 | Mencari Beasiswa | Pengunjung Umum |
-| UC-04 | Melihat Detail Beasiswa (Popup) | Pengunjung Umum |
-| UC-05 | Mengakses Sumber Resmi Beasiswa | Pengunjung Umum |
-| UC-06 | Menghubungi Admin via CTA | Pengunjung Umum |
-| UC-07 | Melihat Testimoni Penerima Beasiswa | Pengunjung Umum |
-| UC-08 | Mengganti Bahasa Tampilan (ID/EN) | Pengunjung Umum |
-| UC-09 | Memperbarui Data Beasiswa | Admin Prodi |
-
-**Relasi antar UC:** UC-04 `<<include>>` UC-05 (popup detail menyertakan akses sumber resmi)
-
----
-
-## 7. Fitur Interaktif (Client-Side)
-
-Tidak ada backend API. Semua interaktivitas dijalankan di sisi klien.
-
-| No | Fitur | Teknologi | Keterangan |
-|---|---|---|---|
-| 1 | Smooth Scroll Navigasi | CSS `scroll-behavior` / JS | Scroll halus ke seksi saat klik menu |
-| 2 | Sticky Navbar | CSS `position:sticky` / JS scroll | Navbar tetap di atas saat scroll |
-| 3 | Hamburger Menu | JavaScript + CSS toggle | Menu responsif layar kecil |
-| 4 | Active State Navbar | JS `IntersectionObserver` | Highlight menu sesuai seksi terlihat |
-| 5 | Animasi Masuk (AOS) | AOS.js / CSS animation | Elemen muncul saat pertama kali di viewport |
-| 6 | Counter Animasi | JavaScript | Angka statistik berjalan saat di-scroll |
-| 7 | Filter Real-Time | Vanilla JavaScript | Filter kartu saat klik tab, tanpa reload |
-| 8 | Pencarian Real-Time | Vanilla JavaScript | Cari beasiswa saat ketik di search bar |
-| 9 | Popup Modal Detail | Vanilla JavaScript | Detail beasiswa dalam modal; tutup via ×, klik luar, atau Escape |
-| 10 | Toggle Bahasa ID/EN | Vanilla JS + localStorage | Ubah teks tanpa reload, simpan preference di session |
-| 11 | Carousel Testimoni | Vanilla JS / Swiper.js | Navigasi testimoni left/right; touch swipe di mobile |
-| 12 | Form Kontak (Opsional) | Formspree / EmailJS / mailto | Kirim pesan tanpa backend |
-| 13 | Lightbox Galeri (Opsional) | Fancybox / vanilla JS | Gambar fullscreen saat diklik |
-
----
-
-## 8. Layanan Pihak Ketiga
-
-| Layanan | Kegunaan | Gratis? |
-|---|---|---|
-| Google Fonts | Tipografi (Inter/Poppins) | ✅ Ya |
-| Font Awesome | Ikon UI | ✅ Ya (tier dasar) |
-| Google Maps Embed | Peta lokasi di seksi kontak | ✅ Ya (basic embed) |
-| Formspree | Form kontak tanpa backend | ✅ Ya (tier dasar) |
-| AOS.js | Animasi scroll (Animate on Scroll) | ✅ Ya (open source) |
-| Swiper.js | Carousel testimoni | ✅ Ya (open source) |
-
----
-
-## 9. Desain Keamanan
-
-### 9.1 Keamanan Form Kontak
-- Validasi client-side: semua field wajib diisi, format email dicek sebelum submit
-- Rate limiting: Formspree/EmailJS membatasi pengiriman untuk mencegah spam
-- reCAPTCHA (Opsional): Google reCAPTCHA v3 untuk mencegah bot
-
-### 9.2 Keamanan Konten
-- **Tidak ada data sensitif** — website tidak menyimpan data pengguna (no login, no database)
-- **HTTPS wajib** — sertifikat SSL/TLS pada server hosting prodi
-- **Content Security Policy** — meta CSP header untuk mencegah XSS
-- **External link** — semua link eksternal menggunakan `rel="noopener noreferrer"`
-
----
-
-## 10. Struktur File yang Direkomendasikan
-
-```
-project-root/
-├── index.html              # File HTML utama (one-page)
-├── assets/
-│   ├── css/
-│   │   └── style.css       # Custom CSS (jika tidak full Tailwind)
-│   ├── js/
-│   │   ├── main.js         # Logika utama: scroll, navbar, AOS init
-│   │   ├── filter.js       # Filter & pencarian beasiswa
-│   │   ├── popup.js        # Modal popup detail beasiswa
-│   │   ├── counter.js      # Animasi counter statistik
-│   │   ├── carousel.js     # Carousel testimoni
-│   │   └── i18n.js         # Toggle bahasa ID/EN
-│   └── images/
-│       ├── hero/           # Foto hero section
-│       ├── beasiswa/       # Thumbnail logo beasiswa
-│       └── testimoni/      # Foto penerima beasiswa
-├── data/
-│   ├── beasiswa.json       # Data beasiswa (diupdate oleh admin)
-│   └── testimoni.json      # Data testimoni
-└── README.md               # Panduan setup & deployment
-```
-
----
-
-## 11. Data Schema
-
-### 11.1 Schema Beasiswa (`beasiswa.json`)
-```json
-{
-  "id": "string",
-  "nama": "string",
-  "kategori": "Pemerintah | Swasta",
-  "status": "Buka | Ditutup",
-  "thumbnail": "path/to/image.jpg",
-  "deskripsi_singkat": "string (max 150 char)",
-  "syarat_umum": ["string", "string"],
-  "kontak": "string",
-  "tanggal_buka": "YYYY-MM-DD",
-  "tanggal_tutup": "YYYY-MM-DD",
-  "url_sumber": "https://...",
-  "tags": ["S1", "S2", "Magang", "Luar Negeri"]
-}
-```
-
-### 11.2 Schema Testimoni (`testimoni.json`)
-```json
-{
-  "id": "string",
-  "nama": "string",
-  "foto": "path/to/foto.jpg",
-  "nama_beasiswa": "string",
-  "kutipan": "string (max 200 char)"
-}
-```
-
----
-
-## 12. Referensi
-
-1. IEEE Standard 1016-2009 — Software Design Descriptions
-2. W3C — HTML5 & CSS3 Specification (https://www.w3.org)
-3. Google — Web Fundamentals: Responsive Web Design
-4. MDN Web Docs — CSS Media Queries
-5. Figma — Design Tool Documentation
-6. Nurhikmat et al. (2024) — Optimasi Responsivitas Web dengan Mobile-First Design. JINTEKS.

groups/ApeNameTeamE/SRS.md

@@ -1,337 +0,0 @@
-# Software Requirements Specification (SRS)
-## Pengembangan Website Statis Halaman Beasiswa
-### Program Studi Informatika — Universitas Tanjungpura
-
-| Field | Detail |
-|---|---|
-| Nama Proyek | Pengembangan Website Statis Halaman Beasiswa |
-| Kelompok | Ape Nama Team E |
-| Versi | 1.1 |
-| Tanggal | 01/05/2026 |
-| Dosen | Izuardo Zulkarnain, S.Pd., M.T |
-| Mata Kuliah | Proyek Perangkat Lunak — Semester Genap 2025/2026 |
-
-**Anggota Tim:**
-- Djapianus Thebrianto — Project Manager
-- Derangga Aray Abimanyu — Backend Developer
-- Destra Aulia Faza Ananda Putra — Frontend Developer
-- Dian Satrio Prayogo — UI/UX Designer
-- Jonathan Geral Nababan — Quality Assurance
-
----
-
-## 1. Pendahuluan
-
-### 1.1 Tujuan Dokumen
-
-SRS ini memberikan spesifikasi teknis dan fungsional untuk pengembangan Website Statis Beasiswa Informatika Universitas Tanjungpura. Dokumen ini memastikan:
-
-- Pengembang membangun sistem dengan kode sederhana yang mudah di-maintain melalui mekanisme push-to-repo ke dedicated server prodi.
-- Penyajian data beasiswa (nama & syarat umum) dilakukan melalui fitur **Pop-up** dengan akses langsung ke admin via WhatsApp dan Instagram kemahasiswaan UNTAN.
-- Proyek mengalihkan alur data dari portal universitas/survei admin ke static page dengan **availability 24 jam**.
-
-**Ditujukan kepada:** Tim Ape Nama Team E, Product Owner (dosen), dan Administrator Prodi.
-
-### 1.2 Ruang Lingkup
-
-Website statis single-page yang menjadi pusat informasi beasiswa, riset, dan pengembangan karir — terintegrasi dengan infrastruktur server Prodi Informatika UNTAN.
-
-**Fitur yang dicakup:**
-- Direktori beasiswa (mahasiswa aktif, alumni, S2 luar negeri, magang)
-- Detail beasiswa via popup (nama + syarat umum)
-- Data beasiswa dari web scraping sumber resmi
-- Seksi testimoni penerima beasiswa (foto, profil, kutipan)
-- Toggle bahasa Indonesia / Inggris (bilingual)
-- CTA ke WhatsApp admin & Instagram kemahasiswaan UNTAN
-
-**Yang TIDAK dicakup:**
-- Formulir pendaftaran (diarahkan ke URL asli penyedia)
-- Halaman admin berbasis web (update via push-to-repo)
-- Database — data bersifat statis (JSON/JS di repositori)
-
-### 1.3 Definisi & Akronim
-
-| Istilah | Definisi |
-|---|---|
-| Native Website | Web dengan HTML, CSS, JS murni tanpa framework kompleks |
-| Scraping | Pengambilan data otomatis dari website eksternal |
-| Dedicated Server | Server milik Prodi Informatika UNTAN (Dev & Production) |
-| Pop-up / Modal | Jendela overlay di atas halaman tanpa reload |
-| CTA | Call-to-Action — tombol ajakan ke WhatsApp/Instagram |
-| Availability | Kemampuan sistem beroperasi 24 jam |
-| Puify | Platform SaaS otomatisasi deployment dari repo ke server |
-
-### 1.4 Referensi
-- IEEE Std 830-1998 — Software Requirements Specifications
-- UU No. 27 Tahun 2022 tentang Perlindungan Data Pribadi (UU PDP)
-
----
-
-## 2. Deskripsi Umum Sistem
-
-### 2.1 Perspektif Produk
-
-Produk baru berdiri sendiri sebagai **single static landing page** — bukan pengganti sistem lama. Website ini hadir sebagai transformasi digital dari penyebaran info beasiswa yang sebelumnya manual (portal, surat kabar mahasiswa, grup medsos) ke satu platform terpusat.
-
-**Integrasi eksternal (satu arah):**
-- Website resmi penyedia beasiswa (data via scraping)
-- API Website Informatika UNTAN (konten artikel/berita)
-- WhatsApp & Instagram Kemahasiswaan UNTAN (CTA)
-
-Tidak ada antarmuka admin berbasis web. Semua update konten via **push ke GitHub → auto-deploy ke server** melalui Puify.
-
-### 2.2 Fungsi Utama Sistem
-
-| Kode | Fungsi | Deskripsi |
-|---|---|---|
-| F01 | Direktori Beasiswa | Grid kartu beasiswa aktif, S2, magang, penelitian dari berbagai sumber resmi |
-| F02 | Filter & Pencarian | Saring berdasarkan kategori (Semua/Buka/Ditutup/Pemerintah/Swasta) + real-time search |
-| F03 | Detail via Pop-up | Modal berisi nama, syarat umum, kontak, tautan sumber resmi |
-| F04 | Testimoni | Foto, nama, nama beasiswa, kutipan dari penerima beasiswa |
-| F05 | CTA Hubungi Admin | Tombol cepat ke WhatsApp admin & Instagram kemahasiswaan |
-| F06 | Bilingual ID/EN | Toggle bahasa Indonesia ↔ Inggris tanpa reload |
-| F07 | Update via Repository | Admin edit file data + push → halaman publik auto-update |
-
-### 2.3 Kelas Pengguna
-
-| Kelas | Karakteristik | Hak Akses |
-|---|---|---|
-| Pengunjung Umum | Mahasiswa aktif, alumni, masyarakat — tanpa login | Lihat konten, filter, search, buka popup, akses link eksternal |
-| Admin Prodi | Staf/mahasiswa dengan kemampuan Git dasar | Edit file data di GitHub → push → deploy otomatis |
-
-### 2.4 Lingkungan Operasional
-
-| Komponen | Spesifikasi |
-|---|---|
-| Platform | Browser modern: Chrome ≥v100, Firefox ≥v100, Edge ≥v100, Safari ≥v15 |
-| Server/Hosting | Dedicated server Prodi Informatika UNTAN (Dev & Production) via Puify |
-| Database | Tidak ada — data di file statis JSON/JS di repositori |
-| Bahasa Pemrograman | HTML5, CSS3 + Tailwind CSS, JavaScript ES6+ |
-| Version Control | Git / GitHub |
-| Koneksi | Min 1 Mbps (dasar), 10 Mbps (optimal) |
-
-### 2.5 Asumsi & Ketergantungan
-
-**Asumsi:**
-- Pengunjung menggunakan browser modern dengan JS ES6+ dan CSS3 aktif
-- Data beasiswa sudah diverifikasi admin sebelum dipublikasikan
-- Perangkat pengunjung mendukung akses WhatsApp (app atau web)
-
-**Ketergantungan:**
-- Dedicated server Prodi UNTAN harus aktif untuk availability 24 jam
-- Update data bergantung pada keaktifan admin melakukan push secara berkala
-- Fitur berita bergantung pada stabilitas API Website Informatika UNTAN
-- CTA bergantung pada keaktifan nomor WhatsApp & akun Instagram kemahasiswaan
-
----
-
-## 3. Kebutuhan Fungsional
-
-### 3.1 Daftar Use Case
-
-| UC ID | Nama Use Case | Aktor | Prioritas (MoSCoW) |
-|---|---|---|---|
-| UC-01 | Melihat Daftar Beasiswa | Pengunjung Umum | Must Have |
-| UC-02 | Memfilter Beasiswa Berdasarkan Kategori | Pengunjung Umum | Must Have |
-| UC-03 | Mencari Beasiswa | Pengunjung Umum | Must Have |
-| UC-04 | Melihat Detail Beasiswa (Popup) | Pengunjung Umum | Must Have |
-| UC-05 | Mengakses Sumber Informasi Beasiswa | Pengunjung Umum | Must Have |
-| UC-06 | Menghubungi Admin via CTA | Pengunjung Umum | Must Have |
-| UC-07 | Melihat Testimoni Penerima Beasiswa | Pengunjung Umum | Should Have |
-| UC-08 | Mengganti Bahasa Tampilan (ID/EN) | Pengunjung Umum | Should Have |
-| UC-09 | Memperbarui Data Beasiswa | Admin Prodi | Must Have |
-
-### 3.2 Detail Use Case
-
-#### UC-01: Melihat Daftar Beasiswa
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Halaman berhasil dimuat di browser |
-| Trigger | Pengunjung membuka URL atau scroll ke seksi Daftar Beasiswa |
-| Main Flow | 1. Pengunjung buka URL halaman<br>2. Sistem tampilkan hero, statistik, daftar beasiswa<br>3. Kartu ditampilkan grid: 3 kolom desktop / 2 tablet / 1 mobile<br>4. Tiap kartu: thumbnail, badge status, nama, deskripsi singkat, tanggal, tombol "Selengkapnya"<br>5. Paginasi tampil di bawah grid jika beasiswa > 1 halaman |
-| Alt Flow | 3a. Koneksi lambat → skeleton loading<br>3b. Tidak ada data → tampil "Belum ada beasiswa tersedia saat ini." |
-| Postcondition | Pengunjung dapat melihat seluruh daftar beasiswa |
-
-#### UC-02: Memfilter Beasiswa Berdasarkan Kategori
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Halaman dimuat, daftar beasiswa tampil |
-| Trigger | Pengunjung klik salah satu tab filter |
-| Main Flow | 1. Tampil tab: Semua \| Sedang Buka \| Ditutup \| Pemerintah \| Swasta<br>2. Pengunjung klik tab<br>3. Sistem real-time filter beasiswa sesuai kategori<br>4. Tab aktif ditandai bold/underline/warna<br>5. Jumlah hasil diperbarui |
-| Alt Flow | 3a. Tidak ada hasil → "Tidak ada beasiswa pada kategori ini."<br>3b. Klik "Semua" → tampil semua beasiswa |
-| Postcondition | Daftar beasiswa sesuai filter yang dipilih |
-
-#### UC-03: Mencari Beasiswa
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Halaman dimuat, kolom pencarian tersedia |
-| Trigger | Pengunjung mengetik di kolom pencarian |
-| Main Flow | 1. Pengunjung klik kolom pencarian<br>2. Ketik kata kunci (misal: "Pertamina", "KIP", "luar negeri")<br>3. Sistem real-time filter kartu yang nama/deskripsinya cocok<br>4. Hapus kata kunci → kembali ke tampilan penuh<br>5. Filter dan pencarian dapat aktif bersamaan (kumulatif) |
-| Alt Flow | 3a. Tidak ada hasil → "Tidak ditemukan beasiswa yang sesuai pencarian Anda." |
-| Postcondition | Daftar beasiswa sesuai kata kunci |
-
-#### UC-04: Melihat Detail Beasiswa (Popup)
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Kartu beasiswa tampil, pengunjung menemukan beasiswa yang diinginkan |
-| Trigger | Klik tombol "Selengkapnya →" pada kartu |
-| Main Flow | 1. Klik "Selengkapnya →"<br>2. Sistem tampilkan modal popup berisi: nama + thumbnail, badge status, syarat umum ringkasan, kontak, tombol "Info Lebih Lanjut" (→ URL sumber resmi di tab baru)<br>3. Background di-overlay gelap<br>4. Tutup via: tombol ×, klik di luar area, atau tekan Escape |
-| Alt Flow | 4a. Klik "Info Lebih Lanjut" → jalankan UC-05 |
-| Postcondition | Pengunjung mendapat info ringkas dan dapat lanjut ke sumber resmi |
-
-#### UC-05: Mengakses Sumber Informasi Beasiswa
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Popup detail terbuka, tombol "Info Lebih Lanjut" tersedia |
-| Trigger | Klik tombol "Info Lebih Lanjut" di popup |
-| Main Flow | 1. Klik tombol<br>2. Sistem buka URL sumber resmi di tab baru<br>3. Popup di tab asal tetap terbuka |
-| Alt Flow | 3a. URL tidak tersedia → "Tautan tidak tersedia. Silakan hubungi admin prodi." |
-| Postcondition | Pengunjung diarahkan ke sumber resmi beasiswa |
-
-#### UC-06: Menghubungi Admin via CTA
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Pengunjung ingin info lebih lanjut |
-| Trigger | Scroll ke seksi CTA, klik salah satu tombol |
-| Main Flow | 1. Scroll ke CTA ("Ingin Tahu Lebih Banyak tentang Beasiswa?")<br>2. Tampil dua tombol: "Hubungi Admin" (WhatsApp) + "Instagram Beasiswa" (IG kemahasiswaan)<br>3. Klik tombol → buka platform di tab baru |
-| Alt Flow | 4a. Tanpa WhatsApp terinstall → buka WhatsApp Web |
-| Postcondition | Pengunjung terhubung dengan admin atau follow Instagram |
-
-#### UC-07: Melihat Testimoni Penerima Beasiswa
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Halaman dimuat, data testimoni tersedia di source code |
-| Trigger | Scroll ke seksi Testimoni |
-| Main Flow | 1. Scroll ke seksi Testimoni<br>2. Tampil kartu testimoni: foto, nama, nama beasiswa, kutipan singkat<br>3. Jika > 3 testimoni → navigasi carousel/tombol selanjutnya |
-| Alt Flow | 2a. Belum ada data → seksi tidak ditampilkan atau tampil placeholder |
-| Postcondition | Pengunjung mendapat gambaran pengalaman penerima beasiswa |
-
-#### UC-08: Mengganti Bahasa Tampilan (ID/EN)
-| Field | Detail |
-|---|---|
-| Aktor | Pengunjung Umum |
-| Precondition | Toggle ID\|EN tersedia di header navigasi |
-| Trigger | Klik toggle bahasa di pojok kanan header |
-| Main Flow | 1. Pengunjung lihat toggle ID \| EN di kanan atas<br>2. Klik bahasa yang diinginkan<br>3. Seluruh teks berubah tanpa reload<br>4. Pilihan tersimpan di session (tidak reset saat scroll/filter) |
-| Alt Flow | 3a. Konten hanya tersedia 1 bahasa → tetap tampil bahasa aslinya |
-| Postcondition | Halaman tampil dalam bahasa yang dipilih |
-
-#### UC-09: Memperbarui Data Beasiswa
-| Field | Detail |
-|---|---|
-| Aktor | Admin Prodi |
-| Precondition | Admin punya akses repo, ada info beasiswa baru/perubahan status |
-| Trigger | Admin mendapat informasi update dari survei/portal/sumber lain |
-| Main Flow | 1. Admin dapat info baru/perubahan status<br>2. Edit file data beasiswa (nama, kategori, status, syarat, kontak, URL)<br>3. Simpan dan push ke GitHub<br>4. Halaman publik auto-update dalam waktu singkat via Puify |
-| Alt Flow | 3a. Error saat deploy → halaman publik tidak berubah, admin perbaiki dan push ulang |
-| Postcondition | Info beasiswa terbaru tersedia di halaman publik 24/7 |
-
----
-
-## 4. Kebutuhan Antarmuka Eksternal
-
-### 4.1 Antarmuka Pengguna (UI)
-
-- Responsive design: breakpoint 320px (mobile), 768px (tablet), 1280px (desktop)
-- Warna utama: Biru Informatika `#2B4590` dan Kuning `#F5A623` (branding UNTAN)
-- Font: Inter atau Poppins, minimal 14px untuk body text
-- Waktu respons antarmuka ≤ 3 detik pada koneksi 10 Mbps
-- Aksesibilitas WCAG 2.1 level AA (kontras warna, ARIA label, navigasi keyboard)
-- Semua elemen interaktif memiliki feedback visual saat hover/klik
-
-**Halaman / Seksi:**
-
-| Seksi | ID | Konten Utama |
-|---|---|---|
-| Header & Navigasi | — | Navbar sticky, logo UNTAN, toggle ID/EN, info ticker |
-| Hero | `#hero` | Judul "Beasiswa Studi & Penelitian", deskripsi, CTA kuning, foto mahasiswa |
-| Statistik Counter | `#statistics` | 3 angka animasi: Total Penerima, Pemerintah, Swasta |
-| Direktori Beasiswa | `#directory` | Grid kartu, tab filter, real-time search, popup detail |
-| Testimoni | `#testimonial` | Carousel foto+nama+kutipan penerima beasiswa |
-| CTA | `#cta` | Banner ajakan + tombol WhatsApp & Instagram |
-| Footer | `#footer` | Logo, alamat, kontak, sosial media, ilustrasi Pontianak |
-
-### 4.2 Antarmuka Hardware
-- Browser modern: Chrome/Firefox/Edge ≥v100, Safari ≥v15
-- Koneksi minimal 1 Mbps; optimal 10 Mbps
-- Resolusi minimal 320px lebar
-- Tidak butuh hardware khusus (kamera, printer, sensor, dll.)
-
-### 4.3 Antarmuka Software
-
-| Layanan | Tujuan | Protokol |
-|---|---|---|
-| Dedicated Server + Puify | Hosting dev & production, auto-deploy dari GitHub | HTTPS |
-| GitHub | Version control, kolaborasi, deliverable akhir | HTTPS/SSH |
-| Sumber Resmi Beasiswa | Link eksternal di popup (dibuka tab baru) | HTTPS |
-| WhatsApp / Instagram UNTAN | Tombol CTA | HTTPS / wa.me |
-| Figma | Desain mockup & wireframe acuan implementasi | HTTPS |
-| Web Scraper | Ambil data beasiswa dari sumber resmi | HTTPS |
-
-### 4.4 Antarmuka Komunikasi
-- Semua file dikirim via HTTPS dengan sertifikat SSL/TLS valid
-- Fitur interaktif (filter, search, toggle bahasa, popup, counter) berjalan client-side (JS) — tanpa request ke server
-- Semua link eksternal: `target="_blank"` + `rel="noopener noreferrer"`
-- Tidak menggunakan cookie, session storage, atau autentikasi pengguna (v1.0)
-
----
-
-## 5. Kebutuhan Non-Fungsional
-
-### NFR-01: Performa
-- **P-01** Loading halaman ≤ 3 detik pada koneksi 10 Mbps
-- **P-02** Filter beasiswa merespons < 0,5 detik setelah klik
-- **P-03** Tetap responsif dan optimal di desktop, tablet, dan smartphone
-
-### NFR-02: Keamanan
-- **S-01** Semua komunikasi via HTTPS dengan SSL/TLS
-- **S-02** Source code bersih dari script berbahaya, bebas celah XSS
-- **S-03** Semua link CTA dan pendaftaran mengarah ke sumber resmi tervalidasi
-
-### NFR-03: Skalabilitas
-- **SC-01** Mampu menampilkan minimal 100 data beasiswa tanpa penurunan performa
-- **SC-02** Struktur kode memungkinkan penambahan kategori baru tanpa perubahan besar
-- **SC-03** Sistem bilingual mendukung penambahan bahasa baru di masa depan
-
-### NFR-04: Ketersediaan & Reliabilitas
-- **R-01** Uptime minimal 99% selama masa operasional
-- **R-02** Dapat diakses 24 jam selama server aktif
-- **R-03** Backup source code via Git/GitHub untuk pemulihan data
-
-### NFR-05: Usability
-- **U-01** Antarmuka bilingual ID/EN
-- **U-02** Pengguna menemukan info beasiswa dalam < 2 menit via navigasi & filter
-- **U-03** Tombol CTA di Hero kontras dan posisinya jelas
-
-### NFR-06: Maintainability
-- **M-01** Tech stack: HTML5, CSS3 + Tailwind CSS, JavaScript ES6+ — kode rapi dan mudah dipelihara
-- **M-02** Semua perubahan dikelola via Git/GitHub (version control)
-- **M-03** Dokumentasi teknis & panduan deployment disertakan saat penyerahan akhir
-
----
-
-## 6. Batasan & Kendala
-
-### 6.1 Batasan Implementasi
-- Tech stack terkunci: HTML5, CSS3, Tailwind CSS, JavaScript ES6+, Figma, Git/GitHub
-- Single static landing page — tidak ada backend, database, atau login
-- Harus berjalan optimal di Chrome, Firefox, Edge versi terbaru
-- Wajib responsif: desktop, tablet, smartphone
-
-### 6.2 Batasan Proyek
-- Durasi: 10 hari kerja (1 Mei – 11 Mei 2026)
-- Tim: 5 orang dengan peran tetap (PM, Backend, Frontend, UI/UX, QA)
-- Revisi antarmuka/konten sesuai batas yang disepakati
-- Penambahan fitur baru saat development = di luar ruang lingkup utama
-
-### 6.3 Regulasi & Standar
-- UU PDP No. 27/2022 untuk pengelolaan data testimoni mahasiswa
-- Visual harus selaras branding resmi Informatika UNTAN
-- Memenuhi prinsip aksesibilitas dasar (navigasi jelas, tampilan informatif)

groups/ApeNameTeamE/assets/js/API.js

@@ -26,7 +26,7 @@
     return s; // "Segera Dibuka" atau nilai lain: tampilkan apa adanya
   }
 
-  // Petakan satu item Directus ke skema yang diharapkan filter.js / popup.js
+  // Petakan satu item (API remote maupun lokal) ke skema yang diharapkan filter.js / popup.js
   function normalizeItem(item) {
     const parts = [item.jenjang, item.negara, item.tipe_pendanaan].filter(Boolean);
     return {
@@ -34,14 +34,16 @@
       nama: item.nama || '',
       status: normalizeStatus(item.status),
       kategori: item.tipe_pendanaan || '',
-      thumbnail: '',
+      thumbnail: item.thumbnail || '',
-      deskripsi_singkat: parts.join(' · ') || 'Info beasiswa tersedia di sumber resmi.',
+      deskripsi_singkat: item.deskripsi_singkat || parts.join(' · ') || 'Info beasiswa tersedia di sumber resmi.',
+      deskripsi_singkat_en: item.deskripsi_singkat_en || '',
       tanggal_buka: item.tanggal_buka || '',
       tanggal_tutup: item.tenggat_waktu || '',
       url_sumber: item.url || '',
-      syarat_umum: [],
+      syarat_umum: item.syarat_umum || [],
-      kontak: '',
+      syarat_umum_en: item.syarat_umum_en || [],
-      tags: parts,
+      kontak: item.kontak || '',
+      tags: item.tags || parts,
     };
   }
 
@@ -56,23 +58,22 @@
     const res = await fetch(CONFIG.localSource);
     if (!res.ok) throw new Error(`Gagal memuat data lokal (HTTP ${res.status})`);
     const json = await res.json();
-    return Array.isArray(json) ? json : json.data || [];
+    const raw = Array.isArray(json) ? json : json.data || [];
+    return raw.map(normalizeItem);
   }
 
   async function getBeasiswa() {
     try {
-      // Prioritas: data lokal (lengkap: url_sumber, syarat_umum, kontak tersedia)
+      const data = await fetchRemote();
-      // Remote API digunakan hanya sebagai fallback jika data lokal tidak ditemukan.
+      return { data, source: 'remote' };
-      const data = await fetchLocal();
-      return { data, source: 'local' };
     } catch (err) {
-      console.warn('[BeasiswaAPI] Data lokal gagal, fallback ke API remote:', err.message);
+      console.warn('[BeasiswaAPI] API remote gagal, fallback ke data lokal:', err.message);
       try {
-        const data = await fetchRemote();
+        const data = await fetchLocal();
-        return { data, source: 'remote' };
+        return { data, source: 'local' };
-      } catch (remoteErr) {
+      } catch (localErr) {
-        console.error('[BeasiswaAPI] Semua sumber gagal:', remoteErr.message);
+        console.error('[BeasiswaAPI] Semua sumber gagal:', localErr.message);
-        throw remoteErr;
+        throw localErr;
       }
     }
   }

groups/ApeNameTeamE/data/beasiswa.json

@@ -1,12 +1,19 @@
 [
   {
-    "id": "bsw-001",
+    "id": 101,
     "nama": "Boustany Foundation Scholarship, MBA - Harvard University",
     "nama_en": "Boustany Foundation Scholarship, MBA - Harvard University",
-    "kategori": "Swasta",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S2",
+    "negara": "Amerika Serikat",
+    "tanggal_buka": "2026-05-21",
+    "tenggat_waktu": "2027-05-31",
+    "url": "https://www.schoters.com/id/beasiswa/boustany-foundation-scholarship-mba-harvard-university-1",
     "thumbnail": "https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa bergengsi dari Boustany Foundation untuk program MBA di Harvard University, Amerika Serikat, bagi calon pemimpin bisnis dunia.",
     "deskripsi_singkat_en": "A prestigious scholarship from the Boustany Foundation for the MBA program at Harvard University, United States, for future global business leaders.",
     "syarat_umum": [
@@ -22,18 +29,23 @@
       "Complete the scholarship application online through the official Boustany Foundation website"
     ],
     "kontak": "Boustany Foundation — boustany-foundation.com",
-    "tanggal_buka": "2026-05-21",
-    "tanggal_tutup": "2027-05-31",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/boustany-foundation-scholarship-mba-harvard-university-1",
     "tags": ["S2", "Swasta", "Amerika Serikat", "Partially Funded", "MBA"]
   },
   {
-    "id": "bsw-002",
+    "id": 102,
     "nama": "La Trobe University - La Trobe High Achiever Scholarship (S1)",
-    "kategori": "Swasta",
+    "nama_en": "La Trobe University - La Trobe High Achiever Scholarship (S1)",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S1",
+    "negara": "Australia",
+    "tanggal_buka": "2023-09-29",
+    "tenggat_waktu": "2026-12-31",
+    "url": "https://www.schoters.com/id/beasiswa/la-trobe-university-la-trobe-high-achiever-scholarship-2",
     "thumbnail": "https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa dari La Trobe University Australia untuk mahasiswa internasional jenjang S1 berprestasi tinggi yang ingin melanjutkan studi di Melbourne.",
     "deskripsi_singkat_en": "Scholarship from La Trobe University Australia for high-achieving international undergraduate students who wish to pursue their studies in Melbourne.",
     "syarat_umum": [
@@ -49,18 +61,23 @@
       "Meet La Trobe University's entry and English language requirements"
     ],
     "kontak": "La Trobe University Admissions — latrobe.edu.au",
-    "tanggal_buka": "2023-09-29",
-    "tanggal_tutup": "2026-12-31",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/la-trobe-university-la-trobe-high-achiever-scholarship-2",
     "tags": ["S1", "Swasta", "Australia", "Partially Funded"]
   },
   {
-    "id": "bsw-003",
+    "id": 103,
     "nama": "Charles Sturt University - International Student Support Scholarship",
-    "kategori": "Swasta",
+    "nama_en": "Charles Sturt University - International Student Support Scholarship",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S1",
+    "negara": "Australia",
+    "tanggal_buka": "2026-05-21",
+    "tenggat_waktu": "2026-12-31",
+    "url": "https://www.schoters.com/id/beasiswa/charles-sturt-university-international-student-support-scholarship-3",
     "thumbnail": "https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa dukungan dari Charles Sturt University bagi mahasiswa internasional jenjang S1 yang mendaftar di kampus yang berlokasi di New South Wales, Australia.",
     "deskripsi_singkat_en": "Support scholarship from Charles Sturt University for international undergraduate students enrolling at a campus located in New South Wales, Australia.",
     "syarat_umum": [
@@ -76,18 +93,23 @@
       "Apply through the official international admission pathway"
     ],
     "kontak": "Charles Sturt University International — csu.edu.au",
-    "tanggal_buka": "2026-05-21",
-    "tanggal_tutup": "2026-12-31",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/charles-sturt-university-international-student-support-scholarship-3",
     "tags": ["S1", "Swasta", "Australia", "Partially Funded"]
   },
   {
-    "id": "bsw-004",
+    "id": 104,
     "nama": "La Trobe University - La Trobe High Achiever Scholarship (S2)",
-    "kategori": "Swasta",
+    "nama_en": "La Trobe University - La Trobe High Achiever Scholarship (S2)",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S2",
+    "negara": "Australia",
+    "tanggal_buka": "2023-09-29",
+    "tenggat_waktu": "2026-12-31",
+    "url": "https://www.schoters.com/id/beasiswa/la-trobe-university-la-trobe-high-achiever-scholarship-4",
     "thumbnail": "https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa dari La Trobe University Australia untuk mahasiswa internasional jenjang S2 (Postgraduate) dengan pencapaian akademik tinggi.",
     "deskripsi_singkat_en": "Scholarship from La Trobe University Australia for international postgraduate students with high academic achievements.",
     "syarat_umum": [
@@ -103,18 +125,23 @@
       "Not currently receiving another scholarship from the same university"
     ],
     "kontak": "La Trobe University Admissions — latrobe.edu.au",
-    "tanggal_buka": "2023-09-29",
-    "tanggal_tutup": "2026-12-31",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/la-trobe-university-la-trobe-high-achiever-scholarship-4",
     "tags": ["S2", "Swasta", "Australia", "Partially Funded"]
   },
   {
-    "id": "bsw-005",
+    "id": 105,
     "nama": "ETH Zurich - Excellence Scholarship & Opportunity Programme (ESOP)",
-    "kategori": "Pemerintah",
+    "nama_en": "ETH Zurich - Excellence Scholarship & Opportunity Programme (ESOP)",
-    "kategori_en": "Government",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Pemerintah",
+    "jenjang": "S2",
+    "negara": "Swiss",
+    "tanggal_buka": "2026-11-01",
+    "tenggat_waktu": "2026-11-30",
+    "url": "https://www.schoters.com/id/beasiswa/eth-zurich-excellence-scholarship-opportunity-programme-esop-5",
     "thumbnail": "https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa bergengsi dari ETH Zurich (salah satu universitas teknik terbaik dunia) untuk mahasiswa S2 internasional yang unggul secara akademik.",
     "deskripsi_singkat_en": "Prestigious scholarship from ETH Zurich (one of the world's best engineering universities) for academically outstanding international master's students.",
     "syarat_umum": [
@@ -132,18 +159,23 @@
       "Obtain a recommendation letter from authorized academics"
     ],
     "kontak": "ETH Zurich Scholarship Office — ethz.ch",
-    "tanggal_buka": "2026-11-01",
-    "tanggal_tutup": "2026-11-30",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/eth-zurich-excellence-scholarship-opportunity-programme-esop-5",
     "tags": ["S2", "Pemerintah", "Swiss", "Fully Funded", "Prestasi"]
   },
   {
-    "id": "bsw-006",
+    "id": 106,
     "nama": "STUST - Scholarship for International Students (S3, Fully Funded)",
-    "kategori": "Swasta",
+    "nama_en": "STUST - Scholarship for International Students (S3, Fully Funded)",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S3",
+    "negara": "Taiwan",
+    "tanggal_buka": "2026-09-15",
+    "tenggat_waktu": "2026-11-30",
+    "url": "https://www.schoters.com/id/beasiswa/southern-taiwan-university-of-science-and-technology-the-stust-scholarship-for-international-students-6",
     "thumbnail": "https://images.unsplash.com/photo-1580582932707-520aed937b7b?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa penuh (fully funded) dari Southern Taiwan University of Science and Technology untuk mahasiswa internasional jenjang S3 (Doktoral).",
     "deskripsi_singkat_en": "Fully funded scholarship from Southern Taiwan University of Science and Technology for international doctoral students.",
     "syarat_umum": [
@@ -161,18 +193,23 @@
       "Obtain approval from a prospective supervisor at STUST"
     ],
     "kontak": "STUST International Affairs Office — stust.edu.tw",
-    "tanggal_buka": "2026-09-15",
-    "tanggal_tutup": "2026-11-30",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/southern-taiwan-university-of-science-and-technology-the-stust-scholarship-for-international-students-6",
     "tags": ["S3", "Swasta", "Taiwan", "Fully Funded"]
   },
   {
-    "id": "bsw-007",
+    "id": 107,
     "nama": "STUST - Scholarship for International Students (S2, Partially Funded)",
-    "kategori": "Swasta",
+    "nama_en": "STUST - Scholarship for International Students (S2, Partially Funded)",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S2",
+    "negara": "Taiwan",
+    "tanggal_buka": "2026-09-15",
+    "tenggat_waktu": "2026-11-30",
+    "url": "https://www.schoters.com/id/beasiswa/southern-taiwan-university-of-science-and-technology-the-stust-scholarship-for-international-students-7",
     "thumbnail": "https://images.unsplash.com/photo-1606761568499-6d2451b23c66?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa parsial (partially funded) dari Southern Taiwan University of Science and Technology untuk mahasiswa internasional jenjang S2 (Magister).",
     "deskripsi_singkat_en": "Partially funded scholarship from Southern Taiwan University of Science and Technology for international master's students.",
     "syarat_umum": [
@@ -190,18 +227,23 @@
       "Include academic transcripts and a motivation letter"
     ],
     "kontak": "STUST International Affairs Office — stust.edu.tw",
-    "tanggal_buka": "2026-09-15",
-    "tanggal_tutup": "2026-11-30",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/southern-taiwan-university-of-science-and-technology-the-stust-scholarship-for-international-students-7",
     "tags": ["S2", "Swasta", "Taiwan", "Partially Funded"]
   },
   {
-    "id": "bsw-008",
+    "id": 108,
     "nama": "University of Melbourne - Melbourne International Undergraduate Scholarship",
-    "kategori": "Swasta",
+    "nama_en": "University of Melbourne - Melbourne International Undergraduate Scholarship",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S1",
+    "negara": "Australia",
+    "tanggal_buka": "2026-05-21",
+    "tenggat_waktu": "2026-10-31",
+    "url": "https://www.schoters.com/id/beasiswa/university-of-melbourne-melbourne-international-undergraduate-scholarship-8",
     "thumbnail": "https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa untuk mahasiswa internasional berprestasi yang mendaftar program S1 di University of Melbourne, salah satu universitas terbaik di Australia.",
     "deskripsi_singkat_en": "Scholarship for outstanding international students applying for an undergraduate program at the University of Melbourne, one of Australia's best universities.",
     "syarat_umum": [
@@ -219,18 +261,23 @@
       "The scholarship is awarded automatically based on academic merit, no separate application required"
     ],
     "kontak": "University of Melbourne Future Students — unimelb.edu.au",
-    "tanggal_buka": "2026-05-21",
-    "tanggal_tutup": "2026-10-31",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/university-of-melbourne-melbourne-international-undergraduate-scholarship-8",
     "tags": ["S1", "Swasta", "Australia", "Partially Funded", "Prestasi"]
   },
   {
-    "id": "bsw-009",
+    "id": 109,
     "nama": "Charles Darwin University - CDU Global Merit Scholarship",
-    "kategori": "Swasta",
+    "nama_en": "Charles Darwin University - CDU Global Merit Scholarship",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S1",
+    "negara": "Australia",
+    "tanggal_buka": "2026-05-21",
+    "tenggat_waktu": "2026-10-09",
+    "url": "https://www.schoters.com/id/beasiswa/charles-darwin-university-cdu-global-merit-scholarship-9",
     "thumbnail": "https://images.unsplash.com/photo-1434030216411-0b793f4b4173?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa merit global dari Charles Darwin University (CDU) di Darwin, Australia, untuk mahasiswa internasional S1 yang memiliki rekam jejak akademik yang kuat.",
     "deskripsi_singkat_en": "Global merit scholarship from Charles Darwin University (CDU) in Darwin, Australia, for international undergraduate students with a strong academic track record.",
     "syarat_umum": [
@@ -248,18 +295,23 @@
       "Not currently receiving any other tuition fee discount from CDU"
     ],
     "kontak": "CDU International — cdu.edu.au",
-    "tanggal_buka": "2026-05-21",
-    "tanggal_tutup": "2026-10-09",
-    "url_sumber": "https://www.schoters.com/id/beasiswa/charles-darwin-university-cdu-global-merit-scholarship-9",
     "tags": ["S1", "Swasta", "Australia", "Partially Funded"]
   },
   {
-    "id": "bsw-010",
+    "id": 110,
     "nama": "Deakin University - Vice-Chancellor's International Scholarship",
-    "kategori": "Swasta",
+    "nama_en": "Deakin University - Vice-Chancellor's International Scholarship",
-    "kategori_en": "Private",
     "status": "Buka",
+<<<<<<< HEAD
+    "tipe_pendanaan": "Swasta",
+    "jenjang": "S1 & S2",
+    "negara": "Australia",
+    "tanggal_buka": "2026-05-21",
+    "tenggat_waktu": "2026-09-25",
+    "url": "https://www.schoters.com/id/beasiswa/deakin-university-vice-chancellor-s-international-scholarship-10",
     "thumbnail": "https://images.unsplash.com/photo-1541339907198-e08756dedf3f?w=400&q=80&auto=format&fit=crop",
+=======
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c
     "deskripsi_singkat": "Beasiswa bergengsi dari Wakil Rektor (Vice-Chancellor) Deakin University untuk mahasiswa internasional terbaik yang akan menempuh studi S1 atau S2 di Australia.",
     "deskripsi_singkat_en": "Prestigious Vice-Chancellor's scholarship from Deakin University for the best international students pursuing an undergraduate or postgraduate degree in Australia.",
     "syarat_umum": [
@@ -277,9 +329,126 @@
       "Submit the scholarship application before the specified closing date"
     ],
     "kontak": "Deakin University International — deakin.edu.au",
+<<<<<<< HEAD
+    "tags": ["S1 & S2", "Swasta", "Australia", "Partially Funded", "Prestasi"]
+  }
+]
+=======
     "tanggal_buka": "2026-05-21",
     "tanggal_tutup": "2026-09-25",
     "url_sumber": "https://www.schoters.com/id/beasiswa/deakin-university-vice-chancellor-s-international-scholarship-10",
     "tags": ["S1 & S2", "S2", "Swasta", "Australia", "Partially Funded", "Prestasi"]
+  },
+  {
+    "id": "bsw-011",
+    "nama": "Djarum Beasiswa Plus 2026/2027",
+    "nama_en": "Djarum Plus Scholarship 2026/2027",
+    "kategori": "Swasta",
+    "status": "Buka",
+    "deskripsi_singkat": "Program beasiswa prestasi dari Djarum Foundation untuk mahasiswa S1.",
+    "deskripsi_singkat_en": "Merit-based scholarship program from Djarum Foundation for undergraduate students.",
+    "syarat_umum": [
+      "Mahasiswa S1/D4 semester 4 dari semua disiplin ilmu.",
+      "IPK minimum 3.00 pada semester 3."
+    ],
+    "syarat_umum_en": [
+      "4th-semester undergraduate (S1/D4) students from all disciplines.",
+      "Minimum GPA of 3.00 in the 3rd semester."
+    ],
+    "kontak": "https://register.djarumbeasiswaplus.org/",
+    "tanggal_buka": "2026-04-08",
+    "tanggal_tutup": "2026-06-10",
+    "url_sumber": "https://register.djarumbeasiswaplus.org/",
+    "tags": ["S1", "D4", "Swasta", "Indonesia"]
+  },
+  {
+    "id": "bsw-012",
+    "nama": "Beasiswa Sobat Bumi Kalimantan 2026",
+    "nama_en": "Sobat Bumi Kalimantan Scholarship 2026",
+    "kategori": "Swasta",
+    "status": "Buka",
+    "deskripsi_singkat": "Beasiswa dari Pertamina Foundation khusus mahasiswa S1 di wilayah Kalimantan.",
+    "deskripsi_singkat_en": "Scholarship from Pertamina Foundation specifically for undergraduate students in the Kalimantan region.",
+    "syarat_umum": [
+      "Mahasiswa S1 aktif yang berdomisili atau kuliah di Kalimantan.",
+      "Memiliki kepedulian terhadap lingkungan hidup."
+    ],
+    "syarat_umum_en": [
+      "Active undergraduate students domiciled or studying in Kalimantan.",
+      "Demonstrate care and commitment to the environment."
+    ],
+    "kontak": "https://pertaminafoundation.org/",
+    "tanggal_buka": "2026-05-02",
+    "tanggal_tutup": "2026-07-01",
+    "url_sumber": "https://pertaminafoundation.org/",
+    "tags": ["S1", "Swasta", "Indonesia"]
+  },
+  {
+    "id": "bsw-013",
+    "nama": "Beasiswa Sehat Kemenkes 2026",
+    "nama_en": "Ministry of Health (Sehat) Scholarship 2026",
+    "kategori": "Pemerintah",
+    "status": "Segera Dibuka",
+    "deskripsi_singkat": "Program bantuan biaya pendidikan dari Kementerian Kesehatan untuk jenjang D3, D4, dan Profesi.",
+    "deskripsi_singkat_en": "Educational assistance program from the Ministry of Health for D3, D4, and Professional degrees.",
+    "syarat_umum": [
+      "Mahasiswa aktif jenjang D3, D4, atau Profesi di bidang kesehatan.",
+      "Memenuhi kualifikasi dan standar nilai dari Kementerian Kesehatan."
+    ],
+    "syarat_umum_en": [
+      "Active D3, D4, or Professional degree students in the health sector.",
+      "Meet the qualifications and academic standards of the Ministry of Health."
+    ],
+    "kontak": "https://sibk.kemkes.go.id/",
+    "tanggal_buka": "2026-06-08",
+    "tanggal_tutup": "2026-06-30",
+    "url_sumber": "https://sibk.kemkes.go.id/",
+    "tags": ["D3", "D4", "Profesi", "Pemerintah", "Indonesia"]
+  },
+  {
+    "id": "bsw-014",
+    "nama": "Beasiswa SDM Sawit 2026",
+    "nama_en": "Palm Oil Human Resources Scholarship 2026",
+    "kategori": "Pemerintah",
+    "status": "Buka",
+    "deskripsi_singkat": "Beasiswa pendanaan BPDPKS untuk pengembangan SDM Perkebunan Kelapa Sawit (D1-D4, S1).",
+    "deskripsi_singkat_en": "BPDPKS funding scholarship for the development of Palm Oil Plantation Human Resources (D1-D4, S1).",
+    "syarat_umum": [
+      "Terbuka untuk lulusan SMA/SMK/sederajat yang melanjutkan ke jenjang D1-D4 atau S1.",
+      "Bersedia ditempatkan atau mengabdi di sektor perkebunan kelapa sawit."
+    ],
+    "syarat_umum_en": [
+      "Open to high school/vocational school graduates continuing to D1-D4 or S1 levels.",
+      "Willing to be placed or serve in the palm oil plantation sector."
+    ],
+    "kontak": "https://sdmperkebunan.bpdp.or.id/",
+    "tanggal_buka": "2026-06-03",
+    "tanggal_tutup": "2026-06-20",
+    "url_sumber": "https://sdmperkebunan.bpdp.or.id/",
+    "tags": ["S1", "D1", "D3", "D4", "Pemerintah", "Indonesia"]
+  },
+  {
+    "id": "bsw-015",
+    "nama": "Beasiswa PPBP/PPTI BCA 2027",
+    "nama_en": "BCA PPBP/PPTI Scholarship 2027",
+    "kategori": "Swasta",
+    "status": "Buka",
+    "deskripsi_singkat": "Program Pendidikan Bisnis dan Perbankan (PPBP) serta Teknik Informatika (PPTI) dari BCA.",
+    "deskripsi_singkat_en": "Business and Banking Education Program (PPBP) and Informatics Engineering (PPTI) from BCA.",
+    "syarat_umum": [
+      "Lulusan SMA/SMK/sederajat yang berprestasi.",
+      "Lulus seleksi administrasi dan serangkaian tes dari BCA."
+    ],
+    "syarat_umum_en": [
+      "High-achieving high school/vocational school graduates.",
+      "Pass the administrative selection and a series of tests from BCA."
+    ],
+    "kontak": "https://bcafinance.co.id/Pendaftaran-Beasiswa-BCA-Finance-Peduli-2026-Dibuka",
+    "tanggal_buka": "2026-05-01",
+    "tanggal_tutup": "2026-10-20",
+    "url_sumber": "https://bcafinance.co.id/Pendaftaran-Beasiswa-BCA-Finance-Peduli-2026-Dibuka",
+    "tags": ["S1", "Swasta", "Indonesia"]
   }
-]
+  
+]
+>>>>>>> b5bc7bad0c7de6e63a60018da0fe06e923bf094c

groups/C4A/data/data-sop.json

@@ -17,20 +17,56 @@
             "en": "This SOP aims to explain the procedures for conducting lectures for students of the Informatics Study Program at Tanjungpura University."
         },
         "requirements": [
-            { "id": "Mahasiswa telah melakukan pembayaran UKT", "en": "Student has completed UKT payment" },
+            {
-            { "id": "Mahasiswa telah mengisi KRS", "en": "Student has filled out the KRS" },
+                "id": "Mahasiswa telah melakukan pembayaran UKT",
-            { "id": "Mahasiswa terdaftar di kelas Edlink", "en": "Student is registered in Edlink classes" },
+                "en": "Student has completed UKT payment"
-            { "id": "Mahasiswa wajib mengikuti perkuliahan dan menyelesaikan tugas tepat waktu", "en": "Students must attend lectures and complete assignments on time" },
+            },
-            { "id": "Mahasiswa wajib mengisi daftar hadir dan memberikan alasan resmi jika tidak hadir", "en": "Students must fill in the attendance list and provide an official reason if absent" },
+            {
-            { "id": "Mahasiswa memenuhi minimal 70% kehadiran untuk mengikuti UAS", "en": "Students must meet a minimum of 70% attendance to take the UAS" }
+                "id": "Mahasiswa telah mengisi KRS",
+                "en": "Student has filled out the KRS"
+            },
+            {
+                "id": "Mahasiswa terdaftar di kelas Edlink",
+                "en": "Student is registered in Edlink classes"
+            },
+            {
+                "id": "Mahasiswa wajib mengikuti perkuliahan dan menyelesaikan tugas tepat waktu",
+                "en": "Students must attend lectures and complete assignments on time"
+            },
+            {
+                "id": "Mahasiswa wajib mengisi daftar hadir dan memberikan alasan resmi jika tidak hadir",
+                "en": "Students must fill in the attendance list and provide an official reason if absent"
+            },
+            {
+                "id": "Mahasiswa memenuhi minimal 70% kehadiran untuk mengikuti UAS",
+                "en": "Students must meet a minimum of 70% attendance to take the UAS"
+            }
         ],
         "procedures": [
-            { "id": "Dosen memasuki ruang perkuliahan sesuai jadwal yang telah ditetapkan", "en": "The lecturer enters the lecture room according to the set schedule" },
+            {
-            { "id": "Dosen mengabsensi mahasiswa dengan mencantumkan keterangan hadir, izin, atau tidak hadir", "en": "The lecturer takes attendance, noting present, excused, or absent" },
+                "id": "Dosen memasuki ruang perkuliahan sesuai jadwal yang telah ditetapkan",
-            { "id": "Pada pertemuan pertama, dosen membuat kontrak perkuliahan secara tertulis bersama mahasiswa", "en": "At the first meeting, the lecturer creates a written lecture contract with students" },
+                "en": "The lecturer enters the lecture room according to the set schedule"
-            { "id": "Dosen menjelaskan materi perkuliahan sesuai RPS yang telah diserahkan ke program studi", "en": "The lecturer explains the course material according to the RPS submitted to the study program" },
+            },
-            { "id": "Mahasiswa mendiskusikan, mencatat, dan mengkritisi materi perkuliahan", "en": "Students discuss, take notes, and critically engage with the lecture material" },
+            {
-            { "id": "Dosen menyimpulkan materi perkuliahan dan memberikan penugasan", "en": "The lecturer summarizes the lecture material and gives assignments" }
+                "id": "Dosen mengabsensi mahasiswa dengan mencantumkan keterangan hadir, izin, atau tidak hadir",
+                "en": "The lecturer takes attendance, noting present, excused, or absent"
+            },
+            {
+                "id": "Pada pertemuan pertama, dosen membuat kontrak perkuliahan secara tertulis bersama mahasiswa",
+                "en": "At the first meeting, the lecturer creates a written lecture contract with students"
+            },
+            {
+                "id": "Dosen menjelaskan materi perkuliahan sesuai RPS yang telah diserahkan ke program studi",
+                "en": "The lecturer explains the course material according to the RPS submitted to the study program"
+            },
+            {
+                "id": "Mahasiswa mendiskusikan, mencatat, dan mengkritisi materi perkuliahan",
+                "en": "Students discuss, take notes, and critically engage with the lecture material"
+            },
+            {
+                "id": "Dosen menyimpulkan materi perkuliahan dan memberikan penugasan",
+                "en": "The lecturer summarizes the lecture material and gives assignments"
+            }
         ],
         "additional_info": {
             "id": "Mahasiswa yang tidak memenuhi persyaratan kehadiran minimal tidak diperkenankan mengikuti Ujian Akhir Semester (UAS) sesuai ketentuan akademik yang berlaku.",
@@ -55,14 +91,32 @@
             "en": "This SOP aims to ensure the smooth process of student learning evaluation through UTS and UAS so that it runs orderly, measurably, and in accordance with the course lecturer's instructions."
         },
         "requirements": [
-            { "id": "Mahasiswa terdaftar aktif pada mata kuliah yang sedang berjalan pada semester tersebut", "en": "Students are actively registered in the courses running in that semester" },
+            {
-            { "id": "Persentase kehadiran perkuliahan mahasiswa tidak kurang dari 75%", "en": "Student lecture attendance percentage is not less than 75%" }
+                "id": "Mahasiswa terdaftar aktif pada mata kuliah yang sedang berjalan pada semester tersebut",
+                "en": "Students are actively registered in the courses running in that semester"
+            },
+            {
+                "id": "Persentase kehadiran perkuliahan mahasiswa tidak kurang dari 75%",
+                "en": "Student lecture attendance percentage is not less than 75%"
+            }
         ],
         "procedures": [
-            { "id": "Dosen pengampu menentukan kriteria UTS dan UAS", "en": "The course lecturer determines the UTS and UAS criteria" },
+            {
-            { "id": "Mahasiswa mengikuti UTS atau UAS sesuai instruksi dosen pengampu, dan wajib melakukan presensi", "en": "Students take UTS or UAS according to the lecturer's instructions and must complete attendance" },
+                "id": "Dosen pengampu menentukan kriteria UTS dan UAS",
-            { "id": "Mahasiswa mengumpulkan hasil UTS atau UAS sesuai rentang waktu yang diberikan", "en": "Students submit UTS or UAS results within the given timeframe" },
+                "en": "The course lecturer determines the UTS and UAS criteria"
-            { "id": "Dosen menilai dan merekap pengerjaan UTS atau UAS mahasiswa", "en": "The lecturer grades and records the students' UTS or UAS work" }
+            },
+            {
+                "id": "Mahasiswa mengikuti UTS atau UAS sesuai instruksi dosen pengampu, dan wajib melakukan presensi",
+                "en": "Students take UTS or UAS according to the lecturer's instructions and must complete attendance"
+            },
+            {
+                "id": "Mahasiswa mengumpulkan hasil UTS atau UAS sesuai rentang waktu yang diberikan",
+                "en": "Students submit UTS or UAS results within the given timeframe"
+            },
+            {
+                "id": "Dosen menilai dan merekap pengerjaan UTS atau UAS mahasiswa",
+                "en": "The lecturer grades and records the students' UTS or UAS work"
+            }
         ],
         "additional_info": {
             "id": "Segala bentuk kecurangan saat ujian, maupun tindakan plagiarisme dalam pengerjaan UTS/UAS, dapat mengakibatkan pembatalan nilai atau pemberian sanksi.",
@@ -87,15 +141,36 @@
             "en": "This SOP aims to provide guidelines for conducting lecture evaluations to support the improvement of learning quality in the Informatics Study Program at Tanjungpura University."
         },
         "requirements": [
-            { "id": "Mahasiswa terdaftar aktif pada semester berjalan", "en": "Students are actively registered for the current semester" },
+            {
-            { "id": "Telah mengikuti kegiatan perkuliahan pada mata kuliah yang dievaluasi", "en": "Has attended lecture activities for the course being evaluated" },
+                "id": "Mahasiswa terdaftar aktif pada semester berjalan",
-            { "id": "Tersedia akses ke sistem evaluasi perkuliahan", "en": "Access to the lecture evaluation system is available" }
+                "en": "Students are actively registered for the current semester"
+            },
+            {
+                "id": "Telah mengikuti kegiatan perkuliahan pada mata kuliah yang dievaluasi",
+                "en": "Has attended lecture activities for the course being evaluated"
+            },
+            {
+                "id": "Tersedia akses ke sistem evaluasi perkuliahan",
+                "en": "Access to the lecture evaluation system is available"
+            }
         ],
         "procedures": [
-            { "id": "Program Studi membuka periode evaluasi perkuliahan", "en": "The Study Program opens the lecture evaluation period" },
+            {
-            { "id": "Mahasiswa mengakses satu untan dan mengisi kuesioner evaluasi perkuliahan", "en": "Students access the Satu Untan portal and fill out the lecture evaluation questionnaire" },
+                "id": "Program Studi membuka periode evaluasi perkuliahan",
-            { "id": "Sistem merekap hasil evaluasi yang telah diisi mahasiswa", "en": "The system records the evaluation results filled in by students" },
+                "en": "The Study Program opens the lecture evaluation period"
-            { "id": "Program Studi meninjau hasil evaluasi sebagai bahan pengembangan perkuliahan", "en": "The Study Program reviews the evaluation results as material for lecture development" }
+            },
+            {
+                "id": "Mahasiswa mengakses satu untan dan mengisi kuesioner evaluasi perkuliahan",
+                "en": "Students access the Satu Untan portal and fill out the lecture evaluation questionnaire"
+            },
+            {
+                "id": "Sistem merekap hasil evaluasi yang telah diisi mahasiswa",
+                "en": "The system records the evaluation results filled in by students"
+            },
+            {
+                "id": "Program Studi meninjau hasil evaluasi sebagai bahan pengembangan perkuliahan",
+                "en": "The Study Program reviews the evaluation results as material for lecture development"
+            }
         ],
         "additional_info": {
             "id": "Hasil evaluasi digunakan sebagai dasar perbaikan dan pengembangan kualitas pembelajaran pada semester berikutnya. Pengisian evaluasi perkuliahan dapat menjadi salah satu syarat untuk mengakses hasil studi sesuai kebijakan yang berlaku.",
@@ -120,21 +195,60 @@
             "en": "This SOP aims to provide guidelines to all relevant parties in the implementation of the Internship and to improve the efficiency and effectiveness of its execution in the Informatics Study Program, Faculty of Engineering, Tanjungpura University."
         },
         "requirements": [
-            { "id": "Telah lulus minimal 100 SKS", "en": "Has passed a minimum of 100 credits (SKS)" },
+            {
-            { "id": "Memiliki IPK minimal 2,00", "en": "Has a minimum GPA of 2.00" },
+                "id": "Telah lulus minimal 100 SKS",
-            { "id": "Telah lulus mata kuliah Penulisan Proposal Tugas Akhir dengan nilai minimal C", "en": "Has passed the Final Project Proposal Writing course with a minimum grade of C" },
+                "en": "Has passed a minimum of 100 credits (SKS)"
-            { "id": "Menyerahkan berkas pendukung pengajuan KP (KTM, riwayat studi, transkrip, dan surat permohonan)", "en": "Submits supporting documents for the KP application (student ID, academic record, transcript, and application letter)" },
+            },
-            { "id": "Pembimbing Lapangan dari tempat KP memiliki kualifikasi pendidikan minimal S1/D4", "en": "The Field Supervisor at the KP institution holds a minimum educational qualification of Bachelor's (S1) or Applied Bachelor's (D4)" }
+            {
+                "id": "Memiliki IPK minimal 2,00",
+                "en": "Has a minimum GPA of 2.00"
+            },
+            {
+                "id": "Telah lulus mata kuliah Penulisan Proposal Tugas Akhir dengan nilai minimal C",
+                "en": "Has passed the Final Project Proposal Writing course with a minimum grade of C"
+            },
+            {
+                "id": "Menyerahkan berkas pendukung pengajuan KP (KTM, riwayat studi, transkrip, dan surat permohonan)",
+                "en": "Submits supporting documents for the KP application (student ID, academic record, transcript, and application letter)"
+            },
+            {
+                "id": "Pembimbing Lapangan dari tempat KP memiliki kualifikasi pendidikan minimal S1/D4",
+                "en": "The Field Supervisor at the KP institution holds a minimum educational qualification of Bachelor's (S1) or Applied Bachelor's (D4)"
+            }
         ],
         "procedures": [
-            { "id": "Mahasiswa mengusulkan topik, draf proposal, dan menyerahkan berkas KP", "en": "Students propose a topic, submit a draft proposal, and submit KP documents" },
+            {
-            { "id": "Staf Administrasi memverifikasi kelengkapan berkas", "en": "Administrative Staff verifies the completeness of documents" },
+                "id": "Mahasiswa mengusulkan topik, draf proposal, dan menyerahkan berkas KP",
-            { "id": "Ketua Prodi menerbitkan surat pengantar KP", "en": "The Head of the Study Program issues the KP introductory letter" },
+                "en": "Students propose a topic, submit a draft proposal, and submit KP documents"
-            { "id": "Mahasiswa melaksanakan KP dan mengikuti bimbingan", "en": "Students carry out the KP and attend supervision sessions" },
+            },
-            { "id": "Pembimbing Lapangan memberikan penilaian KP", "en": "The Field Supervisor provides a KP assessment" },
+            {
-            { "id": "Mahasiswa mengajukan seminar dan Prodi menerbitkan undangan", "en": "Students apply for the seminar and the Study Program issues an invitation" },
+                "id": "Staf Administrasi memverifikasi kelengkapan berkas",
-            { "id": "Mahasiswa melaksanakan seminar KP", "en": "Students conduct the KP seminar" },
+                "en": "Administrative Staff verifies the completeness of documents"
-            { "id": "Mahasiswa melakukan revisi laporan akhir KP", "en": "Students revise the final KP report" }
+            },
+            {
+                "id": "Ketua Prodi menerbitkan surat pengantar KP",
+                "en": "The Head of the Study Program issues the KP introductory letter"
+            },
+            {
+                "id": "Mahasiswa melaksanakan KP dan mengikuti bimbingan",
+                "en": "Students carry out the KP and attend supervision sessions"
+            },
+            {
+                "id": "Pembimbing Lapangan memberikan penilaian KP",
+                "en": "The Field Supervisor provides a KP assessment"
+            },
+            {
+                "id": "Mahasiswa mengajukan seminar dan Prodi menerbitkan undangan",
+                "en": "Students apply for the seminar and the Study Program issues an invitation"
+            },
+            {
+                "id": "Mahasiswa melaksanakan seminar KP",
+                "en": "Students conduct the KP seminar"
+            },
+            {
+                "id": "Mahasiswa melakukan revisi laporan akhir KP",
+                "en": "Students revise the final KP report"
+            }
         ],
         "staff_responsible": [
             "👤 Staf Administrasi Informatika / Informatics Administrative Staff"
@@ -162,22 +276,64 @@
             "en": "This SOP aims to provide guidance to students and lecturers in the implementation of the thesis so that the thesis writing process runs in an orderly, directed, and academically compliant manner."
         },
         "requirements": [
-            { "id": "Telah lulus minimal 120 SKS", "en": "Has passed a minimum of 120 credits (SKS)" },
+            {
-            { "id": "Memiliki IPK minimal 2,00", "en": "Has a minimum GPA of 2.00" },
+                "id": "Telah lulus minimal 120 SKS",
-            { "id": "Telah lulus mata kuliah Penulisan Proposal Tugas Akhir dengan nilai minimal C", "en": "Has passed the Final Project Proposal Writing course with a minimum grade of C" },
+                "en": "Has passed a minimum of 120 credits (SKS)"
-            { "id": "Telah mendaftarkan mata kuliah skripsi pada KRS", "en": "Has registered the thesis course in the KRS" },
+            },
-            { "id": "Telah menyiapkan judul dan proposal skripsi", "en": "Has prepared a thesis title and proposal" },
+            {
-            { "id": "Memiliki dosen pembimbing skripsi", "en": "Has a thesis supervisor" },
+                "id": "Memiliki IPK minimal 2,00",
-            { "id": "Melengkapi berkas persyaratan", "en": "Completes the required documents" }
+                "en": "Has a minimum GPA of 2.00"
+            },
+            {
+                "id": "Telah lulus mata kuliah Penulisan Proposal Tugas Akhir dengan nilai minimal C",
+                "en": "Has passed the Final Project Proposal Writing course with a minimum grade of C"
+            },
+            {
+                "id": "Telah mendaftarkan mata kuliah skripsi pada KRS",
+                "en": "Has registered the thesis course in the KRS"
+            },
+            {
+                "id": "Telah menyiapkan judul dan proposal skripsi",
+                "en": "Has prepared a thesis title and proposal"
+            },
+            {
+                "id": "Memiliki dosen pembimbing skripsi",
+                "en": "Has a thesis supervisor"
+            },
+            {
+                "id": "Melengkapi berkas persyaratan",
+                "en": "Completes the required documents"
+            }
         ],
         "procedures": [
-            { "id": "Mahasiswa mengajukan judul dan proposal skripsi", "en": "Students submit the thesis title and proposal" },
+            {
-            { "id": "Program studi menetapkan dosen pembimbing skripsi", "en": "The study program assigns a thesis supervisor" },
+                "id": "Mahasiswa mengajukan judul dan proposal skripsi",
-            { "id": "Mahasiswa melakukan bimbingan dan penyusunan skripsi", "en": "Students conduct supervision sessions and write the thesis" },
+                "en": "Students submit the thesis title and proposal"
-            { "id": "Mahasiswa mengajukan seminar atau sidang skripsi", "en": "Students apply for the thesis seminar or defense" },
+            },
-            { "id": "Tim penguji dan pembimbing melaksanakan seminar skripsi", "en": "The examination committee and supervisor conduct the thesis seminar" },
+            {
-            { "id": "Mahasiswa melakukan revisi skripsi", "en": "Students revise the thesis" },
+                "id": "Program studi menetapkan dosen pembimbing skripsi",
-            { "id": "Mahasiswa menyerahkan skripsi final", "en": "Students submit the final thesis" }
+                "en": "The study program assigns a thesis supervisor"
+            },
+            {
+                "id": "Mahasiswa melakukan bimbingan dan penyusunan skripsi",
+                "en": "Students conduct supervision sessions and write the thesis"
+            },
+            {
+                "id": "Mahasiswa mengajukan seminar atau sidang skripsi",
+                "en": "Students apply for the thesis seminar or defense"
+            },
+            {
+                "id": "Tim penguji dan pembimbing melaksanakan seminar skripsi",
+                "en": "The examination committee and supervisor conduct the thesis seminar"
+            },
+            {
+                "id": "Mahasiswa melakukan revisi skripsi",
+                "en": "Students revise the thesis"
+            },
+            {
+                "id": "Mahasiswa menyerahkan skripsi final",
+                "en": "Students submit the final thesis"
+            }
         ],
         "staff_responsible": [
             "👤 Staf Administrasi Informatika / Informatics Administrative Staff"
@@ -205,15 +361,36 @@
             "en": "This SOP aims to explain the procedures for conducting courses that have a practicum component in the current semester."
         },
         "requirements": [
-            { "id": "Terdaftar sebagai peserta mata kuliah yang memiliki komponen praktikum pada semester berjalan", "en": "Registered as a participant in courses with a practicum component in the current semester" },
+            {
-            { "id": "Mahasiswa membawa perlengkapan praktikum yang diperlukan", "en": "Students bring the required practicum equipment" }
+                "id": "Terdaftar sebagai peserta mata kuliah yang memiliki komponen praktikum pada semester berjalan",
+                "en": "Registered as a participant in courses with a practicum component in the current semester"
+            },
+            {
+                "id": "Mahasiswa membawa perlengkapan praktikum yang diperlukan",
+                "en": "Students bring the required practicum equipment"
+            }
         ],
         "procedures": [
-            { "id": "Dosen mata kuliah menuntaskan pembahasan materi yang menjadi dasar praktikum", "en": "The course lecturer completes the discussion of material that forms the basis of the practicum" },
+            {
-            { "id": "Mahasiswa mengisi daftar hadir dan menerima penjelasan prosedur praktikum", "en": "Students fill in the attendance list and receive an explanation of the practicum procedures" },
+                "id": "Dosen mata kuliah menuntaskan pembahasan materi yang menjadi dasar praktikum",
-            { "id": "Mahasiswa melaksanakan praktikum sesuai modul di bawah pengawasan dosen atau asisten praktikum", "en": "Students carry out the practicum according to the module under the supervision of the lecturer or practicum assistant" },
+                "en": "The course lecturer completes the discussion of material that forms the basis of the practicum"
-            { "id": "Mahasiswa menyusun dan mengumpulkan laporan praktikum sesuai tenggat waktu", "en": "Students compile and submit the practicum report by the deadline" },
+            },
-            { "id": "Dosen atau asisten melakukan penilaian laporan dan hasil praktikum sebagai komponen nilai akhir", "en": "The lecturer or assistant grades the practicum report and results as a component of the final grade" }
+            {
+                "id": "Mahasiswa mengisi daftar hadir dan menerima penjelasan prosedur praktikum",
+                "en": "Students fill in the attendance list and receive an explanation of the practicum procedures"
+            },
+            {
+                "id": "Mahasiswa melaksanakan praktikum sesuai modul di bawah pengawasan dosen atau asisten praktikum",
+                "en": "Students carry out the practicum according to the module under the supervision of the lecturer or practicum assistant"
+            },
+            {
+                "id": "Mahasiswa menyusun dan mengumpulkan laporan praktikum sesuai tenggat waktu",
+                "en": "Students compile and submit the practicum report by the deadline"
+            },
+            {
+                "id": "Dosen atau asisten melakukan penilaian laporan dan hasil praktikum sebagai komponen nilai akhir",
+                "en": "The lecturer or assistant grades the practicum report and results as a component of the final grade"
+            }
         ],
         "additional_info": {
             "id": "Mahasiswa wajib mengikuti seluruh ketentuan praktikum dan menjaga ketertiban serta keamanan selama kegiatan praktikum berlangsung.",
@@ -238,16 +415,40 @@
             "en": "This SOP aims to serve as a standard guide for conducting transparent Practicum Assistant recruitment, in order to select competent and committed Informatics UNTAN students according to course qualifications."
         },
         "requirements": [
-            { "id": "Mahasiswa aktif Program Studi Informatika UNTAN", "en": "Active student of the Informatics Study Program at UNTAN" },
+            {
-            { "id": "Lulus mata kuliah terkait dengan nilai minimal ketentuan Dosen Pengampu", "en": "Passed the relevant course with a minimum grade as per the Lecturer's requirements" },
+                "id": "Mahasiswa aktif Program Studi Informatika UNTAN",
-            { "id": "Berkomitmen mengikuti seluruh jadwal dan kontrak praktikum selama semester berjalan", "en": "Committed to following all practicum schedules and contracts throughout the current semester" }
+                "en": "Active student of the Informatics Study Program at UNTAN"
+            },
+            {
+                "id": "Lulus mata kuliah terkait dengan nilai minimal ketentuan Dosen Pengampu",
+                "en": "Passed the relevant course with a minimum grade as per the Lecturer's requirements"
+            },
+            {
+                "id": "Berkomitmen mengikuti seluruh jadwal dan kontrak praktikum selama semester berjalan",
+                "en": "Committed to following all practicum schedules and contracts throughout the current semester"
+            }
         ],
         "procedures": [
-            { "id": "Dosen mendata kebutuhan kuota dan kualifikasi Asisten Praktikum", "en": "The lecturer records the quota needs and qualifications for Practicum Assistants" },
+            {
-            { "id": "Dosen mengumumkan pembukaan rekrutmen asisten praktikum", "en": "The lecturer announces the opening of Practicum Assistant recruitment" },
+                "id": "Dosen mendata kebutuhan kuota dan kualifikasi Asisten Praktikum",
-            { "id": "Mahasiswa mendaftarkan diri sesuai persyaratan yang diberikan", "en": "Students register according to the given requirements" },
+                "en": "The lecturer records the quota needs and qualifications for Practicum Assistants"
-            { "id": "Dosen melakukan seleksi wawancara kepada calon asisten praktikum", "en": "The lecturer conducts interview selection for practicum assistant candidates" },
+            },
-            { "id": "Dosen mengumumkan calon yang diterima berdasarkan hasil seleksi", "en": "The lecturer announces the accepted candidates based on the selection results" }
+            {
+                "id": "Dosen mengumumkan pembukaan rekrutmen asisten praktikum",
+                "en": "The lecturer announces the opening of Practicum Assistant recruitment"
+            },
+            {
+                "id": "Mahasiswa mendaftarkan diri sesuai persyaratan yang diberikan",
+                "en": "Students register according to the given requirements"
+            },
+            {
+                "id": "Dosen melakukan seleksi wawancara kepada calon asisten praktikum",
+                "en": "The lecturer conducts interview selection for practicum assistant candidates"
+            },
+            {
+                "id": "Dosen mengumumkan calon yang diterima berdasarkan hasil seleksi",
+                "en": "The lecturer announces the accepted candidates based on the selection results"
+            }
         ],
         "additional_info": {
             "id": "Keputusan hasil seleksi bersifat final dan ditetapkan oleh dosen pengampu mata kuliah. Asisten Praktikum yang terpilih wajib mematuhi seluruh ketentuan yang berlaku selama menjalankan tugas sebagai Asisten Praktikum.",
@@ -272,15 +473,36 @@
             "en": "This SOP aims to explain the procedures for borrowing the computer lab and to ensure that borrowing supports the smooth teaching and learning process in the Informatics Study Program at Tanjungpura University."
         },
         "requirements": [
-            { "id": "Melampirkan surat permohonan peminjaman laboratorium", "en": "Attach a laboratory borrowing request letter" },
+            {
-            { "id": "Terdapat dosen atau asisten praktikum yang bertanggung jawab", "en": "A responsible lecturer or practicum assistant is present" },
+                "id": "Melampirkan surat permohonan peminjaman laboratorium",
-            { "id": "Pengguna menaati tata tertib dan ketentuan penggunaan perangkat laboratorium", "en": "Users comply with the rules and regulations for using laboratory equipment" }
+                "en": "Attach a laboratory borrowing request letter"
+            },
+            {
+                "id": "Terdapat dosen atau asisten praktikum yang bertanggung jawab",
+                "en": "A responsible lecturer or practicum assistant is present"
+            },
+            {
+                "id": "Pengguna menaati tata tertib dan ketentuan penggunaan perangkat laboratorium",
+                "en": "Users comply with the rules and regulations for using laboratory equipment"
+            }
         ],
         "procedures": [
-            { "id": "Dosen atau mahasiswa mengajukan surat permohonan peminjaman laboratorium kepada pengelola", "en": "The lecturer or student submits a laboratory borrowing request letter to the management" },
+            {
-            { "id": "Pengguna menyampaikan jadwal penggunaan laboratorium", "en": "The user submits the laboratory usage schedule" },
+                "id": "Dosen atau mahasiswa mengajukan surat permohonan peminjaman laboratorium kepada pengelola",
-            { "id": "Pengelola menyusun jadwal penggunaan laboratorium", "en": "The management arranges the laboratory usage schedule" },
+                "en": "The lecturer or student submits a laboratory borrowing request letter to the management"
-            { "id": "Laboratorium digunakan sesuai jadwal dan ketentuan yang berlaku", "en": "The laboratory is used according to the schedule and applicable regulations" }
+            },
+            {
+                "id": "Pengguna menyampaikan jadwal penggunaan laboratorium",
+                "en": "The user submits the laboratory usage schedule"
+            },
+            {
+                "id": "Pengelola menyusun jadwal penggunaan laboratorium",
+                "en": "The management arranges the laboratory usage schedule"
+            },
+            {
+                "id": "Laboratorium digunakan sesuai jadwal dan ketentuan yang berlaku",
+                "en": "The laboratory is used according to the schedule and applicable regulations"
+            }
         ],
         "staff_responsible": [
             "👤 Staf Laboratorium Informatika / Informatics Laboratory Staff"

groups/C4A/data/data-staff.json

@@ -6,7 +6,7 @@
             "id": "Staf Administrasi Informatika",
             "en": "Informatics Administrative Staff"
         },
-        "image": "assets/images/staff-female.png",
+        "image": "assets/images/foto-profile.jpeg",
         "location": {
             "id": "Ruang Administrasi Prodi Informatika",
             "en": "Informatics Study Program Administration Room"
@@ -44,7 +44,7 @@
             "id": "Staf Laboratorium Informatika",
             "en": "Informatics Laboratory Staff"
         },
-        "image": "assets/images/staff-male.png",
+        "image": "assets/images/foto-profile.jpeg",
         "location": {
             "id": "Laboratorium Informatika",
             "en": "Informatics Laboratory"

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,21 @@ 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; margin: 0 auto; padding: 0 1.5rem; }
+        .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;}
 
         .hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; }
         .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; }
@@ -1512,6 +1526,37 @@ a { text-decoration: none; }
     box-shadow: 0 6px 20px rgba(0,94,184,.1);
     transform: translateY(-3px);
 }
+
+.jf-mitra-desc {
+    font-size: .67rem;
+    color: #94a3b8;
+    line-height: 1.45;
+    margin-top: .2rem;
+    font-weight: 400;
+}
+
+.jf-mitra-name {
+    font-size: .75rem;
+    font-weight: 600;
+    color: var(--slate);
+    line-height: 1.35;
+}
+
+.jf-mitra-card {
+    background: var(--white);
+    border: 1px solid #e8eef5;
+    border-radius: .85rem;
+    padding: 1rem .85rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    text-align: center;
+    min-height: 90px;
+    gap: .35rem;
+    transition: all .25s;
+}
+
 .jf-mitra-logo { font-size: 1.5rem; }
 .jf-mitra-name { font-size: .68rem; font-weight: 600; color: var(--slate); line-height: 1.35; }
 
@@ -1699,6 +1744,7 @@ a { text-decoration: none; }
     .jf-mitra-grid { grid-template-columns: repeat(3, 1fr); }
     .jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); }
 }
+
 @media (max-width: 1024px) {
     .jf-about-layout { grid-template-columns: 1fr; }
     .jf-timeline-card { position: static; max-height: none; }
@@ -1725,7 +1771,14 @@ a { text-decoration: none; }
     .jf-hs-item { padding: 0; }
     .jf-cta-title { font-size: 1.9rem; }
 }
-
+@media (max-width: 640px) {
+    .jf-stats-row2 {
+        grid-template-columns: 1fr;
+    }
+    .jf-rasio-wrapper .jf-stat-row-card {
+        width: 100% !important;
+    }
+}
 /* =====================================================
    WHITE TEXT FIXES — Dark Background Sections
    ===================================================== */

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,20 +2844,59 @@
         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.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 {
-                noteTextElement.textContent = text;
+                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) {
             if (!rawSkillText) return null;
@@ -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;

groups/RODA/index.html

@@ -76,10 +76,7 @@
         window.APP_CONFIG = window.APP_CONFIG || {
             debugLogs: false,
             dashboardRuntimeFetch: 'always',
-            dashboardTargetUrl: 'https://dashboard.informatika.untan.ac.id/index.php?penelitian',
+            dashboardApiUrl: 'https://proxykbk.netlify.app/.netlify/functions/dashboard',
-            dashboardProxyTemplates: [
-                'https://api.codetabs.com/v1/proxy?quest={{url}}'
-            ]
         };
     </script>
     <!-- RODA_DASHBOARD_DATA -->
@@ -1631,6 +1628,22 @@
             updateStatPub(newData.length);
         }
 
+        async function fetchProxyRows(proxyUrl) {
+            const controller = new AbortController();
+            const timeoutId = setTimeout(() => controller.abort(), 15000);
+
+            try {
+                const response = await fetch(proxyUrl, { signal: controller.signal });
+                if (!response.ok) throw new Error(`HTTP_ERROR_${response.status}`);
+
+                const responseData = await response.text();
+                const html = extractDashboardHtml(responseData);
+                return parseDashboardRows(html);
+            } finally {
+                clearTimeout(timeoutId);
+            }
+        }
+
         async function fetchDashboardData() {
             const grid = document.getElementById('riset-grid');
             if (grid) {
@@ -1643,70 +1656,33 @@
             }
 
             let lastError = null;
+
+            if (isDashboardRuntimeFetchAllowed()) {
+                const dashboardApiUrl = window.APP_CONFIG?.dashboardApiUrl?.trim();
+
+                if (dashboardApiUrl) {
+                    try {
+                        const rows = await fetchProxyRows(dashboardApiUrl);
+                        applyDashboardRows(rows);
+                        return;
+                    } catch (error) {
+                        lastError = error;
+                    }
+                }
+            }
+
+            // Fallback ke data yang di-embed saat build jika runtime fetch gagal atau dinonaktifkan
             const embeddedHtml = readEmbeddedDashboardHtml();
             if (embeddedHtml) {
                 try {
                     applyDashboardRows(parseDashboardRows(embeddedHtml));
                     return;
                 } catch (error) {
-                    lastError = error;
+                    lastError = lastError || error;
                 }
             }
 
-            if (!isDashboardRuntimeFetchAllowed()) {
+            renderRisetFeedback('Pemuatan Data Gagal', getDashboardErrorMessage(lastError || new Error('DASHBOARD_RUNTIME_FETCH_DISABLED')), 'Coba Lagi', 'fetchDashboardData()');
-                renderRisetFeedback('Pemuatan Data Gagal', getDashboardErrorMessage(lastError || new Error('DASHBOARD_RUNTIME_FETCH_DISABLED')), 'Coba Lagi', 'fetchDashboardData()');
-                return;
-            }
-
-            const targetUrl = window.APP_CONFIG?.dashboardTargetUrl?.trim();
-            const proxyTemplates = Array.isArray(window.APP_CONFIG?.dashboardProxyTemplates)
-                ? window.APP_CONFIG.dashboardProxyTemplates.filter(Boolean)
-                : [];
-
-            // Endpoint server.js hanya ada saat development lokal.
-            const proxyServers = shouldUseLocalDashboardProxy() ? [() => '/api/dashboard'] : [];
-
-            // Deployment static memakai proxy publik karena tidak menjalankan server.js.
-            if (targetUrl) {
-                proxyTemplates.forEach((template) => {
-                    proxyServers.push((url) => template
-                        .replaceAll('{{url}}', encodeURIComponent(url))
-                        .replaceAll('{{rawUrl}}', url)
-                        .replaceAll('{{ts}}', String(Date.now())));
-                });
-            }
-
-            if (!proxyServers.length) {
-                renderRisetFeedback('Pemuatan Data Gagal', getDashboardErrorMessage(new Error('DASHBOARD_PROXY_NOT_CONFIGURED')), 'Coba Lagi', 'fetchDashboardData()');
-                return;
-            }
-
-            for (const getProxyUrl of proxyServers) {
-                const controller = new AbortController();
-                const timeoutId = setTimeout(() => controller.abort(), 15000);
-
-                try {
-                    const proxyUrl = getProxyUrl(targetUrl);
-
-                    const response = await fetch(proxyUrl, { signal: controller.signal });
-                    clearTimeout(timeoutId);
-
-                    if (!response.ok) throw new Error(`HTTP_ERROR_${response.status}`);
-
-                    const responseData = await response.text();
-                    const html = extractDashboardHtml(responseData);
-                    const rows = parseDashboardRows(html);
-                    applyDashboardRows(rows);
-                    return; // Berhasil! Keluar dari loop
-                } catch (error) {
-                    clearTimeout(timeoutId);
-                    lastError = error;
-                    // Lanjut ke proxy berikutnya...
-                }
-            }
-
-            // Jika semua proxy gagal
-            renderRisetFeedback('Pemuatan Data Gagal', getDashboardErrorMessage(lastError), 'Coba Lagi', 'fetchDashboardData()');
         }
 
 

groups/RODA/package-lock.json

@@ -1,13 +0,0 @@
-{
-  "name": "roda",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "roda",
-      "version": "1.0.0",
-      "license": "ISC"
-    }
-  }
-}

groups/RODA/package.json

@@ -1,14 +1,3 @@
 {
-    "name": "roda",
+  "type": "commonjs"
-    "version": "1.0.0",
+}
-    "description": "Project website untuk menampilkan sorotan dan prestasi karya mahasiswa program studi Informatika Universitas Tanjungpura.",
-    "main": "server.js",
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "start": "node server.js",
-        "dev": "node server.js"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "ISC"
-}

groups/RODA/server.js

@@ -6,64 +6,21 @@ const { URL } = require('url');
 const ROOT_DIR = __dirname;
 const PARENT_DIR = path.join(__dirname, '..', '..');
 const INDEX_PATH = path.join(ROOT_DIR, 'index.html');
-const ENV_PATH = path.join(ROOT_DIR, '.env');
+const HOST = process.env.HOST || '127.0.0.1';
-const HOST = '127.0.0.1';
 const PORT = Number(process.env.PORT || 3000);
+const DASHBOARD_TARGET_URL = 'https://dashboard.informatika.untan.ac.id/index.php?penelitian';
+const RODA_PATH_PREFIX = '/groups/RODA';
 
 function logServerError(scope, error, extra = {}) {
     console.error(`[${scope}]`, error && error.stack ? error.stack : error, extra);
 }
 
-function parseEnvFile(filePath) {
-    if (!fs.existsSync(filePath)) {
-        return {};
-    }
-
-    const env = {};
-    const lines = fs.readFileSync(filePath, 'utf8').split(/\r?\n/);
-
-    for (const rawLine of lines) {
-        const line = rawLine.trim();
-        if (!line || line.startsWith('#')) {
-            continue;
-        }
-
-        const separatorIndex = line.indexOf('=');
-        if (separatorIndex === -1) {
-            continue;
-        }
-
-        const key = line.slice(0, separatorIndex).trim();
-        let value = line.slice(separatorIndex + 1).trim();
-
-        if (
-            (value.startsWith('"') && value.endsWith('"')) ||
-            (value.startsWith("'") && value.endsWith("'"))
-        ) {
-            value = value.slice(1, -1);
-        }
-
-        env[key] = value;
-    }
-
-    return env;
-}
-
 function getAppConfig() {
-    const env = {
-        ...parseEnvFile(ENV_PATH),
-        ...process.env
-    };
-
-    const dashboardProxyTemplates = [
-        env.DASHBOARD_PROXY_1,
-        env.DASHBOARD_PROXY_2,
-        env.DASHBOARD_PROXY_3
-    ].filter(Boolean);
-
     return {
-        dashboardTargetUrl: env.DASHBOARD_TARGET_URL || '',
+        debugLogs: false,
-        dashboardProxyTemplates
+        dashboardRuntimeFetch: 'always',
+        dashboardApiUrl: 'api/dashboard',
+        dashboardTargetUrl: DASHBOARD_TARGET_URL,
     };
 }
 
@@ -71,10 +28,6 @@ const DASHBOARD_CACHE_TTL_MS = 5 * 60 * 1000;
 let dashboardCache = { html: null, timestamp: 0 };
 
 async function fetchDashboardHtml() {
-    const targetUrl = getAppConfig().dashboardTargetUrl;
-    if (!targetUrl) {
-        throw new Error('DASHBOARD_TARGET_URL kosong');
-    }
 
     const now = Date.now();
     if (dashboardCache.html && (now - dashboardCache.timestamp) < DASHBOARD_CACHE_TTL_MS) {
@@ -84,7 +37,7 @@ async function fetchDashboardHtml() {
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), 12000);
     try {
-        const response = await fetch(targetUrl, {
+        const response = await fetch(DASHBOARD_TARGET_URL, {
             signal: controller.signal,
             headers: {
                 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0 Safari/537.36'
@@ -106,39 +59,14 @@ async function fetchDashboardHtml() {
     }
 }
 
-function validateAppConfig(config) {
-    const errors = [];
-
-    if (!config.dashboardTargetUrl) {
-        errors.push('DASHBOARD_TARGET_URL belum diisi.');
-    }
-
-    if (!Array.isArray(config.dashboardProxyTemplates) || !config.dashboardProxyTemplates.length) {
-        errors.push('Minimal satu DASHBOARD_PROXY_* harus diisi.');
-    }
-
-    return errors;
-}
-
 function injectConfig(html) {
     const configScript = `<script>window.APP_CONFIG = ${JSON.stringify(getAppConfig())};</script>`;
-    const defaultConfigScript = '<script>\n        window.APP_CONFIG = window.APP_CONFIG || {\n            dashboardTargetUrl: \'\',\n            dashboardProxyTemplates: []\n        };\n    </script>';
-
-    if (html.includes(defaultConfigScript)) {
-        return html.replace(defaultConfigScript, configScript);
-    }
-
     return html.replace('</head>', `    ${configScript}\n</head>`);
 }
 
 function sendHtml(res) {
     try {
         const html = fs.readFileSync(INDEX_PATH, 'utf8');
-        const configErrors = validateAppConfig(getAppConfig());
-        if (configErrors.length) {
-            logServerError('config', new Error('Invalid app config'), { configErrors });
-        }
-
         const withConfig = injectConfig(html);
         res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
         res.end(withConfig);
@@ -195,28 +123,53 @@ function sendNotFound(res) {
     res.end('Not found');
 }
 
+function getRodaStaticPathname(pathname) {
+    if (pathname === RODA_PATH_PREFIX || pathname === `${RODA_PATH_PREFIX}/` || pathname === `${RODA_PATH_PREFIX}/index.html`) {
+        return '/index.html';
+    }
+
+    if (pathname.startsWith(`${RODA_PATH_PREFIX}/`)) {
+        return pathname.slice(RODA_PATH_PREFIX.length);
+    }
+
+    return pathname;
+}
+
 const server = http.createServer((req, res) => {
     try {
         const requestUrl = new URL(req.url, `http://${req.headers.host}`);
         const pathname = requestUrl.pathname;
 
-        if (pathname === '/' || pathname === '/index.html') {
+        if (pathname === '/' || pathname === '/index.html' || pathname === RODA_PATH_PREFIX || pathname === `${RODA_PATH_PREFIX}/` || pathname === `${RODA_PATH_PREFIX}/index.html`) {
             sendHtml(res);
             return;
         }
 
-        if (pathname === '/api/dashboard') {
+        if (pathname === '/api/dashboard' || pathname === `${RODA_PATH_PREFIX}/api/dashboard`) {
+            if (req.method === 'OPTIONS') {
+                res.writeHead(204, {
+                    'Access-Control-Allow-Origin': '*',
+                    'Access-Control-Allow-Methods': 'GET',
+                });
+                res.end();
+                return;
+            }
+
             fetchDashboardHtml()
                 .then(({ html, cached }) => {
                     res.writeHead(200, {
                         'Content-Type': 'text/html; charset=utf-8',
-                        'X-Cache': cached
+                        'Access-Control-Allow-Origin': '*',
+                        'X-Cache': cached,
                     });
                     res.end(html);
                 })
                 .catch((error) => {
                     logServerError('api-dashboard', error);
-                    res.writeHead(502, { 'Content-Type': 'text/plain; charset=utf-8' });
+                    res.writeHead(502, {
+                        'Content-Type': 'text/plain; charset=utf-8',
+                        'Access-Control-Allow-Origin': '*',
+                    });
                     res.end('DASHBOARD_FETCH_FAILED');
                 });
             return;
@@ -237,7 +190,7 @@ const server = http.createServer((req, res) => {
         }
 
         // Serve static files from ROOT_DIR
-        const filepath = path.join(ROOT_DIR, pathname);
+        const filepath = path.join(ROOT_DIR, getRodaStaticPathname(pathname));
         const normalizedPath = path.normalize(filepath);
         
         // Security check: ensure the requested file is within ROOT_DIR

package.json

@@ -5,7 +5,9 @@
   "type": "module",
   "description": "Student-safe static page assignment kit for Informatika UNTAN",
   "scripts": {
-    "dev": "vite",
+    "dev": "node scripts/dev.js",
+    "dev:vite": "vite",
+    "dev:roda": "node groups/RODA/server.js",
     "build": "vite build",
     "test:tapops": "node --test groups/Tapops/tests/*.test.mjs",
     "preview": "vite preview"

scripts/dev-runner.js

@@ -0,0 +1,94 @@
+import { spawn } from 'node:child_process';
+
+export function createDevProcessSpecs({
+  nodeCommand = process.execPath,
+  env = process.env,
+} = {}) {
+  return {
+    roda: {
+      command: nodeCommand,
+      args: ['groups/RODA/server.js'],
+      options: {
+        env: {
+          ...env,
+          HOST: env.RODA_HOST || '127.0.0.1',
+          PORT: env.RODA_PORT || '3000',
+        },
+        stdio: ['ignore', 'ignore', 'pipe'],
+      },
+    },
+    vite: {
+      command: nodeCommand,
+      args: ['node_modules/vite/bin/vite.js'],
+      options: {
+        env: { ...env },
+        stdio: 'inherit',
+      },
+    },
+  };
+}
+
+export function startDevServers({
+  spawnProcess = spawn,
+  specs = createDevProcessSpecs(),
+} = {}) {
+  const roda = spawnProcess(specs.roda.command, specs.roda.args, specs.roda.options);
+  const vite = spawnProcess(specs.vite.command, specs.vite.args, specs.vite.options);
+  let shuttingDown = false;
+  let rodaErrorOutput = '';
+
+  roda.stderr?.on('data', (chunk) => {
+    const message = String(chunk);
+    rodaErrorOutput += message;
+    if (!message.includes('EADDRINUSE')) {
+      process.stderr.write(`[roda] ${message}`);
+    }
+  });
+
+  function stopChildren() {
+    shuttingDown = true;
+    if (!roda.killed) {
+      roda.kill();
+    }
+    if (!vite.killed) {
+      vite.kill();
+    }
+  }
+
+  vite.on('exit', (code, signal) => {
+    shuttingDown = true;
+    if (!roda.killed) {
+      roda.kill();
+    }
+
+    if (signal) {
+      process.exitCode = 1;
+      return;
+    }
+
+    process.exitCode = code ?? 0;
+  });
+
+  roda.on('exit', (code, signal) => {
+    if (shuttingDown) {
+      return;
+    }
+
+    if (rodaErrorOutput.includes('EADDRINUSE')) {
+      process.stderr.write('[roda] Port 3000 is already in use; continuing with the existing RODA server.\n');
+      return;
+    }
+
+    const reason = signal ? `signal ${signal}` : `exit code ${code}`;
+    process.stderr.write(`[roda] server stopped unexpectedly (${reason})\n`);
+    if (!vite.killed) {
+      vite.kill();
+    }
+    process.exitCode = code || 1;
+  });
+
+  process.once('SIGINT', stopChildren);
+  process.once('SIGTERM', stopChildren);
+
+  return { roda, vite };
+}

scripts/dev.js

@@ -0,0 +1,3 @@
+import { startDevServers } from './dev-runner.js';
+
+startDevServers();

vite.config.js

@@ -6,6 +6,13 @@ import { defineConfig } from 'vite';
 const root = path.dirname(fileURLToPath(import.meta.url));
 const excludedDirs = new Set(['.git', 'dist', 'node_modules']);
 const rodaDashboardUrl = 'https://dashboard.informatika.untan.ac.id/index.php?penelitian';
+const rodaDashboardCacheTtlMs = 5 * 60 * 1000;
+const dashboardRequestHeaders = {
+  'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0 Safari/537.36',
+};
+const rodaHost = process.env.RODA_HOST || '127.0.0.1';
+const rodaPort = process.env.RODA_PORT || '3000';
+const rodaTarget = `http://${rodaHost}:${rodaPort}`;
 
 let rodaDashboardHtmlCache;
 
@@ -50,33 +57,37 @@ function copyStaticAssets() {
   };
 }
 
-async function fetchRodaDashboardHtml() {
+async function requestRodaDashboardHtml() {
-  if (rodaDashboardHtmlCache !== undefined) {
-    return rodaDashboardHtmlCache;
-  }
-
   const controller = new AbortController();
   const timeoutId = setTimeout(() => controller.abort(), 12000);
 
   try {
     const response = await fetch(rodaDashboardUrl, {
       signal: controller.signal,
-      headers: {
+      headers: dashboardRequestHeaders,
-        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0 Safari/537.36',
-      },
     });
 
     if (!response.ok) {
       throw new Error(`HTTP ${response.status}`);
     }
 
-    rodaDashboardHtmlCache = await response.text();
+    return response.text();
+  } finally {
+    clearTimeout(timeoutId);
+  }
+}
+
+async function fetchRodaDashboardHtml() {
+  if (rodaDashboardHtmlCache !== undefined) {
+    return rodaDashboardHtmlCache;
+  }
+
+  try {
+    rodaDashboardHtmlCache = await requestRodaDashboardHtml();
   } catch (error) {
     const message = error instanceof Error ? error.message : String(error);
     console.warn(`[roda-dashboard] Build-time dashboard fetch skipped: ${message}`);
     rodaDashboardHtmlCache = '';
-  } finally {
-    clearTimeout(timeoutId);
   }
 
   return rodaDashboardHtmlCache;
@@ -117,6 +128,18 @@ function embedRodaDashboardData() {
 
 export default defineConfig({
   plugins: [embedRodaDashboardData(), copyStaticAssets()],
+  server: {
+    proxy: {
+      '/groups/RODA/api/dashboard': {
+        target: rodaTarget,
+        changeOrigin: true,
+      },
+      '/api/dashboard': {
+        target: rodaTarget,
+        changeOrigin: true,
+      },
+    },
+  },
   build: {
     rollupOptions: {
       input: collectHtmlInputs(root),