merge prod into feat-fix-mobile-dashboard-anim-hamburger

Reviewed-on: #3
Aman aja

README.md

@@ -20,6 +20,16 @@ Buka URL dari Vite (default: `http://localhost:5173`) lalu akses launcher di `/`
 | `npm run build` | Build static output ke folder `dist` |
 | `npm run preview` | Preview hasil build |
 
+## Deploy Netlify
+
+Project ini sudah punya konfigurasi Netlify di `netlify.toml`.
+
+Saat membuat site di Netlify:
+- Repository: `GuavaPopper/PPL_Staging`
+- Branch deploy: `Staging`
+- Build command: `npm run build`
+- Publish directory: `dist`
+
 ## Struktur Folder
 
 ```

groups/RODA/.env

@@ -0,0 +1,4 @@
+DASHBOARD_TARGET_URL=https://dashboard.informatika.untan.ac.id/index.php?penelitian
+DASHBOARD_PROXY_1=https://api.allorigins.win/get?url={{url}}&ts={{ts}}
+DASHBOARD_PROXY_2=https://api.codetabs.com/v1/proxy?quest={{url}}
+DASHBOARD_PROXY_3=https://thingproxy.freeboard.io/fetch/{{rawUrl}}

groups/RODA/index.html

@@ -904,7 +904,7 @@
                             </div>
 
                             <div class="flex items-center gap-2 sm:gap-2.5 md:gap-3 lg:gap-3 xl:gap-3">
-                                <span data-i18n="showingRiset"
+                                <span
                                     class="text-[9px] sm:text-[10px] md:text-[10px] lg:text-[10px] xl:text-[10px] font-bold text-slate-400 uppercase tracking-wider">Tampilkan:</span>
                                 <div class="flex gap-1 sm:gap-1.5 md:gap-1.5 lg:gap-1.5 xl:gap-1.5">
                                     <button onclick="setLimit(9)" data-limit="9"
@@ -994,11 +994,11 @@
                                     <i class="fa-solid fa-desktop text-[9px]"></i> 25 PC
                                 </span>
                                 <span class="inline-flex items-center gap-1.5 text-[10px] font-bold bg-slate-50 text-slate-500 px-2.5 py-1 rounded-lg border border-slate-100">
-                                    <i class="fa-solid fa-user-group text-[9px]"></i> 25 <span data-i18n="mhs">Mahasiswa</span>
+                                    <i class="fa-solid fa-user-group text-[9px]"></i> 25 Mahasiswa
                                 </span>
                             </div>
                         </div>
-                        <h4 data-i18n="labKom" class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Komputer & Pemrograman</h4>
+                        <h4 class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Komputer & Pemrograman</h4>
                         <p class="text-[10px] sm:text-[11px] font-mono text-slate-400 mb-3">LAB/D48 &mdash; Kepala: Helen Sastypratiwi, S.T., M.Eng.</p>
                         <p class="text-slate-500 text-xs sm:text-sm leading-relaxed mb-6 flex-grow" data-i18n="labComputerDesc">Mendukung mata kuliah pemrograman dasar hingga lanjut, pengembangan aplikasi web, mobile, dan rekayasa perangkat lunak.</p>
                         <div class="flex flex-wrap gap-2 pt-5 border-t border-slate-50">
@@ -1016,7 +1016,7 @@
                                 <i class="fa-solid fa-network-wired"></i>
                             </div>
                         </div>
-                        <h4 data-i18n="labNet" class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Jaringan, Keamanan & IoT</h4>
+                        <h4 class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Jaringan, Keamanan & IoT</h4>
                         <p class="text-[10px] sm:text-[11px] font-mono text-slate-400 mb-3">LAB/02 &mdash; Kepala: Heri Priyanto, ST., MT.</p>
                         <p class="text-slate-500 text-xs sm:text-sm leading-relaxed mb-6 flex-grow" data-i18n="labNetDesc">Sarana praktik jaringan, konfigurasi router/switch, keamanan siber, administrasi sistem, dan pengembangan perangkat IoT.</p>
                         <div class="flex flex-wrap gap-2 pt-5 border-t border-slate-50">
@@ -1037,11 +1037,11 @@
                                     <i class="fa-solid fa-desktop text-[9px]"></i> 25 PC
                                 </span>
                                 <span class="inline-flex items-center gap-1.5 text-[10px] font-bold bg-slate-50 text-slate-500 px-2.5 py-1 rounded-lg border border-slate-100">
-                                    <i class="fa-solid fa-user-group text-[9px]"></i> 25 <span data-i18n="mhs">Mahasiswa</span>
+                                    <i class="fa-solid fa-user-group text-[9px]"></i> 25 Mahasiswa
                                 </span>
                             </div>
                         </div>
-                        <h4 data-i18n="labData" class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Rekayasa PL & Data</h4>
+                        <h4 class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Rekayasa PL & Data</h4>
                         <p class="text-[10px] sm:text-[11px] font-mono text-slate-400 mb-3">LAB/03 &mdash; Kepala: Rudy Dwi Nyoto, ST., M.Eng.</p>
                         <p class="text-slate-500 text-xs sm:text-sm leading-relaxed mb-6 flex-grow" data-i18n="labDataDesc">Mendukung pembelajaran basis data, pemodelan data, data warehousing, dan analitik data skala besar.</p>
                         <div class="flex flex-wrap gap-2 pt-5 border-t border-slate-50">
@@ -1063,11 +1063,11 @@
                                     <i class="fa-solid fa-desktop text-[9px]"></i> 21 PC
                                 </span>
                                 <span class="inline-flex items-center gap-1.5 text-[10px] font-bold bg-slate-50 text-slate-500 px-2.5 py-1 rounded-lg border border-slate-100">
-                                    <i class="fa-solid fa-user-group text-[9px]"></i> 21 <span data-i18n="mhs">Mahasiswa</span>
+                                    <i class="fa-solid fa-user-group text-[9px]"></i> 21 Mahasiswa
                                 </span>
                             </div>
                         </div>
-                        <h4 data-i18n="labSI" class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Teknologi & Sistem Informasi</h4>
+                        <h4 class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Teknologi & Sistem Informasi</h4>
                         <p class="text-[10px] sm:text-[11px] font-mono text-slate-400 mb-3">LAB/04 &mdash; Kepala: Anggi Srimurdianti Sukamto, ST., MT.</p>
                         <p class="text-slate-500 text-xs sm:text-sm leading-relaxed mb-6 flex-grow" data-i18n="labInfoDesc">Merancang arsitektur sistem informasi, memodelkan proses bisnis digital, serta menumbuhkan jiwa technopreneurship.</p>
                         <div class="flex flex-wrap gap-2 pt-5 border-t border-slate-50">
@@ -1088,11 +1088,11 @@
                                     <i class="fa-solid fa-desktop text-[9px]"></i> 22 PC
                                 </span>
                                 <span class="inline-flex items-center gap-1.5 text-[10px] font-bold bg-slate-50 text-slate-500 px-2.5 py-1 rounded-lg border border-slate-100">
-                                    <i class="fa-solid fa-user-group text-[9px]"></i> 22 <span data-i18n="mhs">Mahasiswa</span>
+                                    <i class="fa-solid fa-user-group text-[9px]"></i> 22 Mahasiswa
                                 </span>
                             </div>
                         </div>
-                        <h4 data-i18n="labAI" class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Komputasi & Kecerdasan Buatan</h4>
+                        <h4 class="text-lg sm:text-xl font-bold mb-1.5 text-untan-navy">Lab Komputasi & Kecerdasan Buatan</h4>
                         <p class="text-[10px] sm:text-[11px] font-mono text-slate-400 mb-3">LAB/05 &mdash; Kepala: Tursina, ST, M.Cs.</p>
                         <p class="text-slate-500 text-xs sm:text-sm leading-relaxed mb-6 flex-grow" data-i18n="labAIDesc">Pusat riset machine learning, deep learning, computer vision, NLP, dan pengembangan sistem kecerdasan buatan berbasis data.</p>
                         <div class="flex flex-wrap gap-2 pt-5 border-t border-slate-50">
@@ -1383,15 +1383,8 @@
                 facultyDirectory: 'Direktori Dosen',
                 expertise: 'Keahlian',
                 lastUpdatedText: 'Halaman ini terakhir diperbarui pada: ',
-                showingRiset: 'Tampilkan',
                 showingPubs: 'Menampilkan {0} dari {1} publikasi',
-                labDesc: '5 laboratorium modern dengan 93 unit PC All-in-One yang mendukung kegiatan riset strategis dan pengembangan teknologi dosen serta mahasiswa.',
+                labDesc: '5 laboratorium modern dengan 93 unit PC All-in-One yang mendukung kegiatan riset strategis dan pengembangan teknologi dosen serta mahasiswa.'
-                labKom: 'Lab Komputer & Pemrograman',
-                labNet: 'Lab Jaringan, Keamanan & IoT',
-                labData: 'Lab Rekayasa PL & Data',
-                labSI: 'Lab Teknologi & Sistem Informasi',
-                labAI: 'Lab Komputasi & Kecerdasan Buatan',
-                mhs: 'Mahasiswa'
             },
             en: {
                 info: 'LATEST INFO',
@@ -1449,15 +1442,8 @@
                 facultyDirectory: 'Faculty Directory',
                 expertise: 'Expertise',
                 lastUpdatedText: 'This page was last updated on: ',
-                showingRiset: 'Showing',
                 showingPubs: 'Showing {0} of {1} publications',
-                labDesc: '5 modern laboratories with 93 All-in-One PCs supporting strategic research and technological development for faculty and students.',
+                labDesc: '5 modern laboratories with 93 All-in-One PCs supporting strategic research and technological development for faculty and students.'
-                labKom: 'Computer & Programming Lab',
-                labNet: 'Networking, Security & IoT Lab',
-                labData: 'Software & Data Engineering Lab',
-                labSI: 'Information Technology & Systems Lab',
-                labAI: 'Computing & Artificial Intelligence Lab',
-                mhs: 'Student'
             }
         };
 
@@ -1792,18 +1778,10 @@
                 const meta = kbkMeta[kbk];
                 const label = currentLang === 'id' ? meta.label_id : meta.label_en;
                 const rank = currentLang === 'id' ? leader.badge_id : leader.badge_en;
-                let kbk_id = '#kk-4';
+
-                if (kbk === 'ai') {
-                    kbk_id = '#kk-1';
-                } else if (kbk === 'rpl') {
-                    kbk_id = '#kk-3';
-                } else if (kbk === 'net') {
-                    kbk_id = '#kk-2';
-                } else if (kbk === 'si') {
-                    kbk_id = '#kk-4';
-                }
                 return `
-                    <a href="https://informatika.untan.ac.id/people-based-on-kk.html${kbk_id}" class="group block rounded-2xl sm:rounded-2.5xl md:rounded-3xl lg:rounded-3xl xl:rounded-3xl overflow-hidden border border-slate-100 bg-white shadow-soft hover:-translate-y-2 hover:shadow-soft-lg transition-all duration-500">                        <div class="p-5 sm:p-6 md:p-7 lg:p-8 xl:p-8 bg-gradient-to-br ${meta.accent} border-b border-slate-100">
+                    <a href="https://informatika.untan.ac.id/people-based-on-kk.html" class="group block rounded-2xl sm:rounded-2.5xl md:rounded-3xl lg:rounded-3xl xl:rounded-3xl overflow-hidden border border-slate-100 bg-white shadow-soft hover:-translate-y-2 hover:shadow-soft-lg transition-all duration-500">
+                        <div class="p-5 sm:p-6 md:p-7 lg:p-8 xl:p-8 bg-gradient-to-br ${meta.accent} border-b border-slate-100">
                             <div class="flex items-start justify-between gap-3 sm:gap-4">
                                 <div>
                                     <span class="inline-flex items-center gap-1.5 text-[9px] sm:text-[9px] md:text-[10px] font-bold uppercase tracking-[0.22em] text-untan-blue/80">

netlify.toml

@@ -0,0 +1,6 @@
+[build]
+  command = "npm run build"
+  publish = "dist"
+
+[build.environment]
+  NODE_VERSION = "22"

package-lock.json

@@ -917,6 +917,7 @@
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },