Fix image loading

Author: sa-fw-an

.prettierignore

@@ -1,3 +1,4 @@
 node_modules/
 build/
-public/
+public/
+src/constants/posts/

package.json

@@ -12,7 +12,7 @@
     "predeploy": "npm run build",
     "deploy": "gh-pages -d dist",
     "lint:ts": "eslint 'src/**/*.{ts,tsx}'",
-    "lint:md": "markdownlint '**/*.md' --ignore node_modules",
+    "lint:md": "markdownlint '**/*.md' --ignore-path .prettierignore",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json,css,md}'",
     "format:file": "prettier --write",
     "format:check": "prettier --check 'src/**/*.{js,jsx,ts,tsx,json,css,md}'"

src/components/AboutUs/TextMaskSection.tsx

@@ -40,7 +40,7 @@ const TextMaskSection = () => {
           <motion.div
             className="absolute inset-0 w-full h-full"
             style={{
-              backgroundImage: "url('/assets/Images/teach.jpg')",
+              backgroundImage: "url('assets/Images/teach.jpg')",
               backgroundSize: 'cover',
               backgroundPosition: 'center',
               filter: 'contrast(1.1) saturate(1.2)',

src/constants/aboutUs/principles.ts

@@ -11,35 +11,35 @@ export const principles: Principle[] = [
     title: 'Open Learning',
     description:
       'We believe in making education accessible to everyone through open-source software and collaborative learning environments.',
-    image: '/assets/Images/teach.jpg',
+    image: 'assets/Images/teach.jpg',
   },
   {
     id: 2,
     title: 'Community Driven',
     description:
       'Our success relies on active participation from a diverse community of contributors who share common educational goals.',
-    image: '/assets/Images/teach1.jpg',
+    image: 'assets/Images/teach1.jpg',
   },
   {
     id: 3,
     title: 'Innovation',
     description:
       'We encourage creative problem-solving and innovative approaches to educational technology development.',
-    image: '/assets/Images/teach2.jpeg',
+    image: 'assets/Images/teach2.jpeg',
   },
   {
     id: 4,
     title: 'Collaboration',
     description:
       'Working together while maintaining independence allows each participant to contribute their unique perspective.',
-    image: '/assets/Images/teach.jpg',
+    image: 'assets/Images/teach.jpg',
   },
   {
     id: 5,
     title: 'Sustainability',
     description:
       'Building lasting solutions that can be maintained and improved by the community over time.',
-    image: '/assets/Images/teach1.jpg',
+    image: 'assets/Images/teach1.jpg',
   },
 ];
 

src/constants/aboutUs/projects.ts

@@ -12,31 +12,31 @@ export const projects: Project[] = [
     title: 'Sugar on a Stick',
     description: 'A live USB version of the Sugar platform',
     tags: ['Distribution', 'Portable'],
-    imageUrl: '/assets/Images/SOAS.jpeg',
+    imageUrl: 'assets/Images/SOAS.jpeg',
     link: '/projects/sugar-on-a-stick',
   },
   {
     title: 'Google Summer of Code',
     description:
       'GSOC is a global program focused on bringing more student developers into open source software development',
     tags: ['Community', 'Development'],
-    imageUrl: '/assets/Images/GSOC.png',
+    imageUrl: 'assets/Images/GSOC.png',
     link: '/projects/gsoc',
   },
   {
     title: 'Music Blocks',
     description: 'A programming environment for exploring musical concepts',
     tags: ['Education', 'Creative'],
     progress: 75,
-    imageUrl: '/assets/Images/default-project.png', // Added a default image
+    imageUrl: 'assets/Images/default-project.png',
     link: '/projects/music-blocks',
   },
   {
     title: 'Sugarizer',
     description: 'Web implementation of the Sugar platform for modern browsers',
     tags: ['Web', 'Mobile'],
     progress: 80,
-    imageUrl: '/assets/Images/default-project.png', // Added a default image
+    imageUrl: 'assets/Images/default-project.png',
     link: '/projects/sugarizer',
   },
 ];