Files
web7sys/public/components/header.html
ben7sys 4f9e817d61 In header.html:
Added IDs to navigation links
Added script to hide expertise and contact links on non-index pages
Kept the Start link visible on all pages to return to homepage
In components.js:

Fixed the COMPONENTS_LOADED_EVENT declaration to prevent duplicate declaration error
Added condition to only enable scroll behavior on index page
Kept component loading logic but made it more robust
2024-11-15 12:09:23 +01:00

30 lines
1.1 KiB
HTML

<header>
<div class="header-content">
<div class="logo-container">
<div class="logo-text">
<span>7</span><span>S</span><span>Y</span><span>S</span>
</div>
</div>
<nav class="nav-menu">
<a href="/" id="start-link">Start</a>
<a href="/#services" id="expertise-link">Expertise</a>
<a href="/#contact" id="contact-link">Kontakt</a>
<button class="theme-toggle" aria-label="Theme Toggle">
<i class="fas fa-moon"></i>
</button>
</nav>
<button class="mobile-menu-toggle" aria-label="Toggle Menu">
<i class="fas fa-bars"></i>
</button>
</div>
<script>
// Hide expertise and contact links on non-index pages
if (window.location.pathname !== '/' && window.location.pathname !== '/index.html') {
document.getElementById('expertise-link').style.display = 'none';
document.getElementById('contact-link').style.display = 'none';
}
</script>
</header>