From cb5c3ab193131dcd61e7ab489e94d8f47a5c0e1e Mon Sep 17 00:00:00 2001
From: schererleander <leander@schererleander.de>
Date: Wed, 25 Jun 2025 01:42:59 +0200
Subject: move all image references to /public/images

---
 src/pages/404Page.tsx |  8 ++++----
 src/pages/Home.tsx    | 22 ++++++++++++----------
 src/pages/Homelab.tsx |  7 ++-----
 3 files changed, 18 insertions(+), 19 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/404Page.tsx b/src/pages/404Page.tsx
index ee70043..d7bfa10 100644
--- a/src/pages/404Page.tsx
+++ b/src/pages/404Page.tsx
@@ -1,5 +1,4 @@
 import { useNavigate } from "react-router-dom";
-import notFoundImg from "../assets/404.webp";
 import { useEffect } from "react";
 
 export default function NotFoundPage() {
@@ -12,10 +11,11 @@ export default function NotFoundPage() {
 
     return () => clearTimeout(timer);
   }, [navigate]);
-  return(
+
+  return (
     <>
       <h1>404 - Not found</h1>
-      <img src={notFoundImg} className="rounded-lg"/>
+      <img src="/images/404.webp" className="rounded-lg" />
     </>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 60df259..2048122 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,13 +1,5 @@
 import ImageGalleryGrid from "../components/ImageGalleryGrid";
 
-import dsImg from "../assets/3ds.webp";
-import esp32Img from "../assets/esp32.webp";
-import riceImg from "../assets/rice.webp";
-import setupImg from "../assets/setup.webp";
-import luigimansionImg from "../assets/luigimansion.webp";
-import ocarinaoftimeImg from "../assets/ocarinaoftime.webp";
-import hellsparadiseImg from "../assets/hellsparadise.webp";
-
 export default function HomePage() {
   return (
     <>
@@ -18,7 +10,17 @@ export default function HomePage() {
         I have a passion for hardware and software, studying computer science. Currently building own 3d printing projects and learning nix.
       </p>
 
-      <ImageGalleryGrid images={[{ src: dsImg, alt: "Nintendo 3DS", id: 1}, { src: esp32Img, alt: "ESP 32", id: 2}, { src: riceImg, alt: "Linux rice", id: 3}, { src: setupImg, alt: "Setup", id: 4}, {src: luigimansionImg, alt: "Luigi Mansion", id: 5}, { src: ocarinaoftimeImg, alt: "Ocarina of Time", id: 6}, { src: hellsparadiseImg, alt: "Hells paradise", id: 7 }]} />
+      <ImageGalleryGrid
+        images={[
+          { src: "/images/3ds.webp", alt: "Nintendo 3DS", id: 1 },
+          { src: "/images/esp32.webp", alt: "ESP 32", id: 2 },
+          { src: "/images/rice.webp", alt: "Linux rice", id: 3 },
+          { src: "/images/setup.webp", alt: "Setup", id: 4 },
+          { src: "/images/luigimansion.webp", alt: "Luigi Mansion", id: 5 },
+          { src: "/images/ocarinaoftime.webp", alt: "Ocarina of Time", id: 6 },
+          { src: "/images/hellsparadise.webp", alt: "Hells paradise", id: 7 }
+        ]}
+      />
 
       <p className="mb-4">A few things I'm interrested in:</p>
 
@@ -31,4 +33,4 @@ export default function HomePage() {
       </ul>
     </>
   );
-}
+}
\ No newline at end of file
diff --git a/src/pages/Homelab.tsx b/src/pages/Homelab.tsx
index c5e9d14..39693d7 100644
--- a/src/pages/Homelab.tsx
+++ b/src/pages/Homelab.tsx
@@ -1,5 +1,3 @@
-import nasImg from '../assets/nas.webp';
-import piImg from '../assets/pi.webp';
 import LinkWithIcon from '../components/LinkWithIcon';
 
 const nasServices = [
@@ -18,7 +16,7 @@ export default function HomelabPage() {
 
       <section className="mb-12">
         <h2>NAS</h2>
-        <img src={nasImg} alt="NAS" className="mx-auto mb-4 w-64 rounded-lg shadow" />
+        <img src="/images/nas.webp" alt="NAS" className="mx-auto mb-4 w-64 rounded-lg shadow" />
         <p className="mb-4 leading-relaxed">
           My custom-built NAS running <strong>Unraid</strong> hosts the following services. See <LinkWithIcon href='/gear'>gear</LinkWithIcon> for specs.
         </p>
@@ -34,13 +32,12 @@ export default function HomelabPage() {
 
       <section className="mb-12">
         <h2>Raspberry Pi</h2>
-        <img src={piImg} alt="Raspberry Pi 5" className="mx-auto mb-4 w-64 rounded-lg shadow" />
+        <img src="/images/pi.webp" alt="Raspberry Pi 5" className="mx-auto mb-4 w-64 rounded-lg shadow" />
         <p className="mb-4 leading-relaxed">
           Raspberry Pi 5 (8GB) running <LinkWithIcon href='https://homebridge.io'>Homebridge</LinkWithIcon> to integrate non-HomeKit devices. It also serves as a precision NTP server using a <LinkWithIcon href='https://store.uputronics.com/products/raspberry-pi-gps-rtc-expansion-board' target='_blank'>Uputronics GPS module</LinkWithIcon>.
         </p>
       </section>
 
-      {/* VPS */}
       <section>
         <h2>VPS</h2>
         <p className="mb-4 leading-relaxed">
-- 
cgit v1.3.1