diff --git a/index.html b/index.html
index 2bc4e80..a610278 100644
--- a/index.html
+++ b/index.html
@@ -37,22 +37,31 @@
 	<body id="body">
 
 		<!--
-			CV
+			PROJECTS
 		-->
-		<section id="works" data-flex="vertical stretch">
-			<figure id="works_ascii" data-flex="horizontal parent center wrap">
+		<section id="projects" data-flex="vertical stretch parent">
+			<figure data-flex="horizontal parent center wrap">
 <pre>
-     
-        
-        
-        
-      
+          
+                                     
+                          
+                                      
+                      
 </pre>
 			</figure>
-			<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" download>here are some works I have done</a></h2>
+			<h2 data-flex="center">here are some works I have done</h2>
+			<iframe
+				src="https://2022.lejourdesprofs.org/hugogogo/"
+				data-flex="center"
+				height="700"
+				scrolling="no"
+				frameborder="0"
+				title="description"
+				sandbox="allow-scripts allow-popups"
+			></iframe> 
 		</section>
 		<!--
-			END CV
+			END PROJECTS
 		-->
 
 
@@ -188,6 +197,19 @@
                                  
 </pre>
 	</figure>
+</section>
+		<!--
+			END TITLE AREA
+		-->
+
+
+
+
+
+
+		<!--
+			MOUSE 1
+		-->
 	<figure class="frames_container mouse" id="mouse_1">
 <pre class="frame f1">
        
@@ -262,9 +284,8 @@
                              
 </pre>
 	</figure>
-</section>
 		<!--
-			END TITLE AREA
+			END MOUSE 1
 		-->
 
 
@@ -272,6 +293,11 @@
 
 
 
+
+
+
+
+
 		<!--
 			MOUSE 2
 		-->
diff --git a/styles/elements/mouses.css b/styles/elements/mouses.css
index 531f9f1..fc120bc 100644
--- a/styles/elements/mouses.css
+++ b/styles/elements/mouses.css
@@ -48,7 +48,6 @@ pre.frame.f4  {animation-delay: calc(var(--tframes) * 75/100);}
 
 #mouse_1 {
 	place-self: center;
-	margin: auto;
 }
 #mouse_2 {
 	left: 10%;
diff --git a/styles/elements/title.css b/styles/elements/title.css
index 8e755cd..e8fd81d 100644
--- a/styles/elements/title.css
+++ b/styles/elements/title.css
@@ -3,6 +3,6 @@
 	margin:30px 0px 40px 0px;
 }
 #title {	
-	margin:30px 0px 40px 0px;
+	margin:30px 0px 20px 0px;
 }
 
diff --git a/styles/style.css b/styles/style.css
index 0d83ed1..068705f 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -31,7 +31,8 @@ section {
 #infos           { grid-area: infos;   }
 #title_area      { grid-area: title;   }
 #cv              { grid-area: cv;      }
-#works           { grid-area: works;   }
+#projects        { grid-area: projects;}
+#mouse_1         { grid-area: mouse_1; }
 #mouse_2         { grid-area: mouse_2; }
 #mouse_3         { grid-area: mouse_3; }
 #mouse_4         { grid-area: mouse_4; }
@@ -49,10 +50,11 @@ section {
 	*/
 	display: grid;
 	grid:
-    ' banner_1  banner_1  banner_1 ' auto
     ' .         title     .        ' auto
     ' banner_2  banner_2  banner_2 ' auto
-    ' .         works     .        ' auto
+    ' .         mouse_1   .        ' auto
+    ' banner_1  banner_1  banner_1 ' auto
+    ' .         projects  .        ' auto
     ' banner_3  banner_3  banner_3 ' auto
     ' .         mouse_2   .        ' auto
     ' banner_4  banner_4  banner_4 ' auto
diff --git a/temp.txt b/temp.txt
index d98ef63..f70c098 100644
--- a/temp.txt
+++ b/temp.txt
@@ -293,6 +293,36 @@
 
 
 
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+
+
+••••  ••••  ••••• ••••• ••••• ••••• ••••• ••••• 
+•   • •   • •   •   •   •     •       •   •     
+••••  ••••  •   •   •   ••••  •       •   ••••• 
+•     •   • •   •   •   •     •       •       • 
+•     •   • ••••• ••    ••••• •••••   •   ••••• 
+
+
+          
+                                     
+                          
+                                      
+                      
+
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+------------------------------------------------------------
+
+
+
 
 
  •••  ••••  ••••• ••••  ••••• ••••• ••••• •   • ••••• ••••• •   • •     •   • 
