support/kh3_website
1
0
Fork 0
mirror of https://git.kh3group.com/georgebiri/kh3_website.git synced 2026-07-02 06:53:44 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: unify indentation and improve layout consistency in index.html and projects.html
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
George Birikorang 2025-08-31 23:58:43 -04:00
parent 4dc84a9e11
commit 35b0d1aa76
2 changed files with 30 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

30
index.html
View file

@ -44,8 +44,8 @@
<!-- Navigation items in inverted C shape -->
<div class="space-y-6">
<!-- HOME - Top -->
<a
href="index.html"
<a
href="index.html"
class="block text-white text-xl md:text-lg font-medium border-b border-white pb-1 ml-0 font-montserrat opacity-0 animate-fade-in-left"
style="
animation-delay: 0.05s;
@ -93,8 +93,8 @@
</a>
<!-- WHY - Slightly right -->
<a
href="about.html"
<a
href="about.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-6 font-montserrat opacity-0 animate-fade-in-left"
style="
animation-delay: 0.2s;
@ -134,8 +134,8 @@
</a>
<!-- HOW - More right -->
<a
href="services.html"
<a
href="services.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left"
style="
animation-delay: 0.35s;
@ -266,8 +266,8 @@
</a>
<!-- CONTACTS - More right -->
<a
href="contact.html"
<a
href="contact.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left"
style="
animation-delay: 0.75s;
@ -454,7 +454,7 @@
>DESIGN</span
>
</div>
</div>
</div>
<!-- DELIVER -->
<div class="flex items-center gap-6">
@ -528,7 +528,7 @@
WHO
</a>
<div class="w-6 md:w-8 h-px bg-kh3-red"></div>
</div>
</div>
<!-- Mobile CTA bar: About & Contacts (centered) -->
<div
@ -536,14 +536,14 @@
style="animation: fadeInUp 0.8s ease-out 1.2s forwards"
>
<div class="flex items-center gap-4">
<a
href="about.html"
<a
href="about.html"
data-trans
class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none"
>Why</a
>
<a
href="contact.html"
<a
href="contact.html"
data-trans
class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none"
>Contacts</a
@ -551,7 +551,7 @@
</div>
</div>
</section>
</div>
</div>
<!-- Custom Cursor -->
<div

30
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">
@ -368,7 +368,7 @@
>KH3</span
>
</a>
</div>
</div>
<!-- Menu Toggle with Transparent Background -->
<div class="fixed top-6 right-8 z-40">
@ -386,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">
@ -551,7 +551,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"
@ -570,7 +570,7 @@
></path>
</svg>
</button>
</div>
</div>
<!-- Modal Body -->
<div class="flex flex-col lg:flex-row h-full">
@ -592,8 +592,8 @@
>
<div id="imageDots" class="flex space-x-2">
<!-- Dots will be generated here -->
</div>
</div>
</div>
</div>
<!-- Previous/Next Buttons -->
<button
@ -639,9 +639,9 @@
>
<span id="imageCounter">1</span> /
<span id="totalImages">1</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Project Details Section -->
<div
@ -660,7 +660,7 @@
id="modalDescription"
class="text-white/80 text-sm leading-relaxed"
></p>
</div>
</div>
<!-- Project Details -->
<div>