diff --git a/components/content/carousel/index.tsx b/components/content/carousel/index.tsx index 5ab85c1..534047b 100755 --- a/components/content/carousel/index.tsx +++ b/components/content/carousel/index.tsx @@ -24,12 +24,15 @@ const ContentCarousel = ({ const portfolioData = data[currentPageIdx]; return (
- {(currentPageIdx > 0) && setCurrentPageIdx(currentPageIdx - 1)}>}
-
{portfolioData.title}
+
{portfolioData.title}
{portfolioData.heroImgSrc &&
} +
+ {(currentPageIdx > 0) && setCurrentPageIdx(currentPageIdx - 1)}>} + {(currentPageIdx < pageLength - 1) && setCurrentPageIdx(currentPageIdx + 1)}>} +
{portfolioData.description}
- {portfolioData.prototypeIframeURL &&
+ {portfolioData.prototypeIframeURL &&
{/* {} */} - - {portfolioData.title} + +
+ + {portfolioData.title} + +
}
- {(currentPageIdx < pageLength - 1) && setCurrentPageIdx(currentPageIdx + 1)}>}
); diff --git a/components/layout.tsx b/components/layout.tsx index 21c7d25..7d3afc7 100644 --- a/components/layout.tsx +++ b/components/layout.tsx @@ -1,8 +1,12 @@ import Navbar from './navbar' import Footer from './footer' import React from 'react' - -export default function Layout({ children }) { + +export interface LayoutProps { + children: React.JSX.Element +}; + +export default function Layout({children}: LayoutProps) { return (
diff --git a/components/navbar.tsx b/components/navbar.tsx index 69312b4..f92614d 100644 --- a/components/navbar.tsx +++ b/components/navbar.tsx @@ -1,5 +1,11 @@ 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 (
@@ -9,10 +15,26 @@ export default function Navbar({}) { Okechi Onyeje
- LinkedIn + + + - Github/ - Gitea + + + + + / + + + Gitea + + {/* BSide */}
diff --git a/lib/navigationContent.tsx b/lib/navigationContent.tsx index 5f1576f..8eb132a 100755 --- a/lib/navigationContent.tsx +++ b/lib/navigationContent.tsx @@ -8,7 +8,7 @@ import portfolioValues from './portfolio'; const resumePdf: string = '/assets/Okechi_Onyeje_Resume_Professional_2023.pdf' -export default [ +const navigationContent = [ { name: contentValues.intro.name, url: '#intro', @@ -30,7 +30,7 @@ export default [ - +
} /> @@ -56,4 +56,6 @@ export default [ } /> } -]; \ No newline at end of file +]; + +export default navigationContent; \ No newline at end of file diff --git a/next.config.js b/next.config.js index 0e000a0..1ffa013 100644 --- a/next.config.js +++ b/next.config.js @@ -6,6 +6,7 @@ const nextConfig = { return config; }, + // basePath: '/github-pages', } module.exports = nextConfig diff --git a/package.json b/package.json index b7c846b..e97fefc 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,8 @@ }, "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.4.2", + "@fortawesome/free-brands-svg-icons": "^6.4.2", + "@fortawesome/free-regular-svg-icons": "^6.4.2", "@fortawesome/free-solid-svg-icons": "^6.4.2", "@fortawesome/react-fontawesome": "^0.2.0", "iframe-resizer-react": "^1.1.0", @@ -20,7 +22,8 @@ "react-dom": "latest", "react-hook-form": "^7.47.0", "react-modal": "^3.16.1", - "react-pdf": "^7.4.0" + "react-pdf": "^7.4.0", + "sharp": "^0.32.6" }, "devDependencies": { "@types/node": "latest", diff --git a/pages/_document.tsx b/pages/_document.tsx index 042d4df..a6c0b08 100644 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -14,11 +14,6 @@ export default function Document() { type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" /> -