fix(m4n1fest): update form placeholders, testimonial alignment, and localization

assets/global/localization.js

@@ -1286,7 +1286,7 @@ const translations = {
 		grp_m4n1fest_skill_not_listed: "Belum Terdata di Sini?",
 		grp_m4n1fest_skill_not_listed_desc:
 			"Bantu kami melengkapi database skill alumni Informatika UNTAN. Kontribusikan data keahlian Anda untuk memetakan potensi nyata dari lulusan di berbagai sektor industri.",
-		grp_m4n1fest_skill_btn_contrib: "Isi Form Kontribusi",
+		grp_m4n1fest_skill_btn_contrib: "Isi Form",
 		grp_m4n1fest_eyebrow_stats: "Statistik Alumni",
 		grp_m4n1fest_title_stats:
 			"Jumlah Alumni <em>berdasarkan Tahun Kelulusan</em>",
@@ -1313,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:
@@ -1324,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",
@@ -1360,6 +1360,7 @@ 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 —",
@@ -2609,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:
@@ -2635,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:
@@ -2682,6 +2683,7 @@ 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 —",

groups/M4N1FEST/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="id" class="scroll-smooth">
 <head>
     <meta charset="UTF-8">
@@ -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">180</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"
                     >
-                      180
+                      170+
                     </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>
@@ -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 -->
@@ -2865,9 +2865,9 @@
             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 out contribution form</a>`;
+                        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 kontribusi</a>`;
+                        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...';
@@ -2875,9 +2875,9 @@
             } else {
                 if (alumniCount === 0) {
                     if (currentLang === 'en') {
-                        noteTextElement.innerHTML = `Skill data is empty, help us complete this data! <a href="#kontribusi" style="color:#2352a0;font-weight:700;text-decoration:underline;text-underline-offset:2px;">Fill out contribution form</a>`;
+                        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 kontribusi</a>`;
+                        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') {

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;