support/kh3_website
1
0
Fork 0
mirror of https://git.kh3group.com/georgebiri/kh3_website.git synced 2026-10-16 20:41:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source
This commit is contained in:
George Birikorang 2025-09-03 04:02:25 -04:00
parent 584ba42eab
commit c7085dcc8b
2 changed files with 36 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

42
index.html
View file

@ -51,7 +51,7 @@
" "
> >
<span class="md:hidden">HOME</span> <span class="md:hidden">HOME</span>
<span <span
class="hidden md:inline" class="hidden md:inline"
style=" style="
animation-delay: 0.05s; animation-delay: 0.05s;
@ -68,8 +68,8 @@
animation-duration: 0.15s; animation-duration: 0.15s;
" "
>O</span >O</span
> >
<span <span
class="hidden md:inline" class="hidden md:inline"
style=" style="
animation-delay: 0.1s; animation-delay: 0.1s;
@ -78,7 +78,7 @@
" "
>M</span >M</span
> >
<span <span
class="hidden md:inline" class="hidden md:inline"
style=" style="
animation-delay: 0.125s; animation-delay: 0.125s;
@ -90,8 +90,8 @@
</a> </a>
<!-- WHY - Slightly right --> <!-- WHY - Slightly right -->
<a <a
href="about.html" 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" 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=" style="
animation-delay: 0.2s; animation-delay: 0.2s;
@ -131,8 +131,8 @@
</a> </a>
<!-- HOW - More right --> <!-- HOW - More right -->
<a <a
href="services.html" 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" 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=" style="
animation-delay: 0.35s; animation-delay: 0.35s;
@ -263,8 +263,8 @@
</a> </a>
<!-- CONTACTS - More right --> <!-- CONTACTS - More right -->
<a <a
href="contact.html" 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" 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=" style="
animation-delay: 0.75s; animation-delay: 0.75s;
@ -454,7 +454,7 @@
class="w-3 h-3 bg-kh3-red transform rotate-45 -mt-1.5" class="w-3 h-3 bg-kh3-red transform rotate-45 -mt-1.5"
></div> ></div>
<div class="w-px h-8 bg-kh3-red"></div> <div class="w-px h-8 bg-kh3-red"></div>
</div> </div>
<div class="flex items-center h-16"> <div class="flex items-center h-16">
<span <span
class="text-xs md:text-sm tracking-widest text-neutral-400" class="text-xs md:text-sm tracking-widest text-neutral-400"
@ -533,18 +533,18 @@
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="about.html" href="about.html"
data-trans 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" 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 >Why</a
> >
<a <a
href="contact.html" href="contact.html"
data-trans 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" 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 >Contacts</a
> >
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -555,7 +555,7 @@
> >
<a <a
class="inline-block uppercase tracking-wider px-5 py-2 md:px-6 md:py-3 text-sm md:text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none animate-border-glow" class="inline-block uppercase tracking-wider px-5 py-2 md:px-6 md:py-3 text-sm md:text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none animate-border-glow"
href="about.html" href="about.html"
data-trans data-trans
> >
Why Why
@ -576,9 +576,9 @@
WHO WHO
</a> </a>
<div class="w-6 md:w-8 h-px bg-kh3-red"></div> <div class="w-6 md:w-8 h-px bg-kh3-red"></div>
</div> </div>
</section> </section>
</div> </div>
<!-- Custom Cursor --> <!-- Custom Cursor -->
<div <div

30
projects.html
View file

@ -31,7 +31,7 @@
> >
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" /> <img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
</a> </a>
</div> </div>
<!-- Navigation Links - Inverted C Layout --> <!-- Navigation Links - Inverted C Layout -->
<nav class="flex-1 relative"> <nav class="flex-1 relative">
@ -346,12 +346,12 @@
>S</span >S</span
> >
</a> </a>
</div> </div>
</div> </div>
</div> </div>
</nav> </nav>
</div>
</div> </div>
</div>
<!-- Static Logo and Menu --> <!-- Static Logo and Menu -->
<div class="fixed top-6 left-8 z-40"> <div class="fixed top-6 left-8 z-40">
@ -361,7 +361,7 @@
> >
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" /> <img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
</a> </a>
</div> </div>
<!-- Menu Toggle with Homepage/WHY structure --> <!-- Menu Toggle with Homepage/WHY structure -->
<div <div
@ -374,7 +374,7 @@
<span class="wave"></span> <span class="wave"></span>
<span class="wave"></span> <span class="wave"></span>
<span class="wave"></span> <span class="wave"></span>
</div> </div>
<div class="menu-outline" aria-hidden="true"></div> <div class="menu-outline" aria-hidden="true"></div>
<div class="relative" id="menuGrid"> <div class="relative" id="menuGrid">
<img <img
@ -392,8 +392,8 @@
alt="petal" alt="petal"
class="w-8 h-8" class="w-8 h-8"
/> />
</div>
</div> </div>
</div>
<!-- Mobile view: simple transparent background --> <!-- Mobile view: simple transparent background -->
<div class="md:hidden"> <div class="md:hidden">
@ -577,7 +577,7 @@
id="modalCategory" id="modalCategory"
class="text-kh3-red text-sm font-medium tracking-wider" class="text-kh3-red text-sm font-medium tracking-wider"
></p> ></p>
</div> </div>
<button <button
id="closeModal" id="closeModal"
class="text-white/70 hover:text-white transition-colors duration-300" class="text-white/70 hover:text-white transition-colors duration-300"
@ -596,7 +596,7 @@
></path> ></path>
</svg> </svg>
</button> </button>
</div> </div>
<!-- Modal Body --> <!-- Modal Body -->
<div class="flex flex-col lg:flex-row h-full"> <div class="flex flex-col lg:flex-row h-full">
@ -618,8 +618,8 @@
> >
<div id="imageDots" class="flex space-x-2"> <div id="imageDots" class="flex space-x-2">
<!-- Dots will be generated here --> <!-- Dots will be generated here -->
</div> </div>
</div> </div>
<!-- Previous/Next Buttons --> <!-- Previous/Next Buttons -->
<button <button
@ -665,9 +665,9 @@
> >
<span id="imageCounter">1</span> / <span id="imageCounter">1</span> /
<span id="totalImages">1</span> <span id="totalImages">1</span>
</div> </div>
</div> </div>
</div> </div>
<!-- Project Details Section --> <!-- Project Details Section -->
<div <div
@ -686,7 +686,7 @@
id="modalDescription" id="modalDescription"
class="text-white/80 text-sm leading-relaxed" class="text-white/80 text-sm leading-relaxed"
></p> ></p>
</div> </div>
<!-- Project Details --> <!-- Project Details -->
<div> <div>