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

4
components/Header.tsx
View File

@ -25,14 +25,14 @@ const Header = () => {
</div> </div>
</Link> </Link>
</div> </div>
<div className="flex items-center leading-5 space-x-4 sm:space-x-6"> <div className="flex items-center space-x-4 leading-5 sm:space-x-6">
{headerNavLinks {headerNavLinks
.filter((link) => link.href !== '/') .filter((link) => link.href !== '/')
.map((link) => ( .map((link) => (
<Link <Link
key={link.title} key={link.title}
href={link.href} href={link.href}
className="hidden sm:block font-medium text-gray-900 dark:text-gray-100" className="hidden font-medium text-gray-900 dark:text-gray-100 sm:block"
> >
{link.title} {link.title}
</Link> </Link>

4
components/MobileNav.tsx
View File

@ -26,7 +26,7 @@ const MobileNav = () => {
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
className="text-gray-900 dark:text-gray-100 h-8 w-8" className="h-8 w-8 text-gray-900 dark:text-gray-100"
> >
<path <path
fillRule="evenodd" fillRule="evenodd"
@ -36,7 +36,7 @@ const MobileNav = () => {
</svg> </svg>
</button> </button>
<div <div
className={`fixed left-0 top-0 z-10 h-full w-full transform opacity-95 dark:opacity-[0.98] bg-white duration-300 ease-in-out dark:bg-gray-950 ${ className={`fixed left-0 top-0 z-10 h-full w-full transform bg-white opacity-95 duration-300 ease-in-out dark:bg-gray-950 dark:opacity-[0.98] ${
navShow ? 'translate-x-0' : 'translate-x-full' navShow ? 'translate-x-0' : 'translate-x-full'
}`} }`}
> >

2
components/SearchButton.tsx
View File

@ -18,7 +18,7 @@ const SearchButton = () => {
viewBox="0 0 24 24" viewBox="0 0 24 24"
strokeWidth={1.5} strokeWidth={1.5}
stroke="currentColor" stroke="currentColor"
className="text-gray-900 dark:text-gray-100 h-6 w-6" className="h-6 w-6 text-gray-900 dark:text-gray-100"
> >
<path <path
strokeLinecap="round" strokeLinecap="round"

2
components/ThemeSwitch.tsx
View File

@ -23,7 +23,7 @@ const ThemeSwitch = () => {
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
className="text-gray-900 dark:text-gray-100 h-6 w-6" className="h-6 w-6 text-gray-900 dark:text-gray-100"
> >
{mounted && (theme === 'dark' || resolvedTheme === 'dark') ? ( {mounted && (theme === 'dark' || resolvedTheme === 'dark') ? (
<path <path

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>

1
prettier.config.js
View File

@ -6,4 +6,5 @@ module.exports = {
useTabs: false, useTabs: false,
trailingComma: 'es5', trailingComma: 'es5',
bracketSpacing: true, bracketSpacing: true,
plugins: ['prettier-plugin-tailwindcss'],
} }