Make site logo and title clickable links to homepage
- Wrapped site icon and title text in anchor tags linking to homepage - Added hover effect (opacity: 0.8) for better UX - Maintained current language when navigating to home - Added aria-label for accessibility - No text decoration or color changes on links
This commit is contained in:
@@ -88,6 +88,26 @@ a:hover {
|
|||||||
padding: 0 .5rem 0 1.5rem;
|
padding: 0 .5rem 0 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Site logo and title links */
|
||||||
|
.site-logo-link,
|
||||||
|
.site-title-link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 36px;
|
||||||
|
transition: opacity 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-logo-link:hover,
|
||||||
|
.site-title-link:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-logo-link {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* Ensure Iconify icons display properly */
|
/* Ensure Iconify icons display properly */
|
||||||
.iconify,
|
.iconify,
|
||||||
iconify-icon {
|
iconify-icon {
|
||||||
|
|||||||
@@ -99,14 +99,18 @@
|
|||||||
<div class="action-bar-content">
|
<div class="action-bar-content">
|
||||||
<!-- Left: Site Title + Hamburger Menu + Language -->
|
<!-- Left: Site Title + Hamburger Menu + Language -->
|
||||||
<div class="site-title">
|
<div class="site-title">
|
||||||
<iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
|
<a href="/?lang={{.Lang}}" class="site-logo-link" aria-label="Home">
|
||||||
|
<iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
|
||||||
|
</a>
|
||||||
|
|
||||||
<!-- Hamburger Menu Button -->
|
<!-- Hamburger Menu Button -->
|
||||||
<button class="hamburger-btn" onclick="toggleMenu()" aria-label="Toggle navigation menu">
|
<button class="hamburger-btn" onclick="toggleMenu()" aria-label="Toggle navigation menu">
|
||||||
<iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
|
<iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<span class="site-title-text">CV JAMR - {{.CurrentYear}}</span>
|
<a href="/?lang={{.Lang}}" class="site-title-link">
|
||||||
|
<span class="site-title-text">CV JAMR - {{.CurrentYear}}</span>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Center: Language selector + View controls with labels -->
|
<!-- Center: Language selector + View controls with labels -->
|
||||||
|
|||||||
Reference in New Issue
Block a user