joshuafhiggins/kdot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

so far

Browse Source
This commit is contained in:
Joshua Higgins
2025-05-28 01:57:08 -04:00
parent 52eb74db37
commit 0277a087e2
12 changed files with 323 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/posts/[slug]/page.tsx
View File

@@ -1,10 +1,7 @@
import { getPost } from "@/lib/posts"
import { notFound } from "next/navigation"
// import Link from "next/link"
import Markdown from 'react-markdown'
// import { ArrowLeft } from "lucide-react"
import { getPost } from "@/lib/posts";
import { notFound } from "next/navigation";
import Markdown from 'react-markdown';
import Navbar from "@/components/navbar";
// import Image from "next/image";
import RecordBox from "@/components/recordbox";
interface PostPageProps {
@@ -27,14 +24,6 @@ export default async function PostPage({ params }: PostPageProps) {
<title>{post.title}</title>
<div className="container mx-auto px-4 py-20">
<div className="max-w-4xl mx-auto">
{/* Back button */}
{/*<Link*/}
{/* href="/"*/}
{/* className="inline-flex items-center space-x-2 text-red-400 hover:text-red-300 transition-colors mb-8"*/}
{/*>*/}
{/* <ArrowLeft className="w-4 h-4" />*/}
{/* <span>Back to Home</span>*/}
{/*</Link>*/}
{/* Post content */}
<article className="prose prose-invert prose-red max-w-none">
@@ -44,14 +33,26 @@ export default async function PostPage({ params }: PostPageProps) {
return <div className="justify-self-center font-bold text-4xl leading-8 mb-2 mt-12">{props.children}</div>
},
h3(props) {
return <div className="justify-self-center font-medium italic text-2xl leading-8 mb-12">{props.children}</div>
return <div className="justify-self-center font-medium italic text-2xl leading-8 mb-12">
<div>{props.children}</div>
<div className="justify-self-center"><a
href={"/pdfs/"+post.slug+".pdf"}
target="_blank"
className="text-lg not-italic font-normal leading-8 text-red-400 hover:text-red-300 transition-colors mb-12"
>
View as PDF
</a></div>
</div>
},
blockquote(props) {
return <div className="italic ml-12 mb-2 mt-2">{props.children}</div>
},
p(props) {
return <div className="mt-0 mb-0 text-4 leading-8">{props.children}</div>
}
},
a(props) {
return <a target="_blank" className="underline underline-offset-8 decoration-red-400 hover:decoration-red-300 hover:text-red-300 transition-colors" href={props.href}>{props.children}</a>
},
}}>{post.content}</Markdown>
</div>
</article>