SanYeCao-blog/src/components/Footer.astro

---
import { getLangFromUrl, getTranslations, type Lang } from "@/i18n";
import BuildHashBlocks from "@/components/BuildHashBlocks.astro";
const commit = import.meta.env.PUBLIC_GIT_COMMIT || "unknown";
const lang = getLangFromUrl(Astro.url);
const t = getTranslations(lang);
---

<footer class="footer">
  <p set:html={t.footer.githubIntro} />
  <p set:html={t.footer.repoIntro} />
  <BuildHashBlocks />
  <code class="build-commit">{commit.slice(0, 7)}</code>
</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>