newechoes/src/components/Footer.astro

89 lines
2.1 KiB
Plaintext

---
interface Props {
icp?: string;
psbIcp?: string;
psbIcpUrl?: string;
}
const {
icp = "",
psbIcp = "",
psbIcpUrl = "http://www.beian.gov.cn/portal/registerSystemInfo",
} = Astro.props;
const currentYear = new Date().getFullYear();
---
<footer
class="w-full py-6 px-4 bg-gray-50 dark:bg-dark-bg border-t border-gray-200 dark:border-gray-800 mt-auto"
>
<div
class="max-w-7xl mx-auto flex flex-col items-center justify-center space-y-4"
>
<div
class="flex flex-wrap items-center justify-center gap-4 text-sm text-gray-600 dark:text-gray-400"
>
{
icp && (
<a
href="https://beian.miit.gov.cn/"
target="_blank"
rel="noopener noreferrer"
class="hover:text-primary-600 dark:hover:text-primary-400"
aria-label="工信部备案信息"
>
{icp}
</a>
)
}
{
psbIcp && (
<a
href={psbIcpUrl}
target="_blank"
rel="noopener noreferrer"
class="flex items-center hover:text-primary-600 dark:hover:text-primary-400"
aria-label="公安部备案信息"
>
<img
src="/images/national.png"
alt="公安备案"
class="h-4 mr-1"
width="14"
height="16"
loading="lazy"
/>
{psbIcp}
</a>
)
}
</div>
<div
class="text-sm text-gray-500 dark:text-gray-500 font-light flex flex-wrap items-center justify-center gap-2"
>
<a
href="https://blog.lsy22.com"
class="hover:text-primary-600 dark:hover:text-primary-400"
>
© {currentYear} New Echoes. All rights reserved.
</a>
<span
aria-hidden="true"
class="hidden sm:inline"
>·</span
>
<a
href="/sitemap.xml"
target="_blank"
rel="noopener noreferrer"
class="hover:text-primary-600 dark:hover:text-primary-400"
aria-label="网站地图"
>
Sitemap
</a>
</div>
</div>
</footer>