fix: rename portfolio to projects + reorganize home page ordering of sections

apps/website/app/[locale]/(main)/page.tsx

@@ -21,21 +21,21 @@ const HomePage: React.FC<HomePageProps> = async (props) => {
     <MainLayout>
       <About />
 
-      <RevealFade>
-        <Interests />
-      </RevealFade>
-
-      <RevealFade>
-        <Skills />
-      </RevealFade>
-
       <RevealFade>
         <Portfolio />
       </RevealFade>
 
+      <RevealFade>
+        <Interests />
+      </RevealFade>
+
       <RevealFade>
         <OpenSource />
       </RevealFade>
+
+      <RevealFade>
+        <Skills />
+      </RevealFade>
     </MainLayout>
   )
 }

packages/i18n/src/translations/en-US.json

@@ -87,7 +87,7 @@
       "title": "Studies"
     },
     "interests": {
-      "fusey": "<link>Fusey (fusey.gg)</link>: website I'm developing for the game ARK: Survival Ascended that tracks the number of players connected to the servers in real time and has over ~5,000 visitors each month, ~100,000 members on Discord, and ~120,000 followers on X/Twitter.",
+      "fusey": "<link>Fusey (fusey.gg)</link>: website I'm developing for the game ARK that tracks the number of players connected to the servers in real time and has over ~5,000 visitors each month, ~100,000 members on Discord, and ~120,000 followers on X/Twitter.",
       "open-source": "Open-Source Enthusiast"
     },
     "work": {
@@ -141,7 +141,7 @@
     },
     "portfolio": {
       "fusey": {
-        "description": "ARK: Survival Ascended Wiki and Player stats tracker.",
+        "description": "Website I'm developing for the game ARK that tracks the number of players connected to the servers in real time and has over ~5,000 visitors each month, ~100,000 members on Discord, and ~120,000 followers on X/Twitter.",
         "title": "Fusey"
       },
       "carolo": {
@@ -152,7 +152,7 @@
         "description": "Leon is your open-source personal assistant.",
         "title": "Leon"
       },
-      "title": "Portfolio"
+      "title": "Projects"
     },
     "skills": {
       "backend": "Backend",

packages/i18n/src/translations/fr-FR.json

@@ -87,7 +87,7 @@
       "title": "Études"
     },
     "interests": {
-      "fusey": "<link>Fusey (fusey.gg)</link> : site web que je développe pour le jeu ARK: Survival Ascended qui permet de suivre en temps réel le nombre de joueurs connectés sur les serveurs et a plus de ~5 000 visiteurs chaque mois, ~100 000 membres sur Discord et ~120 000 followers sur X/Twitter.",
+      "fusey": "<link>Fusey (fusey.gg)</link> : site web que je développe pour le jeu ARK qui permet de suivre en temps réel le nombre de joueurs connectés sur les serveurs et a plus de ~5 000 visiteurs chaque mois, ~100 000 membres sur Discord et ~120 000 followers sur X/Twitter.",
       "open-source": "Enthousiaste de l'Open-Source"
     },
     "work": {
@@ -141,7 +141,7 @@
     },
     "portfolio": {
       "fusey": {
-        "description": "ARK: Survival Ascended Wiki et suivi des statistiques des joueurs.",
+        "description": "Site web que je développe pour le jeu ARK qui permet de suivre en temps réel le nombre de joueurs connectés sur les serveurs et a plus de ~5 000 visiteurs chaque mois, ~100 000 membres sur Discord et ~120 000 followers sur X/Twitter.",
         "title": "Fusey"
       },
       "carolo": {
@@ -152,7 +152,7 @@
         "description": "Leon est votre assistant personnel open source.",
         "title": "Leon"
       },
-      "title": "Portfolio"
+      "title": "Projets"
     },
     "skills": {
       "backend": "Backend",

packages/ui/src/Home/Portfolio/PortfolioItem.tsx

@@ -32,7 +32,7 @@ export const PortfolioItem: React.FC<PortfolioItemProps> = (props) => {
         >
           <div className="flex justify-center">
             <Image
-              className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-20 dark:group-hover:opacity-5"
+              className="size-[300px] rounded-xl transition-opacity duration-500 group-hover:opacity-15 dark:group-hover:opacity-5"
               width={300}
               height={300}
               src={image}