website/_components/navbar.tsx
Foster Hangdaan b7bc906545
Switch to S3 bucket for static assets
This replaces all asset links to use the new public S3 bucket. It also
upgrades several packages:

- Simple Icons v10.2.0 to v13.9.0
- Tabler Icons v2.47.0 to v3.14.0
- HightightJS v11.9.0 to v11.10.0
- Monaspace v1.000 to v1.101
2024-09-08 10:45:36 -04:00

53 lines
1.5 KiB
TypeScript

export default function () {
const iconStyle = {
filter: "var(--filter-green)",
};
return (
<nav className="navbar">
<ul className="navbar-list">
<li className="navbar-list-item home">
<a href="/" title="Home">
<img
src="https://minio.fosterhangdaan.com/public/images/icons/tabler-icons/3.14.0/outline/home.svg"
className="icon"
style={iconStyle}
alt="home"
/>
</a>
</li>
<li className="navbar-list-item">
<a href="/blog/" title="Blog">
<img
src="https://minio.fosterhangdaan.com/public/images/icons/tabler-icons/3.14.0/outline/news.svg"
className="icon"
style={iconStyle}
alt="blog"
/>
</a>
</li>
<li className="navbar-list-item">
<a href="/resume/" title="Resume">
<img
src="https://minio.fosterhangdaan.com/public/images/icons/tabler-icons/3.14.0/outline/file-cv.svg"
className="icon"
style={iconStyle}
alt="resume"
/>
</a>
</li>
<li className="navbar-list-item">
<a href="/gpg-key/" title="GPG Key">
<img
src="https://minio.fosterhangdaan.com/public/images/icons/tabler-icons/3.14.0/outline/key.svg"
className="icon"
style={iconStyle}
alt="gpg key"
/>
</a>
</li>
</ul>
</nav>
);
}