37 lines
929 B
Plaintext
37 lines
929 B
Plaintext
---
|
|
import ThemeToggle from './ThemeToggle.astro';
|
|
|
|
const currentPath = Astro.url.pathname;
|
|
---
|
|
|
|
<nav>
|
|
<div class="container">
|
|
<div class="nav-wrapper">
|
|
<div class="nav-brand">
|
|
<img src="/logo-placeholder.svg" alt="CC24-Hub" class="nav-logo" />
|
|
<span style="font-weight: 600; font-size: 1.125rem;">CC24-Hub</span>
|
|
</div>
|
|
|
|
<ul class="nav-links">
|
|
<li>
|
|
<a href="/" class={`nav-link ${currentPath === '/' ? 'active' : ''}`}>
|
|
~/
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/status" class={`nav-link ${currentPath === '/status' ? 'active' : ''}`}>
|
|
~/status
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/about" class={`nav-link ${currentPath === '/about' ? 'active' : ''}`}>
|
|
~/about
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<ThemeToggle />
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav> |