This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import type { Metadata } from 'next';
|
||||
import Link from 'next/link';
|
||||
import { format } from 'date-fns';
|
||||
import { formatPostDate } from '@/lib/format';
|
||||
import { getAllPosts } from '@/lib/mdx';
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -21,7 +21,7 @@ export default function BlogIndex() {
|
||||
<header className="space-y-4 border-b border-line pb-10">
|
||||
<div className="space-y-4">
|
||||
<p className="eyebrow">Writing</p>
|
||||
<h1 className="max-w-[40rem] text-balance font-sans text-[clamp(3rem,6vw,5rem)] font-medium leading-[0.94] tracking-[-0.08em] text-ink">
|
||||
<h1 className="max-w-[40rem] text-balance font-sans text-5xl font-medium leading-[0.96] text-ink sm:text-6xl lg:text-7xl">
|
||||
Notes on software, deep learning, and research.
|
||||
</h1>
|
||||
<p className="max-w-[34rem] text-[1rem] leading-8 text-muted">
|
||||
@@ -34,14 +34,14 @@ export default function BlogIndex() {
|
||||
{posts.map((post) => (
|
||||
<article key={post.slug} className="grid gap-3 py-6 md:grid-cols-[8rem_minmax(0,1fr)] md:gap-6">
|
||||
<div className="pt-1">
|
||||
<time dateTime={post.date} className="block font-mono text-[0.72rem] uppercase tracking-[0.18em] text-muted-strong">
|
||||
{format(new Date(post.date), 'MMMM d, yyyy')}
|
||||
<time dateTime={post.date} className="block font-mono text-[0.72rem] uppercase text-muted-strong">
|
||||
{formatPostDate(post.date)}
|
||||
</time>
|
||||
</div>
|
||||
|
||||
<div className="space-y-3">
|
||||
<Link href={`/blog/${post.slug}`} className="block">
|
||||
<h2 className="max-w-[38rem] font-sans text-[1.8rem] font-medium leading-tight tracking-[-0.05em] text-ink transition-colors hover:text-accent sm:text-[2.1rem]">
|
||||
<h2 className="max-w-[38rem] font-sans text-[1.8rem] font-medium leading-tight text-ink transition-colors hover:text-accent sm:text-[2.1rem]">
|
||||
{post.title}
|
||||
</h2>
|
||||
</Link>
|
||||
@@ -50,7 +50,7 @@ export default function BlogIndex() {
|
||||
{post.description}
|
||||
</p>
|
||||
|
||||
<div className="flex flex-wrap items-center gap-x-4 gap-y-2 pt-1 text-[0.76rem] font-mono uppercase tracking-[0.14em] text-muted-strong">
|
||||
<div className="flex flex-wrap items-center gap-x-4 gap-y-2 pt-1 text-[0.76rem] font-mono uppercase text-muted-strong">
|
||||
{post.tags?.map((tag) => (
|
||||
<span key={tag}>
|
||||
{tag}
|
||||
|
||||
Reference in New Issue
Block a user