diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/404Page.tsx | 8 | ||||
| -rw-r--r-- | src/pages/Home.tsx | 22 | ||||
| -rw-r--r-- | src/pages/Homelab.tsx | 7 |
3 files changed, 18 insertions, 19 deletions
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"> |
