diff options
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> |