diff options
Diffstat (limited to 'app/updates')
| -rw-r--r-- | app/updates/[slug]/page.js | 5 | ||||
| -rw-r--r-- | app/updates/page.js | 14 |
2 files changed, 8 insertions, 11 deletions
diff --git a/app/updates/[slug]/page.js b/app/updates/[slug]/page.js index 44c1f07..aa0ef9b 100644 --- a/app/updates/[slug]/page.js +++ b/app/updates/[slug]/page.js @@ -1,7 +1,8 @@ import {readFileSync} from "fs"; import Markdown from "markdown-to-jsx" import matter from "gray-matter"; -import getPostMetadata from "@/components/getPostMetadata"; +import getPostMetadata from "@/components/updates/getPostMetadata"; +import DateFormatter from "@/components/updates/DateFormatter"; const getPostContent = (slug) => { const folder = "posts/"; @@ -25,7 +26,7 @@ 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} | {post.data.date}</h2> + <h2 className="text-sm">{post.data.author} | {DateFormatter(post.data.date)}</h2> <h2 className="font-light text-lg">{post.data.description}</h2> </div> </div> diff --git a/app/updates/page.js b/app/updates/page.js index 2055fad..04215c9 100644 --- a/app/updates/page.js +++ b/app/updates/page.js @@ -1,5 +1,6 @@ -import getPostMetadata from "@/components/getPostMetadata"; -import PostPreview from "@/components/PostPreview"; +import getPostMetadata from "@/components/updates/getPostMetadata"; +import PostPreview from "@/components/updates/PostPreview"; +import Header from "@/components/Header"; export const metadata = { title: 'Updates', @@ -13,13 +14,8 @@ export default function Updates() { )); return ( <main className="flex flex-col"> - <div className="bg-center bg-no-repeat bg-[url('/jumbotron.webp')] bg-gray-700 bg-blend-multiply"> - <div className="md:px-40 px-10 max-w-screen-xl text-left py-24 lg:py-10 space-y-3"> - <h1 className="font-medium text-4xl">{metadata.title}</h1> - <h2 className="font-light text-lg">{metadata.description}</h2> - </div> - </div> - <div className="md:px-60 px-2 py-3"> + <Header title={metadata.title} description={metadata.description} /> + <div className="lg:px-60 px-2 py-3"> <div className="px-10 grid grid-cols-1 md:grid-cols-2 gap-4">{postPreviews}</div> </div> </main> |