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