wip almost all texts have been duplicated, still need to translate

index.html

@@ -72,7 +72,10 @@
                             
 </span>
 				</h1>
-				<p class="subtitle">méthodique, inventif, curieux</p>
+				<p class="subtitle">
+					<span class="fr">méthodique, inventif, curieux</span>
+					<span class="en">méthodique, inventif, curieux</span>
+				</p>
 			</header>
 
 			<details class="cv margin_top_big">
@@ -215,11 +218,17 @@
 			</header>
 
 			<div class="margin_bottom_big">
-				<p>code-sources de tous les projets : </p>
+				<p>
+					<span class="fr">code-sources de tous les projets : </span>
+					<span class="en">code-sources de tous les projets : </span>
+				</p>
 				<a href="https://bitbucket.org/hugogogo" target="_blank" rel="noopener noreferrer" title="link to git repositories on bitbucket"></a>
 			</div>
 
-			<h2 class="margin_bottom_big">quelques exemples de projets réalisés :</h2>
+			<h2 class="margin_bottom_big">
+				<span class="fr">quelques exemples de projets réalisés :</span>
+				<span class="en">quelques exemples de projets réalisés :</span>
+			</h2>
 
 			<div class="projects_grid">
 				<figure class="project">
@@ -227,7 +236,10 @@
 						<img src="./docs/projects/fdf_pyramide_loop_square_2_light.gif"/>
 					</a>
 					<figcaption>
-						<p>programme qui creer une representation 3D filaire d'une carte avec des points a differentes altitudes</p>
+						<p>
+							<span class="fr">programme qui creer une representation 3D filaire d'une carte avec des points a differentes altitudes</span>
+							<span class="en">programme qui creer une representation 3D filaire d'une carte avec des points a differentes altitudes</span>
+						</p>
 						<a href="https://bitbucket.org/hugogogo/int_04_fdf" target="_blank" rel="noopener noreferrer" title="link to the source code on bitbucket"></a>
 					</figcaption>
 				</figure>
@@ -237,7 +249,10 @@
 						<img src="./docs/projects/cube3d_tour_with_map_square.gif"/>
 					</a>
 					<figcaption>
-						<p>mini jeu video utilisant le raycasting pour creer une impression de deplacement dans un environnement 3D</p>
+						<p>
+							<span class="fr">mini jeu video utilisant le raycasting pour creer une impression de deplacement dans un environnement 3D</span>
+							<span class="en">mini jeu video utilisant le raycasting pour creer une impression de deplacement dans un environnement 3D</span>
+						</p>
 						<a href="https://bitbucket.org/hugogogo/int_10_cube3d" target="_blank" rel="noopener noreferrer" title="link to the source code on bitbucket"></a>
 					</figcaption>
 				</figure>
@@ -247,7 +262,10 @@
 						<img src="./docs/projects/ljdp_map_clusters_square_light.gif"/>
 					</a>
 					<figcaption>
-						<p>plugin wordpress representant des evenements sur une carte avec des marqueurs et des filtres de tris</p>
+						<p>
+							<span class="fr">plugin wordpress representant des evenements sur une carte avec des marqueurs et des filtres de tris</span>
+							<span class="en">plugin wordpress representant des evenements sur une carte avec des marqueurs et des filtres de tris</span>
+						</p>
 						<a href="https://bitbucket.org/hugogogo/2023_website_jipf" target="_blank" rel="noopener noreferrer" title="link to the source code on bitbucket"></a>
 					</figcaption>
 				</figure>
@@ -257,7 +275,10 @@
 						<img src="./docs/projects/kosmopolit_square.gif"/>
 					</a>
 					<figcaption>
-						<p>site internet statique utilisant une structure uniquement en html et css</p>
+						<p>
+							<span class="fr">site internet statique utilisant une structure uniquement en html et css</span>
+							<span class="en">site internet statique utilisant une structure uniquement en html et css</span>
+						</p>
 						<a href="https://bitbucket.org/hugogogo/2022_website_kosmopolit" target="_blank" rel="noopener noreferrer" title="link to the source code on bitbucket"></a>
 					</figcaption>
 				</figure>