diff --git a/groups/HarusSelesaiKP/images/hero.webp b/groups/HarusSelesaiKP/images/hero.webp new file mode 100644 index 0000000..b41dc3f Binary files /dev/null and b/groups/HarusSelesaiKP/images/hero.webp differ diff --git a/groups/HarusSelesaiKP/images/mujahidin.webp b/groups/HarusSelesaiKP/images/mujahidin.webp new file mode 100644 index 0000000..1fc17b1 Binary files /dev/null and b/groups/HarusSelesaiKP/images/mujahidin.webp differ diff --git a/groups/HarusSelesaiKP/images/museum.webp b/groups/HarusSelesaiKP/images/museum.webp new file mode 100644 index 0000000..8e71c2e Binary files /dev/null and b/groups/HarusSelesaiKP/images/museum.webp differ diff --git a/groups/HarusSelesaiKP/images/qubu-resort.webp b/groups/HarusSelesaiKP/images/qubu-resort.webp new file mode 100644 index 0000000..a19a874 Binary files /dev/null and b/groups/HarusSelesaiKP/images/qubu-resort.webp differ diff --git a/groups/HarusSelesaiKP/images/taman-digulis.webp b/groups/HarusSelesaiKP/images/taman-digulis.webp new file mode 100644 index 0000000..7d2afc1 Binary files /dev/null and b/groups/HarusSelesaiKP/images/taman-digulis.webp differ diff --git a/groups/HarusSelesaiKP/index.html b/groups/HarusSelesaiKP/index.html index b69186b..2fac26d 100644 --- a/groups/HarusSelesaiKP/index.html +++ b/groups/HarusSelesaiKP/index.html @@ -1,1350 +1,661 @@  - - - - - Group 03 – HarusSelesaiKP | Informatika UNTAN - - - - - - - + - .nav-menu-btn.active { - background: rgba(255, 255, 255, 0.9); - color: #1e40af; - } + + - .nav-menu-btn:hover { - background: rgba(255, 255, 255, 0.8); - } - - /* Mega menu positioning - no gap */ - #main-nav { - position: relative; - } - - #mega-menu-container { - position: absolute; - top: 100%; - left: 0; - right: 0; - pointer-events: none; - } - - #mega-menu-container .mega-panel { - pointer-events: auto; - } - - /* Keep pointer bridge under nav to prevent hover loss */ - .nav-menu-item { - position: relative; - } - - .nav-menu-item::after { - content: ""; - position: absolute; - bottom: -12px; - left: 0; - right: 0; - height: 12px; - } - - /* ===== Luco Chatbot Animations ===== */ - @keyframes slideInRight { - from { - transform: translateX(100px); - opacity: 0; - } - - to { - transform: translateX(0); - opacity: 1; - } - } - - @keyframes fadeInUp { - from { - transform: translateY(10px); - opacity: 0; - } - - to { - transform: translateY(0); - opacity: 1; - } - } - - @keyframes lucoPulse { - 0%, - 100% { - transform: scale(1); - } - - 50% { - transform: scale(1.05); - } - } - - #luco-container { - animation: slideInRight 0.5s ease-out forwards; - } - - #luco-bubble { - animation: fadeInUp 0.3s ease-out forwards; - width: min(18rem, calc(100vw - 2rem)); - } - - #luco-btn { - animation: lucoPulse 2s ease-in-out infinite; - } - - #luco-btn:hover { - animation: none; - } - - /* Typing indicator */ - .typing-indicator span { - display: inline-block; - animation: bounce 1.4s infinite ease-in-out; - } - - .typing-indicator span:nth-child(1) { - animation-delay: 0s; - } - - .typing-indicator span:nth-child(2) { - animation-delay: 0.2s; - } - - .typing-indicator span:nth-child(3) { - animation-delay: 0.4s; - } - - @keyframes bounce { - 0%, - 80%, - 100% { - transform: translateY(0); - } - - 40% { - transform: translateY(-6px); - } - } - - /* Luco speech bubble arrow */ - #luco-bubble .bubble-arrow { - position: absolute; - right: 24px; - bottom: -6px; - width: 12px; - height: 12px; - background: white; - transform: rotate(45deg); - border-right: 1px solid #e2e8f0; - border-bottom: 1px solid #e2e8f0; - } - - - - - -