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;
|
||||
}
|
||||
|
||||
/* 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 */
|
||||
.iconify,
|
||||
iconify-icon {
|
||||
|
||||
@@ -99,14 +99,18 @@
|
||||
<div class="action-bar-content">
|
||||
<!-- Left: Site Title + Hamburger Menu + Language -->
|
||||
<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 -->
|
||||
<button class="hamburger-btn" onclick="toggleMenu()" aria-label="Toggle navigation menu">
|
||||
<iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
|
||||
</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>
|
||||
|
||||
<!-- Center: Language selector + View controls with labels -->
|
||||
|
||||
Reference in New Issue
Block a user