blob: 5faf486c3713878afbf384f51919679da60ec355 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
---
const navLinks = [
{ name: "Home", url: "/" },
{ name: "About Me", url: "/about-me" },
{ name: "Contact", url: "/contact" },
{ name: "GitHub", url: "https://github.com/getchoo" },
];
---
<nav class="navbar">
<div class="navbar-start"></div>
<div class="navbar-center">
<!-- FIXME: Using a grid to scale this on mobile is dumb -->
<ul
class="not-prose menu menu-horizontal grid grid-cols-2 gap-2 lg:flex"
>
{
navLinks.map(({ name, url }) => (
<li>
<a class="prose btn text-lg lg:text-xl" href={url}>
{name}
</a>
</li>
))
}
</ul>
</div>
<div class="navbar-end"></div>
</nav>
|
