From 0c0ee849a630f125a8f08c10ee71dfdbc6b7c7ce Mon Sep 17 00:00:00 2001
From: schererleander <leander@schererleander.de>
Date: Fri, 27 Jun 2025 00:42:58 +0200
Subject: chore

---
 src/pages/404.tsx      | 21 +++++++++++++++++++++
 src/pages/404Page.tsx  | 21 ---------------------
 src/pages/Blog.tsx     | 19 ++++++++++---------
 src/pages/Gear.tsx     |  8 ++++----
 src/pages/Home.tsx     |  8 ++++----
 src/pages/Post.tsx     |  8 +++++---
 src/pages/Projects.tsx |  8 ++++----
 7 files changed, 48 insertions(+), 45 deletions(-)
 create mode 100644 src/pages/404.tsx
 delete mode 100644 src/pages/404Page.tsx

(limited to 'src/pages')

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000..d9eed89
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,21 @@
+import { useNavigate } from "react-router-dom";
+import { useEffect } from "react";
+
+export default function NotFound() {
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      navigate('/', { replace: true });
+    }, 4000);
+
+    return () => clearTimeout(timer);
+  }, [navigate]);
+
+  return (
+    <>
+      <h1>404 - Not found</h1>
+      <img src="/images/404.webp" className="rounded-lg" />
+    </>
+  );
+}
diff --git a/src/pages/404Page.tsx b/src/pages/404Page.tsx
deleted file mode 100644
index d7bfa10..0000000
--- a/src/pages/404Page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useNavigate } from "react-router-dom";
-import { useEffect } from "react";
-
-export default function NotFoundPage() {
-  const navigate = useNavigate();
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      navigate('/', { replace: true });
-    }, 4000);
-
-    return () => clearTimeout(timer);
-  }, [navigate]);
-
-  return (
-    <>
-      <h1>404 - Not found</h1>
-      <img src="/images/404.webp" className="rounded-lg" />
-    </>
-  );
-}
diff --git a/src/pages/Blog.tsx b/src/pages/Blog.tsx
index 47b44d6..fb07fb1 100644
--- a/src/pages/Blog.tsx
+++ b/src/pages/Blog.tsx
@@ -1,6 +1,6 @@
-import CardLink from "../components/CardLink";
+import Card from "../components/Card";
 
-interface PostMeta {
+interface Meta {
   slug: string;
   title: string;
   date: string;
@@ -10,13 +10,13 @@ interface PostMeta {
 
 const postFiles = import.meta.glob("../blog/*.md", { eager: true }) as Record<
   string,
-  { attributes: Omit<PostMeta, "slug"> }
+  { attributes: Omit<Meta, "slug"> }
 >;
 
-const posts: PostMeta[] = Object.entries(postFiles)
+const posts: Meta[] = Object.entries(postFiles)
   .map(([path, mod]) => ({
     slug: path.split("/").pop()!.replace(".md", ""),
-    ...(mod.attributes as Omit<PostMeta, "slug">),
+    ...(mod.attributes as Omit<Meta, "slug">),
   }))
   .sort(
     (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
@@ -24,18 +24,19 @@ const posts: PostMeta[] = Object.entries(postFiles)
 
 export default function Blog() {
   return (
-    <section className="container mx-auto px-4 py-10">
-      <h1 className="text-4xl font-bold mb-8">Blog</h1>
+    <>
+      <title>߸ projects</title>
+      <h1>Blog</h1>
       
       {posts.map((post) => (
         <a key={post.slug} href={`/blog/${post.slug}`} className="block py-1">
-          <CardLink
+          <Card
             title={post.title}
             body={post.excerpt}
             imgSrc={post.cover}
           />
         </a>
       ))}
-    </section>
+    </>
   );
 }
diff --git a/src/pages/Gear.tsx b/src/pages/Gear.tsx
index dbbcdfb..a1984ee 100644
--- a/src/pages/Gear.tsx
+++ b/src/pages/Gear.tsx
@@ -1,4 +1,4 @@
-import CardLink from '../components/CardLink';
+import Card from '../components/Card';
 
 import {
   dailyDrivers,
@@ -14,7 +14,7 @@ function PartsGroup({ title, parts }: { title?: string; parts: Part[] }) {
       <ul className="space-y-2">
         {parts.map((p) => (
           <li key={p.name}>
-            <CardLink
+            <Card
               title={p.name}
               body={p.description}
               href={p.url}
@@ -27,7 +27,7 @@ function PartsGroup({ title, parts }: { title?: string; parts: Part[] }) {
   );
 }
 
-export default function GearPage() {
+export default function Gear() {
   return (
     <>
       <title>߸ gear</title>
@@ -40,4 +40,4 @@ export default function GearPage() {
       <PartsGroup title="NAS" parts={nasParts} />
     </>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 2048122..9b73c05 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,6 +1,6 @@
-import ImageGalleryGrid from "../components/ImageGalleryGrid";
+import Gallery from "../components/Gallery";
 
-export default function HomePage() {
+export default function Home() {
   return (
     <>
       <title>߸ hi</title>
@@ -10,7 +10,7 @@ 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
+      <Gallery
         images={[
           { src: "/images/3ds.webp", alt: "Nintendo 3DS", id: 1 },
           { src: "/images/esp32.webp", alt: "ESP 32", id: 2 },
@@ -33,4 +33,4 @@ export default function HomePage() {
       </ul>
     </>
   );
-}
\ No newline at end of file
+}
diff --git a/src/pages/Post.tsx b/src/pages/Post.tsx
index b2b1d5b..76396ae 100644
--- a/src/pages/Post.tsx
+++ b/src/pages/Post.tsx
@@ -26,7 +26,7 @@ export default function Post() {
   const { attributes: meta, ReactComponent: Content } = post;
 
   return (
-    <article>
+    <>
       <a href="/blog" className="no-underline hover:underline">
         ← Back
       </a>
@@ -41,7 +41,9 @@ export default function Post() {
 
       <h1>{meta.title}</h1>
       <p className="text-sm text-zinc-500 mb-8">{formDate.format(new Date(meta.date))}</p>
-      <Content />
-    </article>
+      <div className="post">
+        <Content />
+      </div>
+    </>
   );
 }
diff --git a/src/pages/Projects.tsx b/src/pages/Projects.tsx
index d49a3d2..973eaa0 100644
--- a/src/pages/Projects.tsx
+++ b/src/pages/Projects.tsx
@@ -1,7 +1,7 @@
-import CardLink from '../components/CardLink';
+import Card from '../components/Card';
 import { projects, type Project } from '../data/projects';
 
-export default function ProjectsPage() {
+export default function Projects() {
   return (
     <>
       <title>߸ projects</title>
@@ -10,7 +10,7 @@ export default function ProjectsPage() {
       <ul className="space-y-2">
         {projects.map((p: Project) => (
           <li key={p.name}>
-            <CardLink
+            <Card
               title={p.name}
               body={p.description}
               href={p.url}
@@ -21,4 +21,4 @@ export default function ProjectsPage() {
       </ul>
     </>
   );
-}
\ No newline at end of file
+}
-- 
cgit v1.3.1