New page; Post now sorts by dates

1 files changed, 12 insertions, 2 deletions

diff --git a/app/updates/[slug]/page.js b/app/updates/[slug]/page.js
index aa0ef9b..d91440e 100644
--- a/app/updates/[slug]/page.js
+++ b/app/updates/[slug]/page.js
@@ -11,6 +11,16 @@ const getPostContent = (slug) => {
     return matter(content);
 }
 
+export function generateMetadata(props) {
+    const slug = props.params.slug;
+    const post = getPostContent(slug);
+
+    return {
+        title: post.data.title,
+        description: post.data.description
+    }
+}
+
 export const generateStaticParams = async () => {
     const posts = getPostMetadata();
     return posts.map((post) => ({
@@ -26,12 +36,12 @@ export default function PostPage(props) {
             <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply">
                 <div className="sm:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3">
                     <h1 className="font-medium text-4xl">{post.data.title}</h1>
-                    <h2 className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</h2>
+                    <span className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</span>
                     <h2 className="font-light text-lg">{post.data.description}</h2>
                 </div>
             </div>
             <div className="md:px-80 px-20 mx-auto p-6 bg-zinc-800">
-                <article className="prose lg-prose-xl prose-invert">
+                <article className="prose lg-prose-xl prose-invert prose-headings:font-medium">
                     <Markdown>{post.content}</Markdown>
                 </article>
             </div>