summaryrefslogtreecommitdiff
path: root/src/components/Nav.astro
blob: 135027f9411236bbf9f966e54244145161f502c0 (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
30
31
32
33
34
35
36
37
---
interface Links {
	home: string;
	blog: string;
	forgejo: string;
	grafana: string;
	github: string;
	hydra: string;
	miniflux: string;
}

const links: Links = {
	home: "/",
	blog: "/blog",
	forgejo: "https://git.mydadleft.me",
	grafana: "https://grafana.mydadleft.me",
	hydra: "https://hydra.mydadleft.me",
	miniflux: "https://miniflux.mydadleft.me",
	github: "https://github.com/getchoo",
};
---

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