Added Basic Darkmode and Fixed Small Bugs

This commit is contained in:
Ahmad 2025-01-13 19:12:06 -05:00
parent aacca3d141
commit 94fb5c7eb1
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
42 changed files with 593 additions and 72 deletions

View file

@ -5,7 +5,9 @@ import Link from 'next/link';
const BlogPage = () => {
return (
<div className='ml-4 mr-4 flex flex-col items-center space-y-10'>
<h1 className='text-4xl font-semibold text-neutral-700'>Blog</h1>
<h1 className='text-4xl font-semibold text-neutral-800 dark:text-neutral-100'>
Blog
</h1>
<div className='grid grid-cols-2 gap-20 md:grid-cols-3 lg:grid-cols-4'>
{allBlogPosts.map((post) => (
<div className='space-y-4 text-center' key={post._meta.path}>
@ -17,10 +19,12 @@ const BlogPage = () => {
alt='post cover image'
className='aspect-video w-full rounded-md object-cover'
/>
<h2 className='text-lg font-semibold text-neutral-700'>
<h2 className='text-lg font-semibold text-neutral-800 dark:text-neutral-100'>
{post.title}
</h2>
<p className='text-sm text-neutral-500'>{post.summary}</p>
<p className='text-sm text-neutral-700 dark:text-neutral-200'>
{post.summary}
</p>
</Link>
</div>
))}