Fix image and icon issues

driekwartsbroek · Sep 4, 2024 · 02cfac4 · 02cfac4
1 parent 6cf0c4f
commit 02cfac4
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "bootstrap-icons": "^1.11.3",
     "framer-motion": "^11.3.31",
     "next": "14.2.7",
     "next-themes": "^0.3.0",

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -48,7 +48,7 @@ export default function About() {
             <div className="mb-6">
               <Tooltip content="is this you? &amp;#x1f5b5;">
                 <Image
-                  src="/1000_F_26356527_jPF0QNbPhT65KYlYhQhFUFopfzapAidj.jpg"
+                  src="/portfolio/1000_F_26356527_jPF0QNbPhT65KYlYhQhFUFopfzapAidj.jpg"
                   alt="About Me"
                   width={250}
                   height={400}

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -9,6 +9,7 @@ import Container from "@/components/Container";
 import WindowPanel from "@/components/WindowPanel";
 import LetterboxdLink from "@/components/LetterboxdLink";
 import Script from "next/script";
+import "bootstrap-icons/font/bootstrap-icons.css";
 
 const inter = Inter({ subsets: ["latin"] });
 

diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
@@ -19,13 +19,13 @@ const navigationItems = [
 ];
 
 const profileImages = [
-  "/pfp_1.png",
-  "/pfp_2.png",
-  "/pfp_3.png",
-  "/pfp_4.png",
-  "/pfp_5.png",
-  "/pfp_6.png",
-  "/pfp_7.png",
+  "/portfolio/pfp_1.png",
+  "/portfolio/pfp_2.png",
+  "/portfolio/pfp_3.png",
+  "/portfolio/pfp_4.png",
+  "/portfolio/pfp_5.png",
+  "/portfolio/pfp_6.png",
+  "/portfolio/pfp_7.png",
 ];
 
 export default function Navigation() {