website/_components/footer.tsx
Foster Hangdaan 4b8e72b1d6
Pin icon images to specific version
Instead of using the `latest` version, which could introduce breaking changes.
2024-03-11 15:57:14 -04:00

62 lines
1.9 KiB
TypeScript

export default function ({ comp }) {
const iconStyle = {
filter: "var(--filter-fg)",
};
return (
<footer className="page-footer">
{comp.separator()}
<div className="social-links">
<a href="https://code.fosterhangdaan.com/foster" title="Forgejo">
<img
src="https://static.fosterhangdaan.com/icons/simple-icons/v10.2.0/forgejo.svg"
className="icon"
style={iconStyle}
alt="forgejo"
/>
</a>
<a href="mailto:foster@hangdaan.email" title="eMail">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/mail-filled.svg"
className="icon"
style={iconStyle}
alt="e-mail"
/>
</a>
<a href="https://www.fosterhangdaan.com/blog/feed.rss" title="RSS Feed">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/rss.svg"
className="icon"
style={iconStyle}
alt="rss"
/>
</a>
<a
href="https://www.fosterhangdaan.com/blog/feed.json"
title="JSON Feed"
>
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/braces.svg"
className="icon"
style={iconStyle}
alt="json feed"
/>
</a>
</div>
<p>Copyright &copy; 2023 Foster Hangdaan</p>
<p>
Made with <a href="https://lume.land/">Lume</a>,{" "}
<a href="https://www.typescriptlang.org/">TypeScript</a> and lots of
{" "}
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/heart.svg"
className="icon"
style={{ filter: "var(--filter-red)" }}
title="love"
alt="love"
/>.
</p>
</footer>
);
}