fix(LimaEm): revert Kegiatan Unggulan to standard max-w-7xl container per user request

This reverts commit 3b52480c81.

fix.js

@@ -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');

groups/LimaEm/index.html

@@ -1174,41 +1174,42 @@
                     <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" />
 
-                    <!-- Gradient biru ke kanan seperti referensi -->
+                    <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="absolute inset-0 z-0" style="background: linear-gradient(to right, #003150 0%, rgba(0,49,80,0.85) 40%, rgba(0,49,80,0.4) 65%, transparent 100%);"></div>
 
-                    <div class="relative z-10 w-full" style="max-width: 1280px; margin: 0 auto; padding: 4rem 3rem;">
+                    <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">
 
-                        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;">
+                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
 
-                            <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem;">
+                            <div class="flex flex-col items-start text-left space-y-6">
 
                                 <div data-i18n="grp_limaem_hero_badge"
-                                    style="background: rgba(254,180,1,0.15); color: #feb401; font-weight: 700; font-size: 0.75rem; padding: 0.25rem 0.75rem; border-radius: 9999px; letter-spacing: 0.05em;">
+                                    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" style="font-size: clamp(1.875rem, 4vw, 3rem); font-weight: 800; color: white; line-height: 1.2; margin: 0;">
+                                <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 style="color: #feb401;">Himpunan (HMIF)</span>
+                                    Kehidupan Mahasiswa & <span style="color:#feb401;">Himpunan (HMIF)</span>
                                 </h1>
 
-                                <p data-i18n="grp_limaem_hero_desc" style="font-size: 1rem; color: #d1d5db; font-weight: 300; line-height: 1.75; max-width: 36rem; margin: 0;">
+                                <p data-i18n="grp_limaem_hero_desc" class="text-base md:text-lg text-gray-300 font-light leading-relaxed max-w-xl">
                                     Membangun ekosistem kolaboratif di mana teknologi bertemu dengan
                                     kreativitas, membentuk calon pemimpin industri masa depan.
                                 </p>
 
                                 <button data-i18n="grp_limaem_hero_btn" onclick="document.getElementById('divisi')?.scrollIntoView({behavior:'smooth'})"
-                                    style="background: transparent; border: 2px solid white; color: white; font-weight: 700; font-size: 0.9375rem; padding: 0.75rem 1.5rem; border-radius: 6px; cursor: pointer; transition: all 0.25s ease; margin-top: 0.5rem;"
+                                    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"
-                                    onmouseover="this.style.background='#feb401'; this.style.color='#003150'; this.style.borderColor='#feb401'; this.style.transform='scale(1.04)'; this.style.boxShadow='0 8px 24px rgba(254,180,1,0.35)';"
+                                    style="transition: all 0.25s ease;"
-                                    onmouseout="this.style.background='transparent'; this.style.color='white'; this.style.borderColor='white'; this.style.transform='scale(1)'; this.style.boxShadow='none';"
+                                    onmouseover="this.style.backgroundColor='#feb401'; this.style.color='#003150'; this.style.borderColor='#feb401';"
-                                    onmousedown="this.style.transform='scale(0.97)';"
+                                    onmouseout="this.style.backgroundColor='transparent'; this.style.color='white'; this.style.borderColor='white';">
-                                    onmouseup="this.style.transform='scale(1.04)';">
                                     Lihat Struktur Kepengurusan
                                 </button>
 
                             </div>
 
-                            <div></div>
+                            <div class="hidden lg:block"></div>
 
                         </div>
                     </div>
@@ -1487,7 +1488,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">