theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00
Code Issues Releases Activity

fix: usage of correct heading levels and html tags

Browse Source
This commit is contained in:
Théo LUDWIG
2024-05-16 09:56:19 +02:00
parent 66cf6d7438
commit bbb2e56512
11 changed files with 79 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
blog/BlogPosts.tsx
View File

@ -9,37 +9,34 @@ export const BlogPosts = async (): Promise<JSX.Element> => {
return (
<div className="flex w-full items-center justify-center p-8">
<div className="w-[1600px]" data-cy="blog-posts">
{posts.map((post, index) => {
<ul className="w-[1600px]" data-cy="blog-posts">
{posts.map((post) => {
const postPublishedOn = date.format(
new Date(post.frontmatter.publishedOn),
"DD/MM/YYYY",
)
return (
<Link
href={`/blog/${post.slug}`}
key={index}
locale="en"
data-cy={post.slug}
>
<ShadowContainer className="cursor-pointer p-6 transition-all duration-300 ease-in-out hover:scale-[1.02]">
<h2
data-cy="blog-post-title"
className="text-xl font-semibold text-primary dark:text-primary-dark"
>
{post.frontmatter.title}
</h2>
<p data-cy="blog-post-date" className="mt-2">
{postPublishedOn}
</p>
<p data-cy="blog-post-description" className="mt-3">
{post.frontmatter.description}
</p>
</ShadowContainer>
</Link>
<li key={post.slug}>
<Link href={`/blog/${post.slug}`} locale="en" data-cy={post.slug}>
<ShadowContainer className="cursor-pointer p-6 transition-all duration-300 ease-in-out hover:scale-[1.02]">
<h2
data-cy="blog-post-title"
className="text-xl font-semibold text-primary dark:text-primary-dark"
>
{post.frontmatter.title}
</h2>
<p data-cy="blog-post-date" className="mt-2">
{postPublishedOn}
</p>
<p data-cy="blog-post-description" className="mt-3">
{post.frontmatter.description}
</p>
</ShadowContainer>
</Link>
</li>
)
})}
</div>
</ul>
</div>
)
}