pretty up blog section

src/components/BlogRow.tsx

@@ -23,9 +23,15 @@ export default function BlogRow() {
   if (post) {
     return (
       <div>
-        <a href="https://blog.alexav.gg">
+        <a
-          <h1>{post?.title}</h1>
+          className="space-y-1 hover:underline"
-          <p>{post?.description}</p>
+          href={`https://blog.alexav.gg/post/${post.slug}`}
+        >
+          <h1 className="font-semibold">{post?.title}</h1>
+          <p className="text-sm">{post?.description}</p>
+          <p className="text-xs opacity-50">
+            Posted {new Date(post.createdAt).toLocaleDateString()}
+          </p>
         </a>
       </div>
     );

src/utils/types.ts

@@ -98,6 +98,7 @@ interface BlogPost {
   title: string;
   description: string;
   slug: string;
+  createdAt: string;
 }
 
 export type {