From fa46a434c251beeba47a24ffe7d071bed88bbec3 Mon Sep 17 00:00:00 2001
From: Bayu <d1041231072@student.untan.ac.id>
Date: Thu, 4 Jun 2026 21:19:04 +0700
Subject: [PATCH] fix(LimaEm): partner aktif ring kuning + glow, partner legacy
 warna asli saat hover

---
 groups/LimaEm/index.html | 110 ++++++++++++++++++++++++++++-----------
 1 file changed, 79 insertions(+), 31 deletions(-)

diff --git a/groups/LimaEm/index.html b/groups/LimaEm/index.html
index ed5bae8..34d7f97 100644
--- a/groups/LimaEm/index.html
+++ b/groups/LimaEm/index.html
@@ -1310,50 +1310,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">