Files
astroplate/src/layouts/partials/Footer.astro
T
2024-05-18 16:00:14 +06:00

44 lines
1.5 KiB
Plaintext
Executable File

---
import Logo from "@/components/Logo.astro";
import Social from "@/components/Social.astro";
import config from "@/config/config.json";
import social from "@/config/social.json";
import { getLangFromUrl } from "@/lib/utils/i18nUtils";
import { loadMenu } from "@/lib/utils/loadMenu";
import { markdownify } from "@/lib/utils/textConverter";
import { getRelativeLocaleUrl } from "astro:i18n";
const lang = getLangFromUrl(Astro.url);
const menu = loadMenu(lang);
const { footer }: { footer: { name: string; url: string }[] } = menu;
---
<footer class="bg-theme-light dark:bg-darkmode-theme-light">
<div class="container">
<div class="row items-center py-10">
<div class="mb-8 text-center lg:col-3 lg:mb-0 lg:text-left">
<Logo />
</div>
<div class="mb-8 text-center lg:col-6 lg:mb-0">
<ul>
{
footer.map((menu) => (
<li class="m-3 inline-block">
<a href={getRelativeLocaleUrl(lang, menu.url)}>{menu.name}</a>
</li>
))
}
</ul>
</div>
<div class="mb-8 text-center lg:col-3 lg:mb-0 lg:mt-0 lg:text-right">
<Social source={social.main} className="social-icons" />
</div>
</div>
</div>
<div class="border-t border-border py-7 dark:border-darkmode-border">
<div class="container text-center text-light dark:text-darkmode-light">
<p set:html={markdownify(config.params.copyright)} />
</div>
</div>
</footer>