marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(nav): point post and tag links at /blog

Browse Source
This commit is contained in:
kbot
2026-07-06 20:25:10 -05:00
parent 5b3e24ca78
commit 3e2a5a391c
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/layout/Header.tsx
View File

@@ -5,8 +5,8 @@ import { usePathname } from "next/navigation";
import { m } from "motion/react"; import { m } from "motion/react";
const navLinks = [ const navLinks = [
{ label: "Home", href: "/" }, { label: "Portfolio", href: "/" },
{ label: "Posts", href: "/posts/" }, { label: "Field Notes", href: "/blog/" },
]; ];
export function Header() { export function Header() {

4
components/posts/PostCard.tsx
View File

@@ -17,7 +17,7 @@ export function PostCard({ slug, title, date, excerpt, tags = [], author, readin
viewport={{ once: true, amount: 0.2 }} viewport={{ once: true, amount: 0.2 }}
className="group relative scroll-mt-20 rounded-2xl border border-border/90 bg-canvas p-5 shadow-card transition-[background-color,border-color,box-shadow] duration-200 ease-out hover:border-ink/25 hover:bg-surface/40 hover:shadow-card-hover dark:hover:border-ink/35 sm:p-7" className="group relative scroll-mt-20 rounded-2xl border border-border/90 bg-canvas p-5 shadow-card transition-[background-color,border-color,box-shadow] duration-200 ease-out hover:border-ink/25 hover:bg-surface/40 hover:shadow-card-hover dark:hover:border-ink/35 sm:p-7"
> >
<Link href={`/posts/${slug}/`} className="block"> <Link href={`/blog/${slug}/`} className="block">
{coverImage && ( {coverImage && (
<div className="mb-5 overflow-hidden rounded-xl border border-border/80 bg-surface"> <div className="mb-5 overflow-hidden rounded-xl border border-border/80 bg-surface">
<img <img
@@ -45,7 +45,7 @@ export function PostCard({ slug, title, date, excerpt, tags = [], author, readin
{tags && tags.length > 0 && ( {tags && tags.length > 0 && (
<div className="mt-5 flex flex-wrap gap-2"> <div className="mt-5 flex flex-wrap gap-2">
{tags.slice(0, 3).map((tag) => ( {tags.slice(0, 3).map((tag) => (
<Link key={tag} href={`/tags/${tagToSlug(tag)}/`} className="rounded-full border border-border bg-surface/70 px-3 py-1 text-xs text-ink-soft transition-colors duration-200 hover:border-accent/60 hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent"> <Link key={tag} href={`/blog/tags/${tagToSlug(tag)}/`} className="rounded-full border border-border bg-surface/70 px-3 py-1 text-xs text-ink-soft transition-colors duration-200 hover:border-accent/60 hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent">
{tag} {tag}
</Link> </Link>
))} ))}