45 lines
2.2 KiB
TypeScript
45 lines
2.2 KiB
TypeScript
import Link from "next/link";
|
|
import React from "react";
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
import { faLinkedin } from "@fortawesome/free-brands-svg-icons";
|
|
import { faGithub } from "@fortawesome/free-brands-svg-icons";
|
|
import giteaLogo from "@/public/gitea-logo.svg";
|
|
import Image from "next/image";
|
|
|
|
export default function Navbar({}) {
|
|
return (
|
|
<div className="text-white w-full middle align-middle bg-black h-11">
|
|
<div className="h-full flex flex-col justify-center">
|
|
<div className="flex flex-row justify-between ml-2">
|
|
<div>
|
|
Okechi Onyeje
|
|
</div>
|
|
<div className="flex flex-row gap-4 mr-2">
|
|
<Link href="https://www.linkedin.com/in/okechi-onyeje-57129b9a/" target="#">
|
|
<FontAwesomeIcon width={20} height={70} icon={faLinkedin} className="fas fa-linkedin" style={{ color: "white" }} />
|
|
</Link>
|
|
<span className="flex flex-row">
|
|
<Link href="https://github.com/oonyeje" target="#">
|
|
<i className="fa-solid">
|
|
<FontAwesomeIcon width={30} height={70} icon={faGithub} className="fas fa-github" style={{ color: "white" }} />
|
|
</i>
|
|
</Link>/
|
|
<Link className="ml-2 mt-1 align-middle" href="https://gitea.bsidesolutions.net/oonyeje" target="#">
|
|
<i className="fa-solid">
|
|
<Image
|
|
height={16}
|
|
width={16}
|
|
priority
|
|
src={giteaLogo}
|
|
alt="Gitea"
|
|
/>
|
|
</i>
|
|
</Link>
|
|
</span>
|
|
{/* <Link href="https://bsidesol.com" target="#">BSide</Link> */}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}; |