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

feat: translate Curriculum Vitae in both English and French

Browse Source
This commit is contained in:
Théo LUDWIG
2024-08-01 00:26:46 +02:00
parent a596d1c443
commit 012fea869f
17 changed files with 306 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
packages/ui/src/Home/Skills/Skills.tsx
View File

@ -2,6 +2,7 @@ import { useTranslations } from "next-intl"
import { Section, SectionTitle } from "../../Layout/Section/Section"
import { SkillItem } from "./SkillItem"
import { SkillsSection } from "./SkillsSection"
import { SKILL_CATEGORIES, SKILL_NAMES_BY_CATEGORY } from "./skills"
export interface SkillsProps {}
@ -12,34 +13,17 @@ export const Skills: React.FC<SkillsProps> = () => {
<Section verticalSpacing horizontalSpacing id="skills">
<SectionTitle>{t("home.skills.title")}</SectionTitle>
<SkillsSection title={t("home.skills.programming-languages")}>
<SkillItem skillName="TypeScript" />
<SkillItem skillName="Python" />
<SkillItem skillName="C/C++" />
<SkillItem skillName="PHP" />
</SkillsSection>
{SKILL_CATEGORIES.map((category) => {
const skillNames = SKILL_NAMES_BY_CATEGORY[category]
<SkillsSection title={t("home.skills.frontend")}>
<SkillItem skillName="HTML" />
<SkillItem skillName="CSS" />
<SkillItem skillName="Tailwind CSS" />
<SkillItem skillName="React.js (+ Next.js)" />
</SkillsSection>
<SkillsSection title={t("home.skills.backend")}>
<SkillItem skillName="Laravel" />
<SkillItem skillName="Node.js" />
<SkillItem skillName="Fastify" />
<SkillItem skillName="PostgreSQL" />
</SkillsSection>
<SkillsSection title={t("home.skills.software-tools")}>
<SkillItem skillName="GNU/Linux" />
<SkillItem skillName="Arch Linux" />
<SkillItem skillName="Visual Studio Code" />
<SkillItem skillName="Git" />
<SkillItem skillName="Docker" />
</SkillsSection>
return (
<SkillsSection key={category} title={t(`home.skills.${category}`)}>
{skillNames.map((skillName) => {
return <SkillItem key={skillName} skillName={skillName} />
})}
</SkillsSection>
)
})}
</Section>
)
}