This commit is contained in:
Benjamin Toby 2023-12-31 07:58:55 +01:00
parent 1f5060e984
commit b99a807788
2 changed files with 34 additions and 18 deletions

View File

@ -10,8 +10,17 @@ const HeaderNav = ({ mobile }: { mobile?: boolean }): React.ReactElement => {
const links: { title: string; url: string }[] = require("./links.json"); const links: { title: string; url: string }[] = require("./links.json");
return ( return (
<nav className={"items-start xl:items-center gap-x-6 gap-y-2 xl:flex-row" + (mobile ? " flex-col" : " hidden xl:flex")}> <nav
{links.map((link: { title: string; url: string; download?: boolean }, index) => { className={
"items-start xl:items-center gap-x-6 gap-y-2 xl:flex-row" +
(mobile ? " flex-col" : " hidden xl:flex")
}
>
{links.map(
(
link: { title: string; url: string; download?: boolean },
index
) => {
return ( return (
<a <a
key={index} key={index}
@ -23,15 +32,13 @@ const HeaderNav = ({ mobile }: { mobile?: boolean }): React.ReactElement => {
{link.title} {link.title}
</a> </a>
); );
})} }
)}
<span className="opacity-20">|</span> <span className="opacity-20">|</span>
<div className="flex items-start xl:items-center gap-4 flex-col xl:flex-row"> <div className="flex items-start xl:items-center gap-4 flex-col xl:flex-row">
<a <a href="https://github.com/BenjaminToby" target="_blank">
href="https://github.com/BenjaminToby"
target="_blank"
>
<img <img
src="/images/github-white.png" src="/images/github-white.png"
alt="Benjamin Toby Github" alt="Benjamin Toby Github"
@ -52,6 +59,15 @@ const HeaderNav = ({ mobile }: { mobile?: boolean }): React.ReactElement => {
className="flex items-center" className="flex items-center"
/> />
</a> </a>
<a href="https://team.tben.me" target="_blank">
<img
src="/images/mattermost-logo.webp"
alt="Benjamin Toby Github"
width={20}
height={20}
className="flex items-center"
/>
</a>
</div> </div>
</nav> </nav>
); );

Binary file not shown.

After

Width:  |  Height:  |  Size: 1016 B