51 lines
942 B
Text
51 lines
942 B
Text
---
|
|
const headerLinks = [
|
|
{
|
|
label: "About",
|
|
href: "/about",
|
|
icon: "fa-solid fa-user", // font awesome css class
|
|
},
|
|
{
|
|
label: "/now",
|
|
href: "/now",
|
|
icon: "fa-solid fa-calendar-days"
|
|
},
|
|
{
|
|
label: "Projects",
|
|
href: "/projects",
|
|
icon: "fa-solid fa-folder",
|
|
},
|
|
{
|
|
label: "Notes",
|
|
href: "/notes",
|
|
icon: "fa-solid fa-sticky-note",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "/blog",
|
|
icon: "fa-solid fa-blog",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "/contact",
|
|
icon: "fa-solid fa-envelope",
|
|
},
|
|
];
|
|
---
|
|
|
|
<nav class="flex flex-row gap-4">
|
|
{
|
|
headerLinks.map((link) => (
|
|
<span>
|
|
<i class={`${link.icon} mr-0.5 text-sm`} />
|
|
<a
|
|
href={link.href}
|
|
class="underline decoration-wavy underline-offset-4 decoration-1.5
|
|
decoration-light-pu dark:decoration-dark-pu"
|
|
>
|
|
{link.label}
|
|
</a>
|
|
</span>
|
|
))
|
|
}
|
|
</nav>
|