Work

packages/webapp/src/i18n/en.ts

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

packages/webapp/src/routes/__root.tsx

@@ -17,17 +17,30 @@ function RootComponent() {
     const { t, i18n } = useTranslation()
 
     return <>
+        <div className="flex flex-row items-center justify-center gap-2 p-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 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">A Window With Stuff In It</div>
+                            <div className="title-bar-text">Julien Valverde</div>
-                    <div className="title-bar-controls">
-                        <button aria-label="Minimize"></button>
-                        <button aria-label="Maximize"></button>
-                        <button aria-label="Close"></button>
-                    </div>
                         </div>
                         <div className="window-body">
                             <p>There's so much room for activities!</p>
@@ -35,8 +48,14 @@ function RootComponent() {
                     </div>
                 </root.div>
 
-        <div className="container mt-10 mr-auto ml-auto flex flex-row items-center justify-center gap-20">
+                <div>
-            <div className="flex flex-row items-center justify-center gap-2">
+                    <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>
@@ -63,21 +82,7 @@ function RootComponent() {
 
                         <Button>Resumé</Button>
                     </div>
-
+                </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>