37 lines
1.4 KiB
TypeScript
37 lines
1.4 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" target="_blank">
|
|
<img
|
|
src="https://static.fosterhangdaan.com/icons/simple-icons/latest/forgejo.svg"
|
|
className="icon"
|
|
style={iconStyle}
|
|
/>
|
|
</a>
|
|
<a href="https://mastodon.online/@foster" title="Mastodon" target="_blank">
|
|
<img
|
|
src="https://static.fosterhangdaan.com/icons/simple-icons/latest/mastodon.svg"
|
|
className="icon"
|
|
style={iconStyle}
|
|
/>
|
|
</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}
|
|
/>
|
|
</a>
|
|
</div>
|
|
<p>Copyright © 2023 Foster Hangdaan</p>
|
|
<p>Made with <a href="https://lume.land/" target="_blank">Lume</a>, <a href="https://www.typescriptlang.org/" target="_blank">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"/>.</p>
|
|
</footer>
|
|
);
|
|
}
|