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

feat: wrap logo images in anchor tags for improved navigation and add hover effects across multiple pages

Browse source
This commit is contained in:
George Birikorang 2025-09-15 03:06:44 -07:00
parent 8fe919c449
commit 71e2a8489e
6 changed files with 63 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

29
contact.html
View file

@ -47,11 +47,13 @@
> >
<!-- Logo Section --> <!-- Logo Section -->
<div class="flex items-center"> <div class="flex items-center">
<img <a href="index.html" class="cursor-pointer">
src="assets/images/khy_logo.png" <img
alt="KHY Logo" src="assets/images/khy_logo.png"
class="h-12 sm:h-20 w-auto drop-shadow-sm" alt="KHY Logo"
/> class="h-12 sm:h-20 w-auto drop-shadow-sm hover:opacity-80 transition-opacity"
/>
</a>
</div> </div>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->
@ -616,11 +618,18 @@
<div class="space-y-2"> <div class="space-y-2">
<!-- Logo --> <!-- Logo -->
<div class="w-16 h-20"> <div class="w-16 h-20">
<img <a
src="assets/images/khy_logo.png" href="index.html"
alt="khy" aria-label="Go to KHY home"
class="w-full h-full object-contain" title="KHY Home"
/> class="inline-block w-full h-full group focus:outline-none focus-visible:ring-2 focus-visible:ring-uc-gold rounded-md transition"
>
<img
src="assets/images/khy_logo.png"
alt="khy"
class="w-full h-full object-contain transition-transform duration-300 group-hover:scale-105"
/>
</a>
</div> </div>
<!-- Address --> <!-- Address -->

12
index.html
View file

@ -184,11 +184,13 @@
> >
<!-- Logo Section --> <!-- Logo Section -->
<div class="flex items-center"> <div class="flex items-center">
<img <a href="index.html" class="cursor-pointer">
src="assets/images/khy_logo.png" <img
alt="KHY Logo" src="assets/images/khy_logo.png"
class="h-12 sm:h-20 w-auto drop-shadow-sm" alt="KHY Logo"
/> class="h-12 sm:h-20 w-auto drop-shadow-sm hover:opacity-80 transition-opacity"
/>
</a>
</div> </div>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->

29
product-catalog.html
View file

@ -30,12 +30,14 @@
> >
<!-- Logo Section --> <!-- Logo Section -->
<div class="flex items-center"> <div class="flex items-center">
<img <a href="index.html" class="cursor-pointer">
src="assets/images/khy_logo.png" <img
alt="KHY Logo" src="assets/images/khy_logo.png"
class="h-12 sm:h-20 w-auto drop-shadow-sm" alt="KHY Logo"
class="h-12 sm:h-20 w-auto drop-shadow-sm hover:opacity-80 transition-opacity"
/> />
</div> </a>
</div>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->
<ul class="hidden sm:flex space-x-10"> <ul class="hidden sm:flex space-x-10">
@ -357,11 +359,18 @@
<div class="space-y-2"> <div class="space-y-2">
<!-- Logo --> <!-- Logo -->
<div class="w-16 h-20"> <div class="w-16 h-20">
<img <a
src="assets/images/khy_logo.png" href="index.html"
alt="khy" aria-label="Go to KHY home"
class="w-full h-full object-contain" title="KHY Home"
/> class="inline-block w-full h-full group focus:outline-none focus-visible:ring-2 focus-visible:ring-uc-gold rounded-md transition"
>
<img
src="assets/images/khy_logo.png"
alt="khy"
class="w-full h-full object-contain transition-transform duration-300 group-hover:scale-105"
/>
</a>
</div> </div>
<!-- Address --> <!-- Address -->

12
product-comparison.html
View file

@ -39,11 +39,13 @@
> >
<!-- Logo Section --> <!-- Logo Section -->
<div class="flex items-center"> <div class="flex items-center">
<img <a href="index.html" class="cursor-pointer">
src="assets/images/khy_logo.png" <img
alt="KHY Logo" src="assets/images/khy_logo.png"
class="h-12 sm:h-20 w-auto drop-shadow-sm" alt="KHY Logo"
/> class="h-12 sm:h-20 w-auto drop-shadow-sm hover:opacity-80 transition-opacity"
/>
</a>
</div> </div>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->

12
product-detail.html
View file

@ -32,11 +32,13 @@
> >
<!-- Logo Section --> <!-- Logo Section -->
<div class="flex items-center"> <div class="flex items-center">
<img <a href="index.html" class="cursor-pointer">
src="assets/images/khy_logo.png" <img
alt="KHY Logo" src="assets/images/khy_logo.png"
class="h-12 sm:h-20 w-auto drop-shadow-sm" alt="KHY Logo"
/> class="h-12 sm:h-20 w-auto drop-shadow-sm hover:opacity-80 transition-opacity"
/>
</a>
</div> </div>
<!-- Desktop Navigation --> <!-- Desktop Navigation -->

4
styles/main.css
View file

@ -2394,6 +2394,10 @@ video {
text-decoration-line: underline; text-decoration-line: underline;
} }
.hover\:opacity-80:hover {
opacity: 0.8;
}
.hover\:shadow-lg:hover { .hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);