SanYeCao-blog/src/components/Footer.astro

57 lines
1 KiB
Text

---
import { getLangFromUrl, getTranslations, type Lang } from "@/i18n";
const lang = getLangFromUrl(Astro.url);
const t = getTranslations(lang);
---
<footer class="footer">
<p set:html={t.footer.githubIntro} />
<p set:html={t.footer.repoIntro} />
</footer>
<style>
.footer {
margin-top: 1rem;
padding: 1.5rem 0 0;
font-size: 0.95rem;
opacity: 0.9;
position: relative;
}
.footer::before {
content: "";
display: block;
width: 100%;
height: 12px;
margin-bottom: 1rem;
background: repeating-linear-gradient(
-45deg,
#ef5a6f 0 14px,
transparent 14px 28px,
#536493 28px 42px,
transparent 42px 56px
);
pointer-events: none;
}
.footer p {
margin: 0.4rem 0;
}
.footer a {
color: #7fb3ff;
font-weight: 700;
text-decoration: underline;
}
:global(.dark) .footer::before {
background: repeating-linear-gradient(
-45deg,
#ff8a8a 0 14px,
transparent 14px 28px,
#9ecbff 28px 42px,
transparent 42px 56px
);
}
</style>