z0xca/blog.z0x.ca
Code Activity Actions

chore(deps): update and improve component styles

Browse source
This commit is contained in:
enscribe 2025-03-21 14:46:08 -07:00
parent cf570be96e
commit 000cb09020
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
28 changed files with 1326 additions and 1249 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/pages/404.astro
View file

@ -16,7 +16,7 @@ import { cn } from '@/lib/utils'
class="flex flex-col items-center justify-center gap-y-4 text-center"
>
<div class="max-w-md">
<h1 class="mb-4 text-3xl font-bold">404: Page not found</h1>
<h1 class="mb-4 text-3xl font-medium">404: Page not found</h1>
<p class="prose prose-neutral dark:prose-invert">
Oops! The page you're looking for doesn't exist.
</p>

2
src/pages/about.astro
View file

@ -47,7 +47,7 @@ const projects = await getCollection('projects')
</p>
</div>
<h2 class="mb-4 text-2xl font-semibold">Example Projects Listing</h2>
<h2 class="mb-4 text-2xl font-medium">Example Projects Listing</h2>
<div class="flex flex-col gap-4">
{projects.map((project) => <ProjectCard project={project} />)}
</div>

2
src/pages/authors/[...id].astro
View file

@ -44,7 +44,7 @@ const authorPosts = allPosts
<AuthorCard author={author} linkDisabled />
</section>
<section class="flex flex-col gap-y-4">
<h2 class="text-2xl font-semibold">Posts by {author.data.name}</h2>
<h2 class="text-2xl font-medium">Posts by {author.data.name}</h2>
{
authorPosts.length > 0 ? (
<ul class="not-prose flex flex-col gap-4">

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

@ -82,7 +82,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
}
<section class="col-start-2 flex flex-col gap-y-6 text-center">
<div class="flex flex-col gap-y-4">
<h1 class="text-4xl leading-tight font-bold text-pretty sm:text-5xl">
<h1 class="text-4xl leading-tight font-medium text-pretty sm:text-5xl">
{post.data.title}
</h1>
@ -116,13 +116,13 @@ const authors = await parseAuthors(post.data.authors ?? [])
</div>
))}
</div>
<Separator orientation="vertical" className="h-4" />
<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" />
<Separator orientation="vertical" className="h-4!" />
<span>{readingTime(post.body!)}</span>
</div>
</div>
@ -134,7 +134,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
href={`/tags/${tag}`}
class={badgeVariants({ variant: 'secondary' })}
>
<Icon name="lucide:hash" class="size-3 -translate-x-0.5" />
<Icon name="lucide:hash" class="size-3" />
{tag}
</a>
))

2
src/pages/blog/[...page].astro
View file

@ -47,7 +47,7 @@ const years = Object.keys(postsByYear).sort((a, b) => parseInt(b) - parseInt(a))
{
years.map((year) => (
<section class="flex flex-col gap-y-4">
<div class="font-semibold">{year}</div>
<div class="font-medium">{year}</div>
<ul class="not-prose flex flex-col gap-4">
{postsByYear[year].map((post) => (
<li>

4
src/pages/index.astro
View file

@ -27,7 +27,7 @@ const blog = (await getCollection('blog'))
<CardHeader>
<CardTitle className="text-3xl">er·u·dite</CardTitle>
<CardDescription
>/ˈer(y)əˌdīt/ &bull; <span class="font-semibold">adjective</span
>/ˈer(y)əˌdīt/ &bull; <span class="font-medium">adjective</span
></CardDescription
>
</CardHeader>
@ -73,7 +73,7 @@ const blog = (await getCollection('blog'))
</Card>
</section>
<section class="flex flex-col gap-y-4">
<h2 class="text-2xl font-bold">Latest posts</h2>
<h2 class="text-2xl font-medium">Latest posts</h2>
<ul class="not-prose flex flex-col gap-y-4">
{
blog.map((post) => (

4
src/pages/tags/[...id].astro
View file

@ -44,9 +44,9 @@ export async function getStaticPaths() {
]}
/>
<div class="flex flex-wrap items-center gap-2">
<h1 class="text-3xl font-semibold">Posts tagged with</h1>
<h1 class="text-3xl font-medium">Posts tagged with</h1>
<span
class="bg-secondary flex items-center gap-x-1 rounded-full px-4 py-2 text-2xl font-semibold"
class="bg-secondary flex items-center gap-x-1 rounded-full px-4 py-2 text-2xl font-medium"
>
<Icon name="lucide:hash" class="size-6 -translate-x-0.5" />{tag}
</span>

2
src/pages/tags/index.astro
View file

@ -34,7 +34,7 @@ const tags = [...tagCounts.keys()].sort((a, b) => {
href={`/tags/${tag}`}
class={badgeVariants({ variant: 'secondary' })}
>
<Icon name="lucide:hash" class="size-3 -translate-x-0.5" />
<Icon name="lucide:hash" class="size-3" />
{tag}
<span class="text-muted-foreground ml-1.5">
({tagCounts.get(tag)})