z0x/blog.z0x.ca
Code Actions

refactor: rebase from hard fork into soft fork that follows upstream

Browse source
This commit is contained in:
z0x 2025-03-23 19:17:50 -04:00
parent 021accda4e
commit 8560239425
59 changed files with 2419 additions and 11935 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/pages/blog/[...id].astro
View file

@ -1,9 +1,7 @@
---
import Breadcrumbs from '@/components/Breadcrumbs.astro'
import Link from '@/components/Link.astro'
import PostNavigation from '@/components/PostNavigation.astro'
import TableOfContents from '@/components/TableOfContents.astro'
import { badgeVariants } from '@/components/ui/badge'
import { Button } from '@/components/ui/button'
import { Separator } from '@/components/ui/separator'
import Layout from '@/layouts/Layout.astro'
@ -54,11 +52,7 @@ const { Content, headings } = await render(post)
const authors = await parseAuthors(post.data.authors ?? [])
---
<Layout
title={post.data.title}
description={post.data.description}
image={post.data.image?.src ?? '/static/1200x630.png'}
>
<Layout title={post.data.title} description={post.data.description}>
<section
class="grid grid-cols-[minmax(0px,1fr)_min(var(--breakpoint-md),100%)_minmax(0px,1fr)] gap-y-6 *:px-4"
>
@ -89,62 +83,12 @@ const authors = await parseAuthors(post.data.authors ?? [])
<div
class="text-muted-foreground flex flex-wrap items-center justify-center gap-2 text-sm"
>
{
authors.length > 0 && (
<>
<div class="flex items-center gap-x-2">
{authors.map((author) => (
<div class="flex items-center gap-x-1.5">
<Image
src={author.avatar}
alt={author.name}
width={24}
height={24}
class="rounded-full"
/>
{author.isRegistered ? (
<Link
href={`/authors/${author.id}`}
underline
class="text-foreground"
>
<span>{author.name}</span>
</Link>
) : (
<span>{author.name}</span>
)}
</div>
))}
</div>
<Separator orientation="vertical" className="h-4!" />
</>
)
}
<div class="flex items-center gap-2">
<span>{formatDate(post.data.date)}</span>
<Separator orientation="vertical" className="h-4!" />
<span>{readingTime(post.body!)}</span>
</div>
</div>
<div class="flex flex-wrap justify-center gap-2">
{
post.data.tags && post.data.tags.length > 0 ? (
post.data.tags.map((tag) => (
<a
href={`/tags/${tag}`}
class={badgeVariants({ variant: 'secondary' })}
>
<Icon name="lucide:hash" class="size-3" />
{tag}
</a>
))
) : (
<span class="text-muted-foreground text-sm">
No tags available
</span>
)
}
</div>
</div>
<PostNavigation prevPost={prevPost} nextPost={nextPost} />