update cvs and css

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  // Use Prettier as the default formatter for HTML and CSS
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}

index.html

@@ -113,9 +113,20 @@
 </span>
 </span>
         </h1>
+
         <p class="subtitle">
-          <span class="fr">méthodique, inventif, curieux</span>
-          <span class="en">methodical, inventive, curious</span>
+          <span class="fr">
+            Bonjour, je suis un développeur inventif, méthodique, et passionné
+            par l'informatique, et plus particulièrement le libre et l'open
+            source. J'aime explorer de nouvelles solutions techniques et
+            comprendre les systèmes en profondeur :-]
+          </span>
+          <span class="en">
+            Hello, I am a creative, methodical developer with a passion for
+            computer science, particularly free and open-source software. I
+            enjoy exploring new technical solutions and gaining a deep
+            understanding of systems :-]
+          </span>
         </p>
       </header>
 
@@ -134,14 +145,7 @@
         <!-- prettier-ignore -->
         <h1 aria-label="curriculum vitae">
 <span aria-hidden="true" class="pre">
-<span class="fr">
-      
-         
-         
-         
-       
-</span>
-<span class="en">
+<span class="fr en">
       
          
          
@@ -152,42 +156,50 @@
         </h1>
       </header>
 
-      <div class="cv margin_top_big">
-        <span class="fr"
-          ><a
-            class="cv_download margin_bottom_big"
-            href="docs/cvs/hugo_lamy_cv_2026_FR.pdf"
-            target="_blank"
-            rel="noopener noreferrer"
-            title="link to a pdf version of this section CV"
-            >télécharger en pdf</a
-          ></span
-        >
-        <span class="en"
-          ><a
-            class="cv_download margin_bottom_big"
-            href="docs/cvs/hugo_lamy_cv_2026_EN.pdf"
-            target="_blank"
-            rel="noopener noreferrer"
-            title="link to a pdf version of this section CV"
-            >download as pdf</a
-          ></span
-        >
-
-        <p class="subtitle">
-          <span class="fr"
-            >Bonjour, je suis un développeur inventif, méthodique, et passionné
-            par l'informatique, et plus spécialement le libre et l'open source.
-            j’aime explorer de nouvelles solutions techniques et je suis prêt à
-            relever de nouveaux défis avec vous :)</span
-          >
-          <span class="en"
-            >Hello, I am an inventive, methodical developer with a passion for
-            IT, especially free and open source software. I enjoy exploring new
-            technical solutions and am ready to take on new challenges with you
-            :)</span
-          >
+      <div class="cv">
+        <div class="cv_download">
+          <p>
+            <span class="fr">télécharger </span>
+            <span class="en">download </span>
+            :
           </p>
+          <a
+            href="docs/cvs/CV_Hugo_Lamy_Backend_Embedded_Developer_FR.pdf"
+            target="_blank"
+            rel="noopener noreferrer"
+            title="link to pdf CV version graphical FR"
+          >
+            <span class="fr">[Graphique FR]</span>
+            <span class="en">[Graphical FR]</span>
+          </a>
+          <a
+            href="docs/cvs/CV_Hugo_Lamy_Backend_Embedded_Developer_EN.pdf"
+            target="_blank"
+            rel="noopener noreferrer"
+            title="link to pdf CV version graphical EN"
+          >
+            <span class="fr">[Graphique EN]</span>
+            <span class="en">[Graphical EN]</span>
+          </a>
+          <a
+            href="docs/cvs/CV_Hugo_Lamy_Backend_Embedded_Developer_Ats_FR.pdf"
+            target="_blank"
+            rel="noopener noreferrer"
+            title="link to pdf CV version ats FR"
+          >
+            <span class="fr">[ATS FR]</span>
+            <span class="en">[ATS FR]</span>
+          </a>
+          <a
+            href="docs/cvs/CV_Hugo_Lamy_Backend_Embedded_Developer_Ats_EN.pdf"
+            target="_blank"
+            rel="noopener noreferrer"
+            title="link to pdf CV version ats EN"
+          >
+            <span class="fr">[ATS EN]</span>
+            <span class="en">[ATS EN]</span>
+          </a>
+        </div>
 
         <h2>
           <span class="fr">EXPÉRIENCES</span>
@@ -616,10 +628,10 @@
           <span class="en">source code for all projects : </span>
         </p>
         <a
-          href="https://bitbucket.org/hugogogo"
+          href="https://gitea.hugulumu.com/"
           target="_blank"
           rel="noopener noreferrer"
-          title="link to git repositories on bitbucket"
+          title="link to git repositories"
         ></a>
       </div>
 
@@ -631,10 +643,10 @@
       <div class="projects_grid">
         <figure class="project">
           <a
-            href="https://bitbucket.org/hugogogo/int_04_fdf"
+            href="https://gitea.hugulumu.com/42/42_INT_04_fdf"
             target="_blank"
             rel="noopener noreferrer"
-            title="link to the source code on bitbucket"
+            title="link to the source code"
           >
             <img src="./docs/projects/fdf_pyramide_loop_square_2_light.gif" />
           </a>
@@ -650,20 +662,20 @@
               >
             </p>
             <a
-              href="https://bitbucket.org/hugogogo/int_04_fdf"
+              href="https://gitea.hugulumu.com/42/42_INT_04_fdf"
               target="_blank"
               rel="noopener noreferrer"
-              title="link to the source code on bitbucket"
+              title="link to the source code"
             ></a>
           </figcaption>
         </figure>
 
         <figure class="project">
           <a
-            href="https://bitbucket.org/hugogogo/int_10_cube3d"
+            href="https://gitea.hugulumu.com/42/42_INT_10_cube3d"
             target="_blank"
             rel="noopener noreferrer"
-            title="link to the source code on bitbucket"
+            title="link to the source code"
           >
             <img src="./docs/projects/cube3d_tour_with_map_square.gif" />
           </a>
@@ -679,20 +691,20 @@
               >
             </p>
             <a
-              href="https://bitbucket.org/hugogogo/int_10_cube3d"
+              href="https://gitea.hugulumu.com/42/42_INT_10_cube3d"
               target="_blank"
               rel="noopener noreferrer"
-              title="link to the source code on bitbucket"
+              title="link to the source code"
             ></a>
           </figcaption>
         </figure>
 
         <figure class="project">
           <a
-            href="https://bitbucket.org/hugogogo/2023_website_jipf"
+            href="https://gitea.hugulumu.com/pro/2023_WEBSITE_jipf"
             target="_blank"
             rel="noopener noreferrer"
-            title="link to the source code on bitbucket"
+            title="link to the source code"
           >
             <img src="./docs/projects/ljdp_map_clusters_square_light.gif" />
           </a>
@@ -708,20 +720,20 @@
               >
             </p>
             <a
-              href="https://bitbucket.org/hugogogo/2023_website_jipf"
+              href="https://gitea.hugulumu.com/pro/2023_WEBSITE_jipf"
               target="_blank"
               rel="noopener noreferrer"
-              title="link to the source code on bitbucket"
+              title="link to the source code"
             ></a>
           </figcaption>
         </figure>
 
         <figure class="project">
           <a
-            href="https://bitbucket.org/hugogogo/2022_website_kosmopolit"
+            href="https://gitea.hugulumu.com/pro/2022_WEBSITE_kosmopolit"
             target="_blank"
             rel="noopener noreferrer"
-            title="link to the source code on bitbucket"
+            title="link to the source code"
           >
             <img src="./docs/projects/kosmopolit_square.gif" />
           </a>
@@ -737,10 +749,10 @@
               >
             </p>
             <a
-              href="https://bitbucket.org/hugogogo/2022_website_kosmopolit"
+              href="https://gitea.hugulumu.com/pro/2022_WEBSITE_kosmopolit"
               target="_blank"
               rel="noopener noreferrer"
-              title="link to the source code on bitbucket"
+              title="link to the source code"
             ></a>
           </figcaption>
         </figure>

styles/elements/cv.css

@@ -1,37 +1,38 @@
-.cv {
-  width: auto;
-  max-width: 900px;
+#cv {
+  header {
+    height: 300px;
+  }
 }
 
 .cv {
   display: flex;
   flex-direction: column;
   text-align: left;
-}
+  width: auto;
+  max-width: 900px;
 
-.cv .cv_download {
-  display: inline-block;
-  width: 100%;
-  margin-top: 30px;
-  text-align: center;
-}
-
-.cv > *:last-child {
+  > *:last-child {
     margin-bottom: 100px;
-}
+  }
 
-.cv .banner {
+  .cv_download {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-top: 30px;
+  }
+
+  .banner {
     margin: 0px 0px 50px;
-  /*
-	margin: 50px 50px;
-	width: calc(100% - 100px);
-	*/
-}
-.cv h2 {
+  }
+
+  h2 {
     margin-top: 100px;
-}
-.cv ul {
+  }
+
+  ul {
     border: 1px dashed black;
     padding: 20px;
     padding-left: 40px;
+  }
 }

styles/elements/language.css

@@ -3,50 +3,57 @@ input#language {
 }
 label#language_label {
   position: fixed;
-	position: absolute;
   top: 20px;
   right: 20px;
   padding: 10px;
   cursor: pointer;
   z-index: 1;
-}
-label#language_label .flag {
+
+  .flag {
     width: 20px;
+  }
 }
 
-
-
 /*
-* FR
+* SWITCH FLAG
 */
-input#language:not(:checked) + label #fr {
+#language {
+  &:not(:checked) + #language_label {
+    #fr {
       display: inline;
-}
-input#language:checked + label #fr {
+    }
+
+    #en {
       display: none;
-}
-input#language:not(:checked) ~ * span.fr {
+    }
+  }
+
+  &:checked + #language_label {
+    #fr {
       display: none;
-}
-input#language:checked ~ * span.fr {
+    }
+
+    #en {
       display: inline;
+    }
+  }
 }
 
-
-
 /*
-* EN
+* SWITCH LANGUAGE
 */
-input#language:not(:checked) + label #en {
-	display: none;
-}
-input#language:checked + label #en {
-	display: inline;
-}
-input#language:not(:checked) ~ * span.en {
-	display: inline;
-}
-input#language:checked ~ * span.en {
-	display: none;
-}
 
+#language {
+  ~ * .fr,
+  ~ * .en {
+    display: none;
+  }
+
+  &:not(:checked) ~ * .en {
+    display: inline;
+  }
+
+  &:checked ~ * .fr {
+    display: inline;
+  }
+}