aboutsummaryrefslogtreecommitdiff
path: root/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/404Page.tsx8
-rw-r--r--src/pages/Home.tsx22
-rw-r--r--src/pages/Homelab.tsx7
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">