website/_components/navbar.tsx
Foster Hangdaan 507523aaab
Use icons from static file server
The TSX icon components have been deleted since they will no longer be used.
2023-08-04 18:16:39 -04:00

40 lines
1.1 KiB
TypeScript

export default function() {
const iconStyle = {
filter: "var(--filter-blue)",
};
return (
<nav className="navbar">
<ul className="navbar-list">
<li className="navbar-list-item home">
<a href="/">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/home.svg"
className="icon"
style={iconStyle}
/>
</a>
</li>
<li className="navbar-list-item">
<a href="/gpg-key" title="GPG Key">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/key.svg"
className="icon"
style={iconStyle}
/>
</a>
</li>
<li className="navbar-list-item">
<a href="/resume" title="Resume">
<img
src="https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/file-cv.svg"
className="icon"
style={iconStyle}
/>
</a>
</li>
</ul>
</nav>
);
}