Files
web7sys/public-pre/components/header.html
ben7sys 934aac41dc The dark/white mode functionality has been fixed for deployment with Coolify using Nixpacks. The improvements include:
Early theme initialization to prevent flashing
Proper component and script loading order
Enhanced error handling and fallbacks
Better theme state persistence
System theme preference detection
The theme system will now work correctly in the production environment when deployed through Coolify with Nixpacks build pack.
2024-11-15 10:15:18 +01:00

23 lines
696 B
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="#intro">Start</a>
<a href="#services">Expertise</a>
<a href="#contact">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>
</header>