1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00

fix: usage of correct heading levels and html tags

This commit is contained in:
2024-05-16 09:56:19 +02:00
parent 66cf6d7438
commit bbb2e56512
11 changed files with 79 additions and 81 deletions

View File

@@ -11,16 +11,18 @@ export const Repository = (props: RepositoryProps): JSX.Element => {
const { name, description, href } = props
return (
<ShadowContainer className="relative !mb-4 max-h-32 cursor-pointer p-6 transition-all duration-300 ease-in-out hover:scale-[1.03]">
<li>
<a href={href} target="_blank" rel="noopener noreferrer">
<div className="flex">
<GitHubIcon className="mr-2 h-6" />
<span className="font-semibold text-primary dark:text-primary-dark">
{name}
</span>
</div>
<p className="my-4">{description}</p>
<ShadowContainer className="relative !mb-4 max-h-32 cursor-pointer p-6 transition-all duration-300 ease-in-out hover:scale-[1.03]">
<h3 className="flex">
<GitHubIcon className="mr-2 h-6" />
<span className="font-semibold text-primary dark:text-primary-dark">
{name}
</span>
</h3>
<p className="my-4">{description}</p>
</ShadowContainer>
</a>
</ShadowContainer>
</li>
)
}

View File

@@ -10,7 +10,7 @@ export const OpenSource = (): JSX.Element => {
<p className="text-center">
{i18n.translate("home.open-source.description")}
</p>
<div className="my-6 grid grid-cols-1 gap-6 md:w-10/12 md:grid-cols-2">
<ul className="my-6 grid grid-cols-1 gap-6 md:w-10/12 md:grid-cols-2">
<Repository
name="nodejs/node"
description="Node.js JavaScript runtime ✨🐢🚀✨"
@@ -31,7 +31,7 @@ export const OpenSource = (): JSX.Element => {
description="The React Framework"
href="https://github.com/vercel/next.js/commits?author=theoludwig"
/>
</div>
</ul>
</div>
)
}