gabeefran.co-blog/src/components/Footer.astro
2026-09-02 20:08:41 -03:00

38 lines
1.1 KiB
Text

---
import { useTranslations, type Lang } from '../lib/i18n';
interface Props {
lang: Lang;
}
const { lang } = Astro.props;
const t = useTranslations(lang);
const year = new Date().getFullYear();
---
<footer class="border-t border-border/80">
<div class="mx-auto flex max-w-3xl flex-col gap-2 px-4 py-8 text-sm text-text-muted sm:flex-row sm:items-center sm:justify-between sm:px-6">
<p>
&copy; {year} <span class="font-mono text-text">gabeefranco</span> &middot; {t('footer.rights')}
</p>
<div class="flex items-center gap-4">
<span class="hidden sm:inline">{t('footer.tagline')}</span>
<a
href="https://github.com/gabeefranco"
target="_blank"
rel="noopener noreferrer me"
class="transition-colors hover:text-primary"
>
GitHub
</a>
<a
href="https://github.com/gabeefranco/gabeefran.co-blog"
target="_blank"
rel="noopener noreferrer"
class="transition-colors hover:text-primary"
>
{t('footer.source')}
</a>
</div>
</div>
</footer>