diff options
Diffstat (limited to 'src/components/layout/Footer.astro')
| -rw-r--r-- | src/components/layout/Footer.astro | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/src/components/layout/Footer.astro b/src/components/layout/Footer.astro new file mode 100644 index 0000000..5eea6e8 --- /dev/null +++ b/src/components/layout/Footer.astro @@ -0,0 +1,27 @@ +--- +import { menuLinks, siteConfig } from "@/site.config"; + +const year = new Date().getFullYear(); +--- + +<footer + class="mt-auto flex w-full flex-col items-center justify-center gap-y-2 pt-20 pb-4 text-center align-top font-semibold text-gray-600 sm:flex-row sm:justify-between sm:text-xs dark:text-gray-400" +> + <div class="me-0 sm:me-4"> + © {siteConfig.author} + {year}.<span class="inline-block"> 🚀 {siteConfig.title}</span> + </div> + <nav + aria-labelledby="footer_links" + class="flex gap-x-2 sm:gap-x-0 sm:divide-x sm:divide-gray-500" + > + <p id="footer_links" class="sr-only">More on this site</p> + { + menuLinks.map((link) => ( + <a class="hover:text-global-text px-4 py-2 hover:underline sm:py-0" href={link.path}> + {link.title} + </a> + )) + } + </nav> +</footer> |