jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upstream #1

Merged
jblu merged 1007 commits from upstream into main 2024-11-04 22:35:57 -06:00
Conversation 0 Commits 1007 Files Changed 24 +35 -30
1 changed files with 35 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4e8092f6b1 - Show all commits

65
pages/index.js
View File

@ -37,40 +37,45 @@ export default function Home({ posts }) {
const { slug, date, title, summary, tags } = frontMatter const { slug, date, title, summary, tags } = frontMatter
return ( return (
<li key={slug} className="py-12"> <li key={slug} className="py-12">
<article className="space-y-2 xl:grid xl:grid-cols-4 xl:space-y-0 xl:items-baseline"> <article>
<dl> <div className="space-y-2 xl:grid xl:grid-cols-4 xl:space-y-0 xl:items-baseline">
<dt className="sr-only">Published on</dt> <dl>
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400"> <dt className="sr-only">Published on</dt>
<time dateTime={date}>{postDateTemplate.render(new Date(date))}</time> <dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">
</dd> <time dateTime={date}>{postDateTemplate.render(new Date(date))}</time>
</dl> </dd>
<div className="space-y-5 xl:col-span-3"> </dl>
<div className="space-y-6"> <div className="space-y-5 xl:col-span-3">
<div> <div className="space-y-6">
<h2 className="text-2xl font-bold leading-8 tracking-tight"> <div>
<Link href={`/blog/${slug}`} className="text-gray-900 dark:text-gray-100"> <h2 className="text-2xl font-bold leading-8 tracking-tight">
{title} <Link
</Link> href={`/blog/${slug}`}
</h2> className="text-gray-900 dark:text-gray-100"
<div className="space-x-3"> >
{tags.map((tag) => ( {title}
<Tag key={tag} text={tag} /> </Link>
))} </h2>
<div className="space-x-3">
{tags.map((tag) => (
<Tag key={tag} text={tag} />
))}
</div>
</div>
<div className="prose text-gray-500 max-w-none dark:text-gray-400">
{summary}
</div> </div>
</div> </div>
<div className="prose text-gray-500 max-w-none dark:text-gray-400"> <div className="text-base font-medium leading-6">
{summary} <Link
href={`/blog/${slug}`}
className="text-blue-500 hover:text-blue-600 dark:hover:text-blue-400"
aria-label={`Read "${title}"`}
>
Read more &rarr;
</Link>
</div> </div>
</div> </div>
<div className="text-base font-medium leading-6">
<Link
href={`/blog/${slug}`}
className="text-blue-500 hover:text-blue-600 dark:hover:text-blue-400"
aria-label={`Read "${title}"`}
>
Read more &rarr;
</Link>
</div>
</div> </div>
</article> </article>
</li> </li>