georgebiri/kh3_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: replace dark logo with light logo across all pages and update menu toggle animations

Browse source
This commit is contained in:
George Birikorang 2025-08-31 22:47:28 -04:00
parent 1d80addd7a
commit a2fe128ff7
10 changed files with 121 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

36
projects.html
View file

@ -34,7 +34,7 @@
>KH3</span
>
</a>
</div>
</div>
<!-- Navigation Links - Inverted C Layout -->
<nav class="flex-1 relative">
@ -349,12 +349,12 @@
>S</span
>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- Static Logo and Menu -->
<div class="fixed top-6 left-8 z-40">
@ -362,17 +362,13 @@
href="index.html"
class="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img
src="assets/images/kh3_logo_dark.png"
alt="KH3"
class="w-12 h-12"
/>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span
class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</a>
</div>
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
@ -390,9 +386,9 @@
<span class="w-1 h-1 bg-white rounded-full"></span>
<span class="w-1 h-1 bg-white rounded-full"></span>
<span class="w-1 h-1 bg-white rounded-full"></span>
</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<main class="pt-20">
@ -556,7 +552,7 @@
id="modalCategory"
class="text-kh3-red text-sm font-medium tracking-wider"
></p>
</div>
</div>
<button
id="closeModal"
class="text-white/70 hover:text-white transition-colors duration-300"
@ -575,7 +571,7 @@
></path>
</svg>
</button>
</div>
</div>
<!-- Modal Body -->
<div class="flex flex-col lg:flex-row h-full">
@ -597,8 +593,8 @@
>
<div id="imageDots" class="flex space-x-2">
<!-- Dots will be generated here -->
</div>
</div>
</div>
</div>
<!-- Previous/Next Buttons -->
<button
@ -644,9 +640,9 @@
>
<span id="imageCounter">1</span> /
<span id="totalImages">1</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Project Details Section -->
<div
@ -665,7 +661,7 @@
id="modalDescription"
class="text-white/80 text-sm leading-relaxed"
></p>
</div>
</div>
<!-- Project Details -->
<div>