website/_components/footer.tsx

48 lines
1.7 KiB
TypeScript
Raw Normal View History

2023-07-26 23:04:30 -04:00
export default function({ comp }) {
const iconStyle = {
filter: "var(--filter-fg)",
};
2023-07-26 23:04:30 -04:00
return (
<footer className="page-footer">
2023-08-03 19:31:43 -04:00
{comp.separator()}
<div className="social-links">
<a href="https://code.fosterhangdaan.com/foster" title="Forgejo">
<img
src="https://static.fosterhangdaan.com/icons/simple-icons/latest/forgejo.svg"
className="icon"
style={iconStyle}
2023-08-06 10:48:26 -04:00
alt="forgejo"
/>
</a>
<a href="mailto:foster@hangdaan.email" title="eMail">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/mail-filled.svg"
className="icon"
style={iconStyle}
2023-08-06 10:48:26 -04:00
alt="e-mail"
/>
</a>
2023-08-05 20:13:10 -04:00
<a href="https://www.fosterhangdaan.com/blog/feed.rss" title="RSS Feed">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/rss.svg"
className="icon"
style={iconStyle}
2023-08-06 10:48:26 -04:00
alt="rss"
2023-08-05 20:13:10 -04:00
/>
</a>
2023-08-10 23:04:08 -04:00
<a href="https://www.fosterhangdaan.com/blog/feed.json" title="JSON Feed">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/braces.svg"
className="icon"
style={iconStyle}
alt="json feed"
/>
</a>
</div>
2023-07-26 23:04:30 -04:00
<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/latest/svg/heart.svg" className="icon" style={{ filter: "var(--filter-red)" }} title="love" alt="love"/>.</p>
2023-07-26 23:04:30 -04:00
</footer>
);
}