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 +10 -10
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 65ee7833fe - Show all commits

16
layouts/ListLayoutWithTags.tsx
View File

@ -79,19 +79,19 @@ export default function ListLayoutWithTags({
<> <>
<div> <div>
<div className="pb-6 pt-6"> <div className="pb-6 pt-6">
<h1 className="sm:hidden text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"> <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:hidden sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
{title} {title}
</h1> </h1>
</div> </div>
<div className="flex sm:space-x-24"> <div className="flex sm:space-x-24">
<div className="hidden max-h-screen h-full sm:flex flex-wrap bg-gray-50 dark:bg-gray-900/70 shadow-md pt-5 dark:shadow-gray-800/40 rounded min-w-[280px] max-w-[280px] overflow-auto"> <div className="hidden h-full max-h-screen min-w-[280px] max-w-[280px] flex-wrap overflow-auto rounded bg-gray-50 pt-5 shadow-md dark:bg-gray-900/70 dark:shadow-gray-800/40 sm:flex">
<div className="py-4 px-6"> <div className="px-6 py-4">
{pathname.startsWith('/blog') ? ( {pathname.startsWith('/blog') ? (
<h3 className="text-primary-500 font-bold uppercase">All Posts</h3> <h3 className="font-bold uppercase text-primary-500">All Posts</h3>
) : ( ) : (
<Link <Link
href={`/blog`} href={`/blog`}
className="font-bold uppercase text-gray-700 dark:text-gray-300 hover:text-primary-500 dark:hover:text-primary-500" className="font-bold uppercase text-gray-700 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-500"
> >
All Posts All Posts
</Link> </Link>
@ -101,13 +101,13 @@ export default function ListLayoutWithTags({
return ( return (
<li key={t} className="my-3"> <li key={t} className="my-3">
{pathname.split('/tags/')[1] === slug(t) ? ( {pathname.split('/tags/')[1] === slug(t) ? (
<h3 className="inline py-2 px-3 uppercase text-sm font-bold text-primary-500"> <h3 className="inline px-3 py-2 text-sm font-bold uppercase text-primary-500">
{`${t} (${tagCounts[t]})`} {`${t} (${tagCounts[t]})`}
</h3> </h3>
) : ( ) : (
<Link <Link
href={`/tags/${slug(t)}`} href={`/tags/${slug(t)}`}
className="py-2 px-3 uppercase text-sm font-medium text-gray-500 dark:text-gray-300 hover:text-primary-500 dark:hover:text-primary-500" className="px-3 py-2 text-sm font-medium uppercase text-gray-500 hover:text-primary-500 dark:text-gray-300 dark:hover:text-primary-500"
aria-label={`View posts tagged ${t}`} aria-label={`View posts tagged ${t}`}
> >
{`${t} (${tagCounts[t]})`} {`${t} (${tagCounts[t]})`}
@ -125,7 +125,7 @@ export default function ListLayoutWithTags({
const { path, date, title, summary, tags } = post const { path, date, title, summary, tags } = post
return ( return (
<li key={path} className="py-5"> <li key={path} className="py-5">
<article className="space-y-2 flex flex-col xl:space-y-0"> <article className="flex flex-col space-y-2 xl:space-y-0">
<dl> <dl>
<dt className="sr-only">Published on</dt> <dt className="sr-only">Published on</dt>
<dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400"> <dd className="text-base font-medium leading-6 text-gray-500 dark:text-gray-400">

4
layouts/PostBanner.tsx
View File

@ -30,12 +30,12 @@ export default function PostMinimal({ content, next, prev, children }: LayoutPro
<div className="space-y-1 pb-10 text-center dark:border-gray-700"> <div className="space-y-1 pb-10 text-center dark:border-gray-700">
<div className="w-full"> <div className="w-full">
<Bleed> <Bleed>
<div className="aspect-[2/1] w-full relative"> <div className="relative aspect-[2/1] w-full">
<Image src={displayImage} alt={title} fill className="object-cover" /> <Image src={displayImage} alt={title} fill className="object-cover" />
</div> </div>
</Bleed> </Bleed>
</div> </div>
<div className="pt-10 relative"> <div className="relative pt-10">
<PageTitle>{title}</PageTitle> <PageTitle>{title}</PageTitle>
</div> </div>
</div> </div>