Archived
1
0
Fork 0
This repository has been archived on 2024-04-05. You can view files and clone it, but cannot push or open issues or pull requests.
ethanreece.com/src/components/content/global/Navbar.astro
2023-06-02 13:25:17 -05:00

26 lines
808 B
Text

---
const homeText = 'Ethan Reece'
const links = [
{ text: 'About Me', link: '/#about' },
{ text: 'Projects', link: '/#projects' },
{ text: 'Experience', link: '/#experience' },
{ text: 'Hobbies', link: '/#hobbies' },
{ text: 'Contact Me', link: '/#contact' },
]
---
<div class="fixed z-navbar w-full backdrop-blur-sm">
<div
class="max-h-navbar-h bg-background-light px-screen-x py-screen-y opacity-80"
>
<ul
role="list"
class="flex w-full items-center space-x-screen-x whitespace-nowrap font-normal"
>
<a href="/" rel="prefetch" class="mr-auto text-[1.25rem] font-bold"
>{homeText}</a
>
{links.map((link) => <a href={link.link}>{link.text}</a>)}
</ul>
</div>
</div>