copy: simplify home and posts headings
This commit is contained in:
28
app/page.tsx
28
app/page.tsx
@@ -6,31 +6,11 @@ export default async function HomePage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="mx-auto max-w-5xl px-6 py-10 sm:py-14">
|
<main className="mx-auto max-w-5xl px-6 py-10 sm:py-14">
|
||||||
<header className="editorial-hero mb-14 rounded-[2rem] border border-border px-6 py-12 shadow-card sm:px-10 sm:py-16">
|
<section aria-labelledby="recent-heading" className="space-y-7">
|
||||||
<div className="relative z-10 max-w-3xl">
|
<div className="border-b border-border pb-5">
|
||||||
<p className="mb-4 font-mono text-xs uppercase tracking-[0.28em] text-ink-soft">
|
<h1 id="recent-heading" className="heading-xl m-0 text-ink">
|
||||||
Minimal static journal
|
Recent
|
||||||
</p>
|
|
||||||
<h1 className="heading-xl mb-5 max-w-2xl text-ink sm:text-5xl">
|
|
||||||
Quiet notes on design, code, and the web.
|
|
||||||
</h1>
|
</h1>
|
||||||
<p className="max-w-2xl text-base leading-7 text-ink-soft sm:text-lg">
|
|
||||||
A small, fast blog for thoughtful essays, implementation notes, and experiments in readable interfaces.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<section aria-labelledby="latest-heading" className="space-y-7">
|
|
||||||
<div className="flex flex-col gap-2 border-b border-border pb-5 sm:flex-row sm:items-end sm:justify-between">
|
|
||||||
<div>
|
|
||||||
<p className="mb-2 font-mono text-xs uppercase tracking-[0.24em] text-ink-soft">Latest</p>
|
|
||||||
<h2 id="latest-heading" className="heading-lg m-0 text-ink">
|
|
||||||
Recent writing
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
<p className="max-w-md text-sm leading-6 text-ink-soft">
|
|
||||||
Fresh posts appear here as soon as they are published.
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{posts.length > 0 ? (
|
{posts.length > 0 ? (
|
||||||
|
|||||||
@@ -9,13 +9,9 @@ export default async function PostsPage() {
|
|||||||
return (
|
return (
|
||||||
<main className="mx-auto max-w-5xl px-6 py-12 sm:py-16">
|
<main className="mx-auto max-w-5xl px-6 py-12 sm:py-16">
|
||||||
<header className="mb-10 border-b border-border pb-8">
|
<header className="mb-10 border-b border-border pb-8">
|
||||||
<p className="mb-3 font-mono text-xs uppercase tracking-[0.24em] text-ink-soft">Archive</p>
|
|
||||||
<h1 className="heading-xl m-0 text-ink">
|
<h1 className="heading-xl m-0 text-ink">
|
||||||
Posts
|
Posts
|
||||||
</h1>
|
</h1>
|
||||||
<p className="mt-4 max-w-2xl text-sm leading-6 text-ink-soft sm:text-base">
|
|
||||||
Browse every essay, note, and experiment in one place. Search and tag filters stay local and fast.
|
|
||||||
</p>
|
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
{posts.length > 0 ? (
|
{posts.length > 0 ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user