mirror of
https://git.kh3group.com/georgebiri/kh3_website.git
synced 2026-10-16 19:31:47 +00:00
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
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
584ba42eab
commit
c7085dcc8b
2 changed files with 36 additions and 36 deletions
42
index.html
42
index.html
|
|
@ -51,7 +51,7 @@
|
|||
"
|
||||
>
|
||||
<span class="md:hidden">HOME</span>
|
||||
<span
|
||||
<span
|
||||
class="hidden md:inline"
|
||||
style="
|
||||
animation-delay: 0.05s;
|
||||
|
|
@ -68,8 +68,8 @@
|
|||
animation-duration: 0.15s;
|
||||
"
|
||||
>O</span
|
||||
>
|
||||
<span
|
||||
>
|
||||
<span
|
||||
class="hidden md:inline"
|
||||
style="
|
||||
animation-delay: 0.1s;
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
"
|
||||
>M</span
|
||||
>
|
||||
<span
|
||||
<span
|
||||
class="hidden md:inline"
|
||||
style="
|
||||
animation-delay: 0.125s;
|
||||
|
|
@ -90,8 +90,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;
|
||||
|
|
@ -131,8 +131,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;
|
||||
|
|
@ -263,8 +263,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 @@
|
|||
class="w-3 h-3 bg-kh3-red transform rotate-45 -mt-1.5"
|
||||
></div>
|
||||
<div class="w-px h-8 bg-kh3-red"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center h-16">
|
||||
<span
|
||||
class="text-xs md:text-sm tracking-widest text-neutral-400"
|
||||
|
|
@ -533,18 +533,18 @@
|
|||
<div class="flex items-center gap-4">
|
||||
<a
|
||||
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"
|
||||
>Why</a
|
||||
>
|
||||
<a
|
||||
href="contact.html"
|
||||
data-trans
|
||||
<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
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -555,7 +555,7 @@
|
|||
>
|
||||
<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"
|
||||
href="about.html"
|
||||
href="about.html"
|
||||
data-trans
|
||||
>
|
||||
Why
|
||||
|
|
@ -576,9 +576,9 @@
|
|||
WHO
|
||||
</a>
|
||||
<div class="w-6 md:w-8 h-px bg-kh3-red"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Custom Cursor -->
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
>
|
||||
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Navigation Links - Inverted C Layout -->
|
||||
<nav class="flex-1 relative">
|
||||
|
|
@ -346,12 +346,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">
|
||||
|
|
@ -361,7 +361,7 @@
|
|||
>
|
||||
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Menu Toggle with Homepage/WHY structure -->
|
||||
<div
|
||||
|
|
@ -374,7 +374,7 @@
|
|||
<span class="wave"></span>
|
||||
<span class="wave"></span>
|
||||
<span class="wave"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-outline" aria-hidden="true"></div>
|
||||
<div class="relative" id="menuGrid">
|
||||
<img
|
||||
|
|
@ -392,8 +392,8 @@
|
|||
alt="petal"
|
||||
class="w-8 h-8"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile view: simple transparent background -->
|
||||
<div class="md:hidden">
|
||||
|
|
@ -577,7 +577,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"
|
||||
|
|
@ -596,7 +596,7 @@
|
|||
></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Body -->
|
||||
<div class="flex flex-col lg:flex-row h-full">
|
||||
|
|
@ -618,8 +618,8 @@
|
|||
>
|
||||
<div id="imageDots" class="flex space-x-2">
|
||||
<!-- Dots will be generated here -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Previous/Next Buttons -->
|
||||
<button
|
||||
|
|
@ -665,9 +665,9 @@
|
|||
>
|
||||
<span id="imageCounter">1</span> /
|
||||
<span id="totalImages">1</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project Details Section -->
|
||||
<div
|
||||
|
|
@ -686,7 +686,7 @@
|
|||
id="modalDescription"
|
||||
class="text-white/80 text-sm leading-relaxed"
|
||||
></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Project Details -->
|
||||
<div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue