2024-03-05 18:38:42 -05:00
|
|
|
export default function () {
|
2023-08-04 18:16:39 -04:00
|
|
|
const iconStyle = {
|
2023-08-04 22:47:55 -04:00
|
|
|
filter: "var(--filter-green)",
|
2023-08-04 18:16:39 -04:00
|
|
|
};
|
|
|
|
|
2023-07-26 09:50:04 -04:00
|
|
|
return (
|
|
|
|
<nav className="navbar">
|
|
|
|
<ul className="navbar-list">
|
|
|
|
<li className="navbar-list-item home">
|
2023-08-06 10:43:35 -04:00
|
|
|
<a href="/" title="Home">
|
2023-08-04 18:16:39 -04:00
|
|
|
<img
|
2024-03-11 15:57:14 -04:00
|
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/home.svg"
|
2023-08-04 18:16:39 -04:00
|
|
|
className="icon"
|
|
|
|
style={iconStyle}
|
2023-08-06 10:43:35 -04:00
|
|
|
alt="home"
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li className="navbar-list-item">
|
2023-12-03 19:15:13 -05:00
|
|
|
<a href="/blog/" title="Blog">
|
2023-08-06 10:43:35 -04:00
|
|
|
<img
|
2024-03-11 15:57:14 -04:00
|
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/news.svg"
|
2023-08-06 10:43:35 -04:00
|
|
|
className="icon"
|
|
|
|
style={iconStyle}
|
2023-10-05 11:09:26 -04:00
|
|
|
alt="blog"
|
2023-08-06 10:43:35 -04:00
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li className="navbar-list-item">
|
2023-12-03 19:15:13 -05:00
|
|
|
<a href="/resume/" title="Resume">
|
2023-08-06 10:43:35 -04:00
|
|
|
<img
|
2024-03-11 15:57:14 -04:00
|
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/file-cv.svg"
|
2023-08-06 10:43:35 -04:00
|
|
|
className="icon"
|
|
|
|
style={iconStyle}
|
2023-10-05 11:09:26 -04:00
|
|
|
alt="resume"
|
2023-08-06 10:43:35 -04:00
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li className="navbar-list-item">
|
2023-12-03 19:15:13 -05:00
|
|
|
<a href="/gpg-key/" title="GPG Key">
|
2023-08-06 10:43:35 -04:00
|
|
|
<img
|
2024-03-11 15:57:14 -04:00
|
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/key.svg"
|
2023-08-06 10:43:35 -04:00
|
|
|
className="icon"
|
|
|
|
style={iconStyle}
|
|
|
|
alt="gpg key"
|
|
|
|
/>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<li className="navbar-list-item">
|
2023-12-03 19:15:13 -05:00
|
|
|
<a href="/about/" title="About">
|
2023-08-06 10:43:35 -04:00
|
|
|
<img
|
2024-03-11 15:57:14 -04:00
|
|
|
src="https://static.fosterhangdaan.com/icons/tabler-icons/v2.47.0/svg/info-circle.svg"
|
2023-08-06 10:43:35 -04:00
|
|
|
className="icon"
|
|
|
|
style={iconStyle}
|
2023-10-05 11:09:26 -04:00
|
|
|
alt="about"
|
2023-08-04 18:16:39 -04:00
|
|
|
/>
|
|
|
|
</a>
|
2023-07-26 09:50:04 -04:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</nav>
|
|
|
|
);
|
|
|
|
}
|