vt3e.cat
1import { html } from "../html";
2import { Image } from "./Image";
3
4export const NavigationBar = () => html`
5 <div class="navigation-bar">
6 <div class="navigation-bar__inner">
7 <a href="/" data-link class="navigation-bar__brand">
8 <div class="navigation-bar__icon">
9 ${Image("avatar", { size: 256 })}
10 </div>
11 <div class="navigation-bar__title" title="wiwaow!">willow!</div>
12 </a>
13 <nav class="navigation-bar__nav">
14 <a href="/" data-link>home</a>
15 <a href="/uses" data-link>uses</a>
16 <a href="/projects" data-link>projects</a>
17 </nav>
18 </div>
19 </div>
20`;