Merge pull request 'Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF)' (#3 ) from fix/divisi-kepengurusan-hover into main

Reviewed-on: #3
Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF)
2026-06-04 15:28:13 +00:00 · 2026-06-04 22:25:17 +07:00 · 2026-06-04 21:19:04 +07:00 · 2026-06-04 21:07:51 +07:00 · 2026-06-04 21:02:58 +07:00 · 2026-06-04 21:00:36 +07:00
4 changed files with 249 additions and 146 deletions
@@ -571,7 +571,7 @@ const translations = {
        kontrib_guideline_5: "Tim redaksi berhak menyunting konten untuk keperluan editorial.",

        grp_limaem_hero_badge: "KOMUNITAS & KEPEMIMPINAN",
-        grp_limaem_hero_title: "Kehidupan Mahasiswa & Himpunan (HMIF)",
+        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",

@@ -1207,7 +1207,7 @@ const translations = {
        kontrib_guideline_5: "The editorial team reserves the right to edit content for editorial purposes.",

        grp_limaem_hero_badge: "COMMUNITY & LEADERSHIP",
-        grp_limaem_hero_title: "Student Life & Student Association (HMIF)",
+        grp_limaem_hero_title: "Student Life & <span style=\"color:#f5c82f;\">Student Association (HMIF)</span>",
        grp_limaem_hero_desc: "Building a collaborative ecosystem where technology meets creativity, shaping the industry leaders of tomorrow.",
        grp_limaem_hero_btn: "View Organizational Structure",

@@ -0,0 +1,73 @@
+const fs = require('fs'); 
+let c = fs.readFileSync('groups/LimaEm/index.html', 'utf8');
+
+const oldHeroGrad = '<div class=\"absolute inset-0 bg-gradient-to-r from-hmif-primary via-hmif-primary/80 to-transparent z-0\"></div>';
+const newHeroGrad = '<div class=\"absolute inset-0 z-0\" style=\"background: linear-gradient(to right, #003150 0%, rgba(0, 49, 80, 0.8) 50%, transparent 100%);\"></div>';
+c = c.replace(oldHeroGrad, newHeroGrad);
+
+const oldPhotoStr = \<!-- --- Right: Photo --- -->
+                            <div class="order-2 relative mt-8 lg:mt-0 lg:pl-4">
+
+                                <!-- Offset shadow block biru tua, posisi % (ikut skala zoom) -->
+                                <div class="absolute top-[4%] left-[8%] right-[-4%] bottom-[-4%]
+                                            bg-hmif-primary rounded-2xl lg:rounded-3xl z-0 shadow-2xl"></div>
+
+                                <!-- Frame foto — overflow hidden, foto full width tanpa crop -->
+                                <div
+                                    class="relative rounded-2xl lg:rounded-3xl overflow-hidden shadow-2xl z-10 group cursor-default">
+                                    <img src="./assets/images/ruang-tumbuh/ruangtumbuh_foto.jpeg"
+                                        alt="Ruang Tumbuh HMIF Universitas Tanjungpura" class="w-full h-auto block
+                                     transition-transform duration-700 ease-out group-hover:scale-[1.03]" />
+                                    <!-- Gradient overlay bawah -->
+                                    <div class="absolute inset-0
+                                    bg-gradient-to-t from-hmif-primary/45 via-transparent to-transparent
+                                    opacity-70 group-hover:opacity-45 transition-opacity duration-500"></div>
+                                </div>
+
+                                <!-- Badge Inklusivitas & Kolaborasi pojok kiri bawah -->
+                                <div class="absolute z-20 bottom-[-3%] left-[0%]
+                                            bg-hmif-secondary text-hmif-primary
+                                            rounded-xl px-4 py-3 text-center shadow-2xl
+                                            border-2 border-white/20" style="min-width: 120px; max-width: 140px;">
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"
+                                        stroke="currentColor" class="w-6 h-6 mx-auto mb-1" aria-hidden="true">
+                                        <path stroke-linecap="round" stroke-linejoin="round"
+                                            d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197m6.22-7.496a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6-3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-12 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
+                                    </svg>
+                                    <p class="text-[11px] lg:text-xs font-bold leading-snug">
+                                        Inklusivitas &<br>Kolaborasi
+                                    </p>
+                                </div>
+                            </div>\;
+const newPhotoStr = \<!-- --- Right: Photo --- -->
+                            <div class="order-2 relative mt-8 lg:mt-0 flex justify-center lg:justify-end">
+                                <!-- Offset shadow block biru tua -->
+                                <div class="absolute inset-0 bg-hmif-primary translate-x-4 translate-y-4 rounded-2xl lg:rounded-3xl z-0 shadow-2xl" style="background-color: #003150;"></div>
+
+                                <!-- Frame foto -->
+                                <div class="relative w-full rounded-2xl lg:rounded-3xl overflow-hidden shadow-2xl z-10 group cursor-default bg-gray-200" style="aspect-ratio: 4/5;">
+                                    <img src="./assets/images/ruang-tumbuh/ruangtumbuh_foto.jpeg"
+                                        alt="Ruang Tumbuh HMIF Universitas Tanjungpura" 
+                                        class="w-full h-full object-cover transition-transform duration-700 ease-out group-hover:scale-105" />
+                                    <!-- Gradient overlay bawah -->
+                                    <div class="absolute inset-0 transition-opacity duration-500 opacity-70 group-hover:opacity-45" style="background: linear-gradient(to top, rgba(0, 49, 80, 0.45), transparent, transparent);"></div>
+                                </div>
+
+                                <!-- Badge Inklusivitas & Kolaborasi pojok kiri bawah -->
+                                <div class="absolute z-20 bottom-0 left-0 -translate-x-2 translate-y-4 lg:-translate-x-6 lg:translate-y-6
+                                            bg-hmif-secondary text-hmif-primary
+                                            rounded-xl px-4 py-3 text-center shadow-2xl
+                                            border-2 border-white/20" style="min-width: 120px; max-width: 140px; background-color: #feb401; color: #003150;">
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.5"
+                                        stroke="currentColor" class="w-6 h-6 mx-auto mb-1" aria-hidden="true">
+                                        <path stroke-linecap="round" stroke-linejoin="round"
+                                            d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197m6.22-7.496a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6-3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-12 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
+                                    </svg>
+                                    <p class="text-[11px] lg:text-xs font-bold leading-snug">
+                                        Inklusivitas &<br>Kolaborasi
+                                    </p>
+                                </div>
+                            </div>\;
+c = c.replace(oldPhotoStr, newPhotoStr);
+fs.writeFileSync('groups/LimaEm/index.html', c);
+console.log('HTML layout fixed');
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="id" class="scroll-smooth">
 <head>
    <meta charset="UTF-8">
@@ -292,6 +292,29 @@
            border-right: 1px solid #e2e8f0;
            border-bottom: 1px solid #e2e8f0;
        }
+
+        /* ===== Custom Layout Fixes (Menggantikan arbitrary Tailwind) ===== */
+        @media (min-width: 768px) {
+            /* Fix ukuran 2 card per baris untuk Kegiatan Unggulan */
+            .md-card-half {
+                width: calc(50% - 16px) !important;
+            }
+            /* Fix tinggi grid Galeri Keseruan (Tablet) */
+            .galeri-grid {
+                height: 420px !important;
+            }
+        }
+        @media (min-width: 1024px) {
+            /* Fix tinggi grid Galeri Keseruan (Desktop) */
+            .galeri-grid {
+                height: 500px !important;
+            }
+        }
+
+        /* Fix: title divisi berubah kuning saat hover */
+        #divisi .group:hover h3 {
+            color: #f5c82f !important;
+        }
    </style>
 </head>
 <body class="text-slate-800 antialiased bg-white selection:bg-untan-yellow selection:text-black">
@@ -1140,22 +1163,23 @@
        </div>
    </div>

-    <main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white">
-        <div class="container mx-auto px-4 lg:px-8 py-12">
+    <main id="main-content" class="min-h-screen bg-white">
+        <div class="container mx-auto px-4 lg:px-8" style="padding-top: calc(88px + 3rem);">
            <div class="mb-8 pb-8 border-b border-slate-200">
                <span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
                <h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Kehidupan Mahasiswa &amp; Himpunan (HMIF)</h1>
                <p class="text-slate-500 text-sm">Kelompok 07 &mdash; LIMA EM &nbsp;&middot;&nbsp; Informatika UNTAN 2026</p>
            </div>
-            <div id="assignment-body" class="prose prose-slate max-w-none">
+        </div>
+        <div id="assignment-body" class="w-full">
                <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
                <!-- Hero Section -->
-                <header class="relative w-full min-h-screen flex items-center overflow-hidden pt-[92px] lg:pt-[118px]">
+                <header class="relative w-full min-h-screen flex items-center overflow-hidden" style="padding-top: 92px;">

                    <img id="api-hero-bg" src="./assets/images/bg-kehidupan-mahasiswa.png" alt="Foto Kegiatan Mahasiswa"
                        class="absolute inset-0 w-full h-full object-cover z-0" />

-                    <div class="absolute inset-0 bg-gradient-to-r from-hmif-primary via-hmif-primary/80 to-transparent z-0"></div>
+                    <div class="absolute inset-0 z-0" style="background: linear-gradient(to right, #003150 0%, rgba(0, 49, 80, 0.8) 50%, transparent 100%);"></div>

                    <div class="relative z-10 max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12 py-16 lg:py-24 w-full">

@@ -1164,12 +1188,15 @@
                            <div class="flex flex-col items-start text-left space-y-6">

                                <div data-i18n="grp_limaem_hero_badge"
-                                    class="bg-hmif-secondary/15 text-hmif-secondary font-bold text-xs md:text-sm px-3 py-1 rounded-full">
+                                    class="font-bold text-xs md:text-sm px-3 py-1 rounded-full ring-1 backdrop-blur-sm cursor-default"
+                                    style="background-color: rgba(254, 180, 1, 0.15); color: #feb401; --tw-ring-color: rgba(254, 180, 1, 0.3); transition: background-color 300ms ease;"
+                                    onmouseover="this.style.backgroundColor='rgba(254, 180, 1, 0.25)'"
+                                    onmouseout="this.style.backgroundColor='rgba(254, 180, 1, 0.15)'">
                                    COMMUNITY & LEADERSHIP
                                </div>

-                                <h1 data-i18n="grp_limaem_hero_title" class="text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight">
-                                    Kehidupan Mahasiswa & <span class="text-hmif-secondary" style="color:var(--color-hmif-secondary)">Himpunan (HMIF)</span>
+                                <h1 data-i18n-html="grp_limaem_hero_title" class="text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight">
+                                    Kehidupan Mahasiswa & <span style="color:#feb401;">Himpunan (HMIF)</span>
                                </h1>

                                <p data-i18n="grp_limaem_hero_desc" class="text-base md:text-lg text-gray-300 font-light leading-relaxed max-w-xl">
@@ -1177,8 +1204,11 @@
                                    kreativitas, membentuk calon pemimpin industri masa depan.
                                </p>

-                                <button data-i18n="grp_limaem_hero_btn"
-                                    class="mt-4 bg-transparent border-2 border-white text-white font-bold text-sm md:text-base px-6 py-3 rounded-md hover:bg-hmif-secondary hover:text-hmif-primary hover:border-hmif-secondary transition-all hover:cursor-pointer">
+                                <button data-i18n="grp_limaem_hero_btn" onclick="document.getElementById('divisi')?.scrollIntoView({behavior:'smooth'})"
+                                    class="mt-4 bg-transparent border-2 border-white text-white font-bold text-sm md:text-base px-6 py-3 rounded-md transition-all hover:cursor-pointer"
+                                    style="transition: all 0.25s ease;"
+                                    onmouseover="this.style.backgroundColor='#feb401'; this.style.color='#003150'; this.style.borderColor='#feb401';"
+                                    onmouseout="this.style.backgroundColor='transparent'; this.style.color='white'; this.style.borderColor='white';">
                                    Lihat Struktur Kepengurusan
                                </button>

@@ -1285,50 +1315,98 @@
                        </h2>

                        <div class="flex flex-wrap gap-6 lg:gap-10 items-center">
-                            <!-- Partner Aktif (Terbaru) -->
+                            <!-- Partner Aktif (Terbaru) - ring kuning + glow -->
                            <a href="https://www.instagram.com/namakucoffee.id?igsh=MXYyMnI3ZTNmMGxtZQ==" target="_blank"
-                                rel="noopener noreferrer" aria-label="Partner Aktif - Namaku">
-                                <img src="./assets/images/ruang-tumbuh/partner/namaku.jpeg" alt="Namaku" class="w-16 h-16 lg:w-20 lg:h-20 rounded-full object-cover shadow-lg border-4 border-hmif-secondary
-                                            hover:scale-110 transition-transform duration-200 cursor-pointer"
-                                    title="Partner Terbaru" />
-                            </a>
-                            <!-- Partner Aktif (Sobat Konveksi) -->
-                            <a href="https://www.instagram.com/sobat.konveksi?igsh=OWxkZGJtMjhjeDZj" target="_blank"
-                                rel="noopener noreferrer" aria-label="Partner Aktif - Sobat Konveksi">
-                                <img src="./assets/images/ruang-tumbuh/partner/sobatkonveksi.jpeg" alt="Sobat Konveksi" class="w-16 h-16 lg:w-20 lg:h-20 rounded-full object-cover shadow-lg border-4 border-hmif-secondary
-                                            hover:scale-110 transition-transform duration-200 cursor-pointer"
-                                    title="Partner Aktif" />
+                                rel="noopener noreferrer" aria-label="Partner Aktif - Namaku"
+                                style="display:inline-block; border-radius:9999px; transition: transform 0.2s ease;"
+                                onmouseover="this.style.transform='scale(1.1)'"
+                                onmouseout="this.style.transform='scale(1)'">
+                                <img src="./assets/images/ruang-tumbuh/partner/namaku.jpeg" alt="Namaku"
+                                    title="Partner Aktif"
+                                    style="width:5rem; height:5rem; border-radius:9999px; object-fit:cover; display:block;
+                                           border: 4px solid #feb401;
+                                           box-shadow: 0 0 0 2px rgba(254,180,1,0.4), 0 4px 16px rgba(254,180,1,0.3);
+                                           transition: box-shadow 0.2s ease;" />
                            </a>

-                            <!-- Partner Lainnya (Legacy) - Tidak bisa diklik, hover ganti warna -->
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/ayanimegamall.jpeg" alt="Ayani Megamall" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+                            <!-- Partner Aktif (Sobat Konveksi) - ring kuning + glow -->
+                            <a href="https://www.instagram.com/sobat.konveksi?igsh=OWxkZGJtMjhjeDZj" target="_blank"
+                                rel="noopener noreferrer" aria-label="Partner Aktif - Sobat Konveksi"
+                                style="display:inline-block; border-radius:9999px; transition: transform 0.2s ease;"
+                                onmouseover="this.style.transform='scale(1.1)'"
+                                onmouseout="this.style.transform='scale(1)'">
+                                <img src="./assets/images/ruang-tumbuh/partner/sobatkonveksi.jpeg" alt="Sobat Konveksi"
+                                    title="Partner Aktif"
+                                    style="width:5rem; height:5rem; border-radius:9999px; object-fit:cover; display:block;
+                                           border: 4px solid #feb401;
+                                           box-shadow: 0 0 0 2px rgba(254,180,1,0.4), 0 4px 16px rgba(254,180,1,0.3);
+                                           transition: box-shadow 0.2s ease;" />
+                            </a>
+
+                            <!-- Partner Legacy (Ayani) - abu-abu, hover tampil warna asli -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/ayanimegamall.jpeg" alt="Ayani Megamall"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/indofood.jpeg" alt="Indofood" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+
+                            <!-- Partner Legacy (Indofood) -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/indofood.jpeg" alt="Indofood"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/playhera.jpeg" alt="Playhera" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+
+                            <!-- Partner Legacy (Playhera) -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/playhera.jpeg" alt="Playhera"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/pln.jpeg" alt="PLN" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+
+                            <!-- Partner Legacy (PLN) -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/pln.jpeg" alt="PLN"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/rtech.jpeg" alt="RTech" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+
+                            <!-- Partner Legacy (RTech) -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/rtech.jpeg" alt="RTech"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
-                            <div class="relative group">
-                                <img src="./assets/images/ruang-tumbuh/partner/rumangsa.jpeg" alt="Rumangsa" class="w-14 h-14 lg:w-16 lg:h-16 rounded-full object-cover shadow-md grayscale hover:grayscale-0
-                                            hover:scale-110 hover:shadow-lg transition-all duration-300" />
+
+                            <!-- Partner Legacy (Rumangsa) -->
+                            <div style="display:inline-block; border-radius:9999px; transition: transform 0.3s ease; cursor:default;"
+                                onmouseover="this.style.transform='scale(1.1)'; this.querySelector('img').style.filter='grayscale(0%)';"
+                                onmouseout="this.style.transform='scale(1)'; this.querySelector('img').style.filter='grayscale(100%)';">
+                                <img src="./assets/images/ruang-tumbuh/partner/rumangsa.jpeg" alt="Rumangsa"
+                                    style="width:4rem; height:4rem; border-radius:9999px; object-fit:cover; display:block;
+                                           filter: grayscale(100%); transition: filter 0.3s ease;
+                                           box-shadow: 0 2px 8px rgba(0,0,0,0.15);" />
                            </div>
                        </div>
                    </div>
                </section>

+
                <!-- Divisi Kepengurusan HMIF Section -->
                <section id="divisi" class="bg-hmif-primary text-white py-20 lg:py-24">
                    <div class="max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12">
@@ -1347,7 +1425,7 @@
                        <div
                            class="border border-white/10 rounded-2xl bg-white/[0.01] backdrop-blur-md grid grid-cols-1 md:grid-cols-3 overflow-hidden">
                            <!-- Bidang 1 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b1_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 1
@@ -1366,7 +1444,7 @@
                            </div>

                            <!-- Bidang 2 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b2_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 2
@@ -1384,7 +1462,7 @@
                            </div>

                            <!-- Bidang 3 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b3_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 3
@@ -1403,7 +1481,7 @@
                            </div>

                            <!-- Bidang 4 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b4_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 4
@@ -1422,7 +1500,7 @@
                            </div>

                            <!-- Bidang 5 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b5_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 5
@@ -1440,7 +1518,7 @@
                            </div>

                            <!-- Bidang 6 -->
-                            <div class="group flex flex-col space-y-3 cursor-pointer p-8 lg:p-10">
+                            <div class="group flex flex-col space-y-3 cursor-default p-8 lg:p-10">
                                <span data-i18n="grp_limaem_divisi_b6_label"
                                    class="text-hmif-secondary font-bold text-xs md:text-sm tracking-wider uppercase transition-colors duration-300 group-hover:text-amber-300">
                                    Bidang 6
@@ -1463,7 +1541,7 @@

                <!-- Kegiatan Unggulan Section -->
                <section id="kegiatan-unggulan" class="bg-white py-20 lg:py-24">
-                    <div class="max-w-none mx-auto px-6 lg:px-16 xl:px-24 relative w-full">
+                    <div class="max-w-7xl 2xl:max-w-[1440px] mx-auto px-6 lg:px-12 relative w-full">
                        <!-- Header -->
                        <div class="mb-12">
                            <h2 data-i18n="grp_limaem_kegiatan_title" class="text-3xl font-extrabold text-hmif-primary tracking-tight">
@@ -1492,7 +1570,7 @@
                                <div id="slider-track" class="flex gap-8 transition-transform duration-500 ease-in-out">

                                    <!-- Card 1 Silaturahmi Keluarga Besar Informatika-->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
                                            <img src="./assets/images/kegiatan-unggulan/SKBI.jpeg" alt="Silaturahmi Keluarga Besar"
@@ -1516,7 +1594,7 @@
                                    </div>

                                    <!-- Card 2 Gemastik -->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
                                            <img src="./assets/images/kegiatan-unggulan/gemastik.jpg" alt="Bootcamp HMIF"
@@ -1542,7 +1620,7 @@
                                    </div>

                                    <!-- Card 3 17 agustus -->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
                                            <img src="./assets/images/kegiatan-unggulan/17-agustus.jpeg" alt="Perayaan 17 Agustus"
@@ -1566,7 +1644,7 @@
                                    </div>

                                    <!-- Card 3 Bootcamp -->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
                                            <img src="./assets/images/kegiatan-unggulan/bootcamp.jpeg" alt="Bootcamp HMIF"
@@ -1589,11 +1667,12 @@
                                            </div>
                                        </div>
                                    </div>
+
                                    <!-- Card 5 UPC 2025 -->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
-                                            <img src="./assets/images/kegiatan-unggulan/upc.JPG" alt="UPC 2025"
+                                            <img src="./assets/images/kegiatan-unggulan/upc.jpg" alt="UPC 2025"
                                                class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                        </div>
                                        <div class="flex items-start gap-4 mt-6">
@@ -1614,10 +1693,10 @@
                                    </div>

                                    <!-- Card 6 Informers -->
-                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md:w-[calc(50%_-_16px)]">
+                                    <div class="group flex-shrink-0 bg-white rounded-2xl overflow-hidden transition-all duration-300 w-full md-card-half">
                                        <div
                                            class="aspect-video w-full overflow-hidden rounded-2xl shadow-sm border border-gray-100">
-                                            <img src="./assets/images/kegiatan-unggulan/informers.JPG" alt="Ultah Informatika"
+                                            <img src="./assets/images/kegiatan-unggulan/informers.jpg" alt="Ultah Informatika"
                                                class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                        </div>
                                        <div class="flex items-start gap-4 mt-6">
@@ -1783,118 +1862,71 @@

                                    <!-- ====== Slide 1 ====== -->
                                    <div class="flex-shrink-0 w-full">
-                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 h-auto md:h-[420px] lg:h-[500px]">
-
+                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 galeri-grid">
                                            <!-- Foto besar kiri (span 2 baris) -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="block col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC00636.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="block w-full h-full col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC00636.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                            <!-- Foto kecil kanan atas 1 -->
-                                            <a href="https://instagram.com/hmif_ftuntan" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\Copy of DSC09492.JPG" alt="Gemastik"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://instagram.com/hmif_ftuntan" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/Copy of DSC09492.jpg" alt="Gemastik" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                            <!-- Foto kecil kanan atas 2 -->
-                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA=="
-                                                target="_blank" rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\IMG_0204.JPG" alt="INFORMERS"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA==" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/IMG_0204.jpg" alt="INFORMERS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                            <!-- Foto lebar kanan bawah (span 2 kolom) -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="hidden md:block col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC00456.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC00456.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                        </div>
                                    </div>

                                    <!-- ====== Slide 2 ====== -->
                                    <div class="flex-shrink-0 w-full">
-                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 h-auto md:h-[420px] lg:h-[500px]">
-
-                                            <!-- Foto besar kiri -->
+                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 galeri-grid">
                                            <a href="https://instagram.com/hmif_ftuntan" target="_blank" rel="noopener noreferrer"
-                                                class="block col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSCF8922.JPG"
-                                                    alt="Ulang Tahun Informatika"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                                class="block w-full h-full col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSCF8922.jpg" alt="Ulang Tahun Informatika" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
-                                            <!-- Foto kecil kanan atas 1 -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC00091.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
-                                            </a>
-
-                                            <!-- Foto kecil kanan atas 2 -->
                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC03316.JPG"
-                                                    alt="Silaturahmi Keluarga Besar Informatika"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC00091.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
-                                            <!-- Foto lebar kanan bawah -->
-                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA=="
-                                                target="_blank" rel="noopener noreferrer"
-                                                class="hidden md:block col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\IMG_5705.JPG" alt="INFORMERS"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC03316.jpg" alt="Silaturahmi Keluarga Besar Informatika" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            </a>
+                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA==" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/IMG_5705.jpg" alt="INFORMERS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                        </div>
                                    </div>

                                    <!-- ====== Slide 3 ====== -->
                                    <div class="flex-shrink-0 w-full">
-                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 h-auto md:h-[420px] lg:h-[500px]">
-
-                                            <!-- Foto besar kiri -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="block col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC00252.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                        <div class="grid grid-cols-1 md:grid-cols-3 md:grid-rows-2 gap-4 galeri-grid">
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="block w-full h-full col-span-1 row-span-2 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC00252.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
-                                            <!-- Foto kecil kanan atas 1 -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC00519.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC00519.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
-                                            <!-- Foto kecil kanan atas 2 -->
-                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA=="
-                                                target="_blank" rel="noopener noreferrer"
-                                                class="hidden md:block col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\IMG_0030.JPG" alt="INFORMERS"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/informershmif?igsh=MW5odm9pbXN2aThlMA==" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-1 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/IMG_0030.jpg" alt="INFORMERS" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
-                                            <!-- Foto lebar kanan bawah -->
-                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank"
-                                                rel="noopener noreferrer"
-                                                class="hidden md:block col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
-                                                <img src=".\assets\images\galeri-keseruan\DSC01002.JPG" alt="UPC V"
-                                                    class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
+                                            <a href="https://www.instagram.com/upc.untan?igsh=ZWYzcTh0d2J4MmJx" target="_blank" rel="noopener noreferrer"
+                                                class="hidden md:block w-full h-full col-span-2 row-span-1 overflow-hidden rounded-xl group cursor-pointer">
+                                                <img src="./assets/images/galeri-keseruan/DSC01002.jpg" alt="UPC V" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" />
                                            </a>
-
                                        </div>
                                    </div>

@@ -2016,7 +2048,6 @@
                    </div>
                </section>
                <!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
-            </div>
        </div>
    </main>

@@ -917,7 +917,6 @@
      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
      "dev": true,
      "license": "MIT",
-      "peer": true,
      "engines": {
        "node": ">=12"
      },
Author	SHA1	Message	Date
ilham652	563af0ec56	Merge pull request 'Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF)' (#3 ) from fix/divisi-kepengurusan-hover into main Reviewed-on: #3	2026-06-04 15:28:13 +00:00
ilham_gmail	a942826266	Fix hover behavior on divisi kepengurusan section and color in himpunan (HMIF)	2026-06-04 22:25:17 +07:00
Bayu	153de4dc92	fix(LimaEm): partner aktif ring kuning + glow, partner legacy warna asli saat hover	2026-06-04 21:19:04 +07:00
Bayu	e792afec16	fix(LimaEm): revert Kegiatan Unggulan to standard max-w-7xl container per user request	2026-06-04 21:07:51 +07:00
Bayu	3076c922e3	fix(LimaEm): perfect full-width layout matching max-w-7xl standard container and precise gradient inline style	2026-06-04 21:02:58 +07:00
Bayu	3e87d77b04	chore(LimaEm): add fix.js	2026-06-04 21:00:36 +07:00
Bayu	6a6f316e5f	Revert "fix(LimaEm): re-apply full-width layout and inline hero styles after merging origin/main" This reverts commit `3b52480c81`.	2026-06-04 20:55:56 +07:00
Bayu	3b52480c81	fix(LimaEm): re-apply full-width layout and inline hero styles after merging origin/main	2026-06-04 20:52:07 +07:00
Bayu	eef091582d	Merge branch 'main' into enhance/hover-effects-and-interactions	2026-06-04 20:50:36 +07:00
Bayu	766a930542	fix(LimaEm): Hero 100% inline style — gradient biru, badge kuning, heading, dan button cocok referensi	2026-06-04 20:41:40 +07:00
powji17	c8cb265394	fix(lima-em): perbaiki layout ukuran card kegiatan unggulan dan grid galeri keseruan	2026-06-04 20:38:55 +07:00
Bayu	35f1dd3865	fix(LimaEm): break sections out of container so content fills full viewport width edge-to-edge	2026-06-04 20:27:33 +07:00
Bayu	54b00194a8	fix(LimaEm): make all sections full-width, fix button hover inline style, add yellow glow on active partners	2026-06-04 20:16:33 +07:00
powji	b42edb3356	Merge pull request 'feature/konten-lima-em' (#2 ) from feature/konten-lima-em into main Reviewed-on: #2	2026-06-04 13:05:55 +00:00
Bayu	bedac5851e	enhance(LimaEm): restore missing hover/interaction effects across all sections	2026-06-04 20:01:05 +07:00
Bayu	034b131c12	fix(LimaEm): tidy up Ruang Tumbuh layout and add Kehidupan Mahasiswa hero gradient	2026-06-04 19:40:03 +07:00