theoludwig/.profile
theoludwig/.profile
1
1
Fork 0
mirror of https://github.com/theoludwig/theoludwig.git synced 2024-11-05 04:51:30 +01:00
Code Issues Releases Activity

fix: a11y issues with curriculum-vitae

Browse Source
This commit is contained in:
Théo LUDWIG 2024-08-01 00:36:45 +02:00
parent 012fea869f
commit da4b483a3c
Signed by: theoludwig
GPG Key ID: ADFE5A563D718F3B
3 changed files with 14 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/config-tailwind/styles.css
View File

@ -192,19 +192,13 @@ code .line:last-child {
} }
.h1, .h1,
.h2, .h2,
.h3, .h3 {
h1,
h2,
h3 {
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.h4, .h4,
.h5, .h5,
.h6, .h6 {
h4,
h5,
h6 {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -213,31 +207,22 @@ code .line:last-child {
.h3, .h3,
.h4, .h4,
.h5, .h5,
.h6, .h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: inherit; font-family: inherit;
line-height: 1.1; line-height: 1.1;
color: inherit; color: inherit;
} }
.h3, .h3 {
h3 {
font-size: 24px; font-size: 24px;
} }
.h4, .h4 {
h4 {
font-size: 18px; font-size: 18px;
} }
.h5, .h5 {
h5 {
font-size: 14px; font-size: 14px;
} }
.text-muted { .text-muted {
color: #777; color: #414141;
} }
.list-unstyled { .list-unstyled {
padding-left: 0; padding-left: 0;

12
packages/ui/src/CurriculumVitae/CurriculumVitaeProfile.tsx
View File

@ -23,14 +23,14 @@ export const CurriculumVitaeProfile: React.FC<
/> />
</div> </div>
<div className="name-and-profession text-center"> <div className="name-and-profession text-center">
<h3> <h1 className="h3">
<strong>{t("meta.title")}</strong> <strong>{t("meta.title")}</strong>
</h3> </h1>
<h5 className="text-muted">{t("curriculum-vitae.description")}</h5> <h2 className="text-muted h5">{t("curriculum-vitae.description")}</h2>
<h5 className="text-muted"> <h2 className="text-muted h5">
<BirthDate /> <BirthDate />
</h5> </h2>
<h5 className="text-muted">{t("home.about.nationality.value")}</h5> <h2 className="text-muted h5">{t("home.about.nationality.value")}</h2>
</div> </div>
</div> </div>
<div className="flex justify-center"> <div className="flex justify-center">

2
packages/ui/src/CurriculumVitae/CurriculumVitaeSection.tsx
View File

@ -14,7 +14,7 @@ export const CurriculumVitaeSection: React.FC<CurriculumVitaeSectionProps> = (
<div className="icon">{icon}</div> <div className="icon">{icon}</div>
<div className="info"> <div className="info">
<h4 className="font-semibold uppercase">{title}</h4> <h2 className="h4 font-semibold uppercase">{title}</h2>
<div className="content">{children}</div> <div className="content">{children}</div>
</div> </div>