diff options
| author | seth <[email protected]> | 2023-05-16 03:53:24 -0400 |
|---|---|---|
| committer | seth <[email protected]> | 2023-05-16 04:08:37 -0400 |
| commit | 681cd8c1cc2904c562f9a58db3cbb657d58fb552 (patch) | |
| tree | 9255f71e577fc82f079c16ff493f432ca5557284 /src/components/Nav.astro | |
| parent | bf4df962be338c08ae41bed94b1d60b2930fca9f (diff) | |
feat: rewrite with astro
Diffstat (limited to 'src/components/Nav.astro')
| -rw-r--r-- | src/components/Nav.astro | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/components/Nav.astro b/src/components/Nav.astro new file mode 100644 index 0000000..d25b180 --- /dev/null +++ b/src/components/Nav.astro @@ -0,0 +1,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> |