Thilawyn/website
1
0
Fork 0
Code Issues 1 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Work
Some checks failed
Lint / lint (push) Failing after 42s
Details

Browse Source
This commit is contained in:
Julien Valverdé
2025-10-17 06:39:57 +02:00
parent 35d4bf7d7f
commit 3f45c7ae3e
2 changed files with 64 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/webapp/src/i18n/en.ts
View File

@@ -3,7 +3,7 @@ export const en = {
nav: { nav: {
gitRepos: { gitRepos: {
title: "Git repositories", title: "Git Repos",
tooltip: "All the public repositories on my Git server", tooltip: "All the public repositories on my Git server",
}, },
sourceCode: { sourceCode: {

121
packages/webapp/src/routes/__root.tsx
View File

@@ -17,67 +17,72 @@ function RootComponent() {
const { t, i18n } = useTranslation() const { t, i18n } = useTranslation()
return <> return <>
<root.div> <div className="flex flex-row items-center justify-center gap-2 p-2">
<link rel="stylesheet" href="/98.css/dist/98.css" /> <Button
variant={i18n.language !== "en" ? "default" : "noShadow"}
onClick={() => i18n.changeLanguage("en")}
>
🇬🇧 English
</Button>
<div className="window" style={{ width: 300 }}> <Button
<div className="title-bar"> variant={i18n.language !== "fr" ? "default" : "noShadow"}
<div className="title-bar-text">A Window With Stuff In It</div> onClick={() => i18n.changeLanguage("fr")}
<div className="title-bar-controls"> >
<button aria-label="Minimize"></button> 🇫🇷 Français
<button aria-label="Maximize"></button> </Button>
<button aria-label="Close"></button> </div>
<div className="container mt-20 mr-auto ml-auto">
<div className="mr-auto ml-auto flex w-fit flex-row items-start justify-around gap-10">
<root.div>
<link rel="stylesheet" href="/98.css/dist/98.css" />
<div className="window" style={{ width: 300 }}>
<div className="title-bar">
<div className="title-bar-text">Julien Valverde</div>
</div>
<div className="window-body">
<p>There's so much room for activities!</p>
</div>
</div>
</root.div>
<div>
<h1>Ingénieur Full Stack &bull; Entrepreneur</h1>
<p className="mt-2">
I am passionate about integrating functionality and design in applications to create intuitive, user-friendly experiences.
</p>
<div className="flex w-fit flex-row items-center justify-center gap-2 mt-4">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button asChild>
<a href="https://git.valverde.cloud"><DiGit /> {t($ => $.gitRepos.title, { ns: "nav" })}</a>
</Button>
</TooltipTrigger>
<TooltipContent><p>{t($ => $.gitRepos.tooltip, { ns: "nav" })}</p></TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button asChild>
<a href="https://git.valverde.cloud/thilawyn/website"><FaCode /> {t($ => $.sourceCode.title, { ns: "nav" })}</a>
</Button>
</TooltipTrigger>
<TooltipContent><p>{t($ => $.sourceCode.tooltip, { ns: "nav" })}</p></TooltipContent>
</Tooltip>
</TooltipProvider>
<Button>Resumé</Button>
</div> </div>
</div> </div>
<div className="window-body">
<p>There's so much room for activities!</p>
</div>
</div>
</root.div>
<div className="container mt-10 mr-auto ml-auto flex flex-row items-center justify-center gap-20">
<div className="flex flex-row items-center justify-center gap-2">
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button asChild>
<a href="https://git.valverde.cloud"><DiGit /> {t($ => $.gitRepos.title, { ns: "nav" })}</a>
</Button>
</TooltipTrigger>
<TooltipContent><p>{t($ => $.gitRepos.tooltip, { ns: "nav" })}</p></TooltipContent>
</Tooltip>
</TooltipProvider>
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<Button asChild>
<a href="https://git.valverde.cloud/thilawyn/website"><FaCode /> {t($ => $.sourceCode.title, { ns: "nav" })}</a>
</Button>
</TooltipTrigger>
<TooltipContent><p>{t($ => $.sourceCode.tooltip, { ns: "nav" })}</p></TooltipContent>
</Tooltip>
</TooltipProvider>
<Button>Resumé</Button>
</div>
<div className="flex flex-row items-center justify-center gap-2">
<Button
variant={i18n.language !== "en" ? "default" : "noShadow"}
onClick={() => i18n.changeLanguage("en")}
>
🇬🇧 English
</Button>
<Button
variant={i18n.language !== "fr" ? "default" : "noShadow"}
onClick={() => i18n.changeLanguage("fr")}
>
🇫🇷 Français
</Button>
</div> </div>
</div> </div>