summaryrefslogtreecommitdiff
path: root/src/components/Nav.astro
blob: d25b180032d0e95e5c993c773e62b9124ade7ff8 (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 links = {
	home: "/",
	blog: "/blog",
	github: "https://github.com/getchoo",
};
---

<nav>
	<div
		class="flex flex-column align-center justify-center mx-auto p-5"
		<ul
		class="inline"
	>
		{
			Object.entries(links).map(([link, url]) => (
				<li class="inline text-base p-2">
					<a href={url}>{link}</a>
				</li>
			))
		}
	</div>
</nav>

<style>
	a {
		@apply rounded-xl bg-yellow p-2;
	}
</style>