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 +161 -149
4 changed files with 161 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8773b3bc6f - Show all commits

4
components/Footer.js
View File

@ -4,7 +4,8 @@ import SocialIcon from '@/components/social-icons'
export default function Footer() { export default function Footer() {
return ( return (
<footer className="flex flex-col items-center mt-16"> <footer>
<div className="flex flex-col items-center mt-16">
<div className="flex mb-3 space-x-4"> <div className="flex mb-3 space-x-4">
<SocialIcon kind="mail" href={`mailto:${siteMetadata.email}`} size="6" /> <SocialIcon kind="mail" href={`mailto:${siteMetadata.email}`} size="6" />
<SocialIcon kind="github" href={siteMetadata.github} size="6" /> <SocialIcon kind="github" href={siteMetadata.github} size="6" />
@ -25,6 +26,7 @@ export default function Footer() {
Tailwind Nextjs Theme Tailwind Nextjs Theme
</Link> </Link>
</div> </div>
</div>
</footer> </footer>
) )
} }

7
layouts/ListLayout.js
View File

@ -7,9 +7,10 @@ const postDateTemplate = tinytime('{MMMM} {DD}, {YYYY}')
export default function ListLayout({ posts, title }) { export default function ListLayout({ posts, title }) {
const [searchValue, setSearchValue] = useState('') const [searchValue, setSearchValue] = useState('')
const filteredBlogPosts = posts.filter((frontMatter) => const filteredBlogPosts = posts.filter((frontMatter) => {
frontMatter.title.toLowerCase().includes(searchValue.toLowerCase()) const searchContent = frontMatter.title + frontMatter.summary + frontMatter.tags.join(' ')
) return searchContent.toLowerCase().includes(searchValue.toLowerCase())
})
return ( return (
<> <>

8
layouts/PostLayout.js
View File

@ -19,7 +19,8 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
return ( return (
<SectionContainer> <SectionContainer>
<BlogSeo url={`${siteMetdata.siteUrl}/blog/${frontMatter.slug}`} {...frontMatter} /> <BlogSeo url={`${siteMetdata.siteUrl}/blog/${frontMatter.slug}`} {...frontMatter} />
<article className="xl:divide-y xl:divide-gray-200 xl:dark:divide-gray-700"> <article>
<div className="xl:divide-y xl:divide-gray-200 xl:dark:divide-gray-700">
<header className="pt-6 xl:pb-6"> <header className="pt-6 xl:pb-6">
<div className="space-y-1 text-center"> <div className="space-y-1 text-center">
<dl className="space-y-10"> <dl className="space-y-10">
@ -72,7 +73,8 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
<Link href={editUrl(fileName)}>{'View on GitHub'}</Link> <Link href={editUrl(fileName)}>{'View on GitHub'}</Link>
</div> </div>
</div> </div>
<footer className="text-sm font-medium leading-5 divide-gray-200 xl:divide-y dark:divide-gray-700 xl:col-start-1 xl:row-start-2"> <footer>
<div className="text-sm font-medium leading-5 divide-gray-200 xl:divide-y dark:divide-gray-700 xl:col-start-1 xl:row-start-2">
{tags && ( {tags && (
<div className="py-4 xl:py-8"> <div className="py-4 xl:py-8">
<h2 className="text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400"> <h2 className="text-xs tracking-wide text-gray-500 uppercase dark:text-gray-400">
@ -109,6 +111,7 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
)} )}
</div> </div>
)} )}
</div>
<div className="pt-4 xl:pt-8"> <div className="pt-4 xl:pt-8">
<Link <Link
href="/blog" href="/blog"
@ -119,6 +122,7 @@ export default function PostLayout({ children, frontMatter, next, prev }) {
</div> </div>
</footer> </footer>
</div> </div>
</div>
</article> </article>
</SectionContainer> </SectionContainer>
) )

9
pages/index.js
View File

@ -37,7 +37,8 @@ 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>
<div className="space-y-2 xl:grid xl:grid-cols-4 xl:space-y-0 xl:items-baseline">
<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">
@ -48,7 +49,10 @@ export default function Home({ posts }) {
<div className="space-y-6"> <div className="space-y-6">
<div> <div>
<h2 className="text-2xl font-bold leading-8 tracking-tight"> <h2 className="text-2xl font-bold leading-8 tracking-tight">
<Link href={`/blog/${slug}`} className="text-gray-900 dark:text-gray-100"> <Link
href={`/blog/${slug}`}
className="text-gray-900 dark:text-gray-100"
>
{title} {title}
</Link> </Link>
</h2> </h2>
@ -72,6 +76,7 @@ export default function Home({ posts }) {
</Link> </Link>
</div> </div>
</div> </div>
</div>
</article> </article>
</li> </li>
) )