diff options
| author | schererleander <leander@schererleander.de> | 2025-12-25 18:09:23 +0100 |
|---|---|---|
| committer | schererleander <leander@schererleander.de> | 2025-12-25 18:09:23 +0100 |
| commit | d7edbf05ab0e90eedcb99e4462e3a61793b2eff9 (patch) | |
| tree | c30d7b7c73f421cf7b722ddfc9c4db3962c30b63 /src/pages/Blog.tsx | |
| parent | a3c2943ebf15890f01634d030e59b7d7fcc9bf1f (diff) | |
remove all files
Diffstat (limited to 'src/pages/Blog.tsx')
| -rw-r--r-- | src/pages/Blog.tsx | 90 |
1 files changed, 0 insertions, 90 deletions
diff --git a/src/pages/Blog.tsx b/src/pages/Blog.tsx deleted file mode 100644 index 1854f47..0000000 --- a/src/pages/Blog.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import { ArrowRight } from "lucide-react"; -import { - Card, - CardContent, - CardHeader, - CardTitle, - CardDescription, -} from "@/components/ui/card"; -import Gallery from "@/components/Gallery"; - -interface Meta { - slug: string; - title: string; - date: string; - excerpt: string; - cover?: string; -} - -const images =[ - { src: "/images/3ds.webp", alt: "Nintendo 3DS", id: 1 }, - { src: "/images/esp32.webp", alt: "ESP 32", id: 2 }, - { src: "/images/manga.webp", alt: "Manga", id: 4 }, - { src: "/images/ocarinaoftime.webp", alt: "Ocarina of Time", id: 6 }, - { src: "/images/hellsparadise.webp", alt: "Hells paradise", id: 7 } -] - -const postFiles = import.meta.glob("../blog/*.md", { eager: true }) as Record< - string, - { attributes: Omit<Meta, "slug"> } ->; - -const posts: Meta[] = Object.entries(postFiles) - .map(([path, mod]) => ({ - slug: path.split("/").pop()!.replace(".md", ""), - ...(mod.attributes as Omit<Meta, "slug">), - })) - .sort( - (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime() - ); - -export default function Blog() { - return ( - <> - <title>߸ blog</title> - <main className="container mx-auto py-12"> - <h1 className="text-3xl font-semibold mb-4"> - Blog Posts - </h1> - <div className="grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 lg:gap-8"> - {posts.map((post) => ( - <Card className="bg-secondary border border-border p-0" key={post.slug}> - <CardHeader className="p-0"> - <a - href={`/blog/${post.slug}`} - className="block rounded-t-xl overflow-hidden" - > - <img - src={post.cover} - alt={post.title} - className="h-48 w-full object-cover object-center" - style={{ marginTop: 0, paddingTop: 0 }} - /> - </a> - </CardHeader> - <CardContent className="pb-4 px-6"> - <CardTitle className="text-lg font-semibold hover:underline md:text-xl mb-2"> - <a href={`/blog/${post.slug}`}>{post.title}</a> - </CardTitle> - <CardDescription className="mb-4">{post.excerpt}</CardDescription> - <a - href={`/blog/${post.slug}`} - className="inline-flex items-center text-foreground font-medium hover:underline text-sm" - > - Read more - <ArrowRight className="ml-2 size-4" /> - </a> - </CardContent> - </Card> - ))} - </div> - - <section className="mt-12"> - <h2 className="text-2xl font-semibold mb-6">Some images</h2> - <Gallery images={images} /> - </section> - - </main> - </> - ); -} |
