fix(contributors): images loading from relative paths (#16)

Author: TheDevMinerTV

src/components/contributors/Card.tsx

@@ -75,7 +75,7 @@ export const Card: ParentComponent<CardProps> = (props) => {
   const [imageError, setImageError] = createSignal(cachedImage?.error ?? false);
   const [imageLoading, setImageLoading] = createSignal(!cachedImage);
   const [imgSrc, setImgSrc] = createSignal(
-    cachedImage?.src ?? `images/contributors/jovannmc.webp`
+    cachedImage?.src ?? `/images/contributors/jovannmc.webp`
   );
   const [imgClasses, setImgClasses] = createSignal(
     cachedImage?.classes ??
@@ -362,7 +362,7 @@ export const Card: ParentComponent<CardProps> = (props) => {
     // only load via network request if not cached
     setImageLoading(true);
     const image = new Image();
-    image.src = `images/contributors/${name.toLowerCase()}.webp`;
+    image.src = `/images/contributors/${name.toLowerCase()}.webp`;
     image.onload = () => {
       setImgSrc(image.src);
       setImgClasses(

src/routes/team.tsx

@@ -203,7 +203,7 @@ const preloadImage = (name: string, classes?: string): Promise<void> => {
     }
 
     const image = new Image();
-    image.src = `images/contributors/${name.toLowerCase()}.webp`;
+    image.src = `/images/contributors/${name.toLowerCase()}.webp`;
     image.onload = () => {
       imageCache.set(name, {
         src: image.src,
@@ -217,7 +217,7 @@ const preloadImage = (name: string, classes?: string): Promise<void> => {
     };
     image.onerror = () => {
       imageCache.set(name, {
-        src: `images/contributors/jovannmc.webp`, // fallback
+        src: `/images/contributors/jovannmc.webp`, // fallback
         classes:
           "object-contain w-[calc(100%+16px)] scale-[103%] select-none brightness-[0.01]",
         error: true,