cade/web-portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init build

Browse source
This commit is contained in:
Cayden Schwechten 2026-07-23 20:13:59 -05:00
parent cb0c819932
commit 0268734336
10 changed files with 115 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/blog/[slug]/page.tsx
View file

@ -1,21 +1,21 @@
import Link from "next/link"
import { ArrowLeftIcon } from "@heroicons/react/24/solid"
import { getArticleData } from "@/lib/articles";
import {ArrowLeftIcon} from "@heroicons/react/24/solid"
import {getArticleData} from "@/lib/articles";
const Article = async ({ params }: { params: Promise<{ slug: string }> }) => {
const { slug } = await params;
const Article = async ({params}: { params: Promise<{ slug: string }> }) => {
const {slug} = await params;
const articleData = await getArticleData(slug);
return (
<section className={"mx-auto w-10/12 md:w-1/2 mt-20 flex flex-col gap-5"}>
<div className={"flex justify-between font-poppins"}>
<Link href={"/blog"} className={"flex flex-row gap-1 place-items-center"}>
<ArrowLeftIcon width={20} />
<ArrowLeftIcon width={20}/>
<p>blog homepage</p>
</Link>
<p>{articleData.date.toString()}</p>
</div>
<article className={"article"} dangerouslySetInnerHTML={{ __html: articleData.contentHtml }} />
<article className={"article"} dangerouslySetInnerHTML={{__html: articleData.contentHtml}}/>
</section>
)
}

2
app/blog/page.tsx
View file

@ -8,7 +8,7 @@ export default function BlogPage() {
<>
<section className={"mx-auto w-11/12 md:w-1/2 mt-20 flex flex-col gap-16 mb-20"}>
<header className={"font-cormorantGaramond font-light text-6xl text-center"}>
<h1>Shrimple blog.</h1>
<h1 className={'text-nord-14'}>Blog & talks</h1>
</header>
<section className={"md:grid md:grid-cols-2 flex flex-col gap-10"}>
{articles != null && Object.keys(articles).map((article) => (