diff --git a/app/page.tsx b/app/page.tsx index 0b7532d..e519acb 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,6 +1,7 @@ import { getSortedPostsData, PostMeta } from "../lib/posts"; import Link from "next/link"; import Window from "../components/window"; +import Badges from "../components/badges"; function isNew(dateStr: string): boolean { const postDate = new Date(dateStr); @@ -62,6 +63,12 @@ export default function Home() { )} + +
+ + + +
); } diff --git a/components/badges.tsx b/components/badges.tsx new file mode 100644 index 0000000..caeb10b --- /dev/null +++ b/components/badges.tsx @@ -0,0 +1,78 @@ +import React from "react"; + +interface BadgeProps { + href?: string; + children: React.ReactNode; + style?: React.CSSProperties; +} + +function Badge({ href, children, style }: BadgeProps) { + const base = ( +
+ {children} +
+ ); + + if (href) { + return ( + + {base} + + ); + } + return base; +} + +export default function Badges() { + return ( +
+ + ⬛ Next.js + + + + 🍞 Powered by Bun + + + +
+
Best viewed
+
1024×768
+
+ + + + 📡 Valid RSS + + + + Made with ♥ + + + +
+
✦ Frutiger
+
Aero ✦
+
+ +
+ ); +}