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
30 lines
1.1 KiB
HTML
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>
|