gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor header nav structure with nav-links/nav-cta and active aria-current

Browse source
This commit is contained in:
gator 2026-03-11 00:41:30 +00:00
parent af5e458eda
commit 733f67fb41
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
views/partials/header.ejs
View file

@ -16,13 +16,17 @@
</button>
<nav class="site-nav" id="siteNav" aria-label="Primary navigation">
<% (config?.nav || []).forEach(item => {
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
const active = pageName === itemPage;
%>
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>"><%= item.label %></a>
<% }) %>
<a href="/contact" class="btn btn-primary">Contact</a>
<div class="nav-links">
<% (config?.nav || []).forEach(item => {
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
const active = pageName === itemPage;
%>
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>" <%= active ? 'aria-current="page"' : '' %>><%= item.label %></a>
<% }) %>
</div>
<div class="nav-cta">
<a href="/contact" class="btn btn-primary">Contact</a>
</div>
</nav>
</div>
</header>