27 lines
549 B
TypeScript
27 lines
549 B
TypeScript
const links = [
|
|
{ path: '/learn', label: 'Learn' },
|
|
{ path: '/playground', label: 'Playground' },
|
|
];
|
|
|
|
export function header(path: string): string {
|
|
const nav = links
|
|
.map(
|
|
(l) =>
|
|
`<a href="#${l.path}"${path === l.path ? ' aria-current="page"' : ''}>${l.label}</a>`,
|
|
)
|
|
.join('\n ');
|
|
|
|
return `
|
|
<header>
|
|
<a class="brand" href="#/">
|
|
<span class="mark">
|
|
<svg class="icon" aria-hidden="true"><use href="/icons.svg#flag" /></svg>
|
|
</span>
|
|
Stint.
|
|
</a>
|
|
<nav>
|
|
${nav}
|
|
</nav>
|
|
</header>`;
|
|
}
|