From a2fe128ff7ac072315a52c6f6c441efbfeffaac9 Mon Sep 17 00:00:00 2001 From: George Birikorang Date: Sun, 31 Aug 2025 22:47:28 -0400 Subject: [PATCH 1/2] fix: replace dark logo with light logo across all pages and update menu toggle animations --- about.html | 63 +++++++++++++++--- assets/images/kh3_logo.png | Bin 190084 -> 50900 bytes assets/images/kh3_logo1.png | Bin 0 -> 190084 bytes .../{kh3_logo_dark.png => kh3_logo_darkk.png} | Bin contact.html | 17 ++--- index.html | 55 +++++---------- js/main.js | 34 ++++++---- projects.html | 36 +++++----- services.html | 6 +- who.html | 4 +- 10 files changed, 121 insertions(+), 94 deletions(-) create mode 100644 assets/images/kh3_logo1.png rename assets/images/{kh3_logo_dark.png => kh3_logo_darkk.png} (100%) diff --git a/about.html b/about.html index 8c577c1..3e477fd 100644 --- a/about.html +++ b/about.html @@ -356,7 +356,7 @@
KH3 @@ -370,7 +370,7 @@
- Why - Contacts
-
+
- KH3 + KH3 KH3
@@ -632,17 +624,6 @@ } } - /* Logo glow animation */ - @keyframes logoGlow { - 0%, - 100% { - filter: drop-shadow(0 0 5px rgba(220, 38, 38, 0.3)); - } - 50% { - filter: drop-shadow(0 0 20px rgba(220, 38, 38, 0.6)); - } - } - /* Page transition animations */ @keyframes staggerFadeOut { 0% { diff --git a/js/main.js b/js/main.js index 4e805a2..9d18121 100644 --- a/js/main.js +++ b/js/main.js @@ -27,7 +27,7 @@ function initNavigation() { if (isMenuOpen) { // Close menu navMenu.classList.add("hidden"); - // Transform back to grid + // Transform back to full grid menuGrid.innerHTML = ` @@ -39,16 +39,24 @@ function initNavigation() { `; + menuGrid.style.transform = "scale(1)"; isMenuOpen = false; } else { // Open menu navMenu.classList.remove("hidden"); - // Transform to red X + // Transform to compressed state - only center 5 dots, corner dots disappear menuGrid.innerHTML = ` - - - + + + + + + + + + `; + menuGrid.style.transform = "scale(0.8)"; isMenuOpen = true; } }); @@ -70,12 +78,12 @@ function initNavigation() { `; isMenuOpen = false; - } - }); + } + }); - // Close navigation when clicking on a link - navLinks.forEach((link) => { - link.addEventListener("click", function () { + // Close navigation when clicking on a link + navLinks.forEach((link) => { + link.addEventListener("click", function () { navMenu.classList.add("hidden"); // Transform back to grid menuGrid.innerHTML = ` @@ -91,10 +99,10 @@ function initNavigation() { `; isMenuOpen = false; }); - }); + }); - // Close navigation with Escape key - document.addEventListener("keydown", function (e) { + // Close navigation with Escape key + document.addEventListener("keydown", function (e) { if (e.key === "Escape" && !navMenu.classList.contains("hidden")) { navMenu.classList.add("hidden"); // Transform back to grid diff --git a/projects.html b/projects.html index 7f30eee..dceba4e 100644 --- a/projects.html +++ b/projects.html @@ -34,7 +34,7 @@ >KH3 -
+
-
+ + + -
@@ -362,17 +362,13 @@ href="index.html" class="flex items-center gap-3 hover:opacity-80 transition-opacity" > - KH3 + KH3 KH3 -
+
@@ -390,9 +386,9 @@ +
+ - -
@@ -556,7 +552,7 @@ id="modalCategory" class="text-kh3-red text-sm font-medium tracking-wider" >

- + - +
@@ -597,8 +593,8 @@ >
-
-
+ +