diff --git a/assets/img/about/9.webp b/assets/img/about/9.webp
new file mode 100644
index 0000000..699f187
Binary files /dev/null and b/assets/img/about/9.webp differ
diff --git a/index.html b/index.html
index e79e7cf..dd78546 100644
--- a/index.html
+++ b/index.html
@@ -228,6 +228,18 @@ <h4 class="subheading">Phase 6: Annoted pdf export for students, ...</h4>
                     </li>
 
                     <li class="">
+                        <div  style="background-color: white;" class="timeline-image"><img style="background-color: white;" class="style_prevu_kit2 rounded-circle img-fluid" src="assets/img/about/9.webp" alt="..." /></div>
+                        <div class="timeline-panel">
+                            <div class="timeline-heading">
+                                <h4>Christmas 2023</h4>
+                                <h4 class="subheading">Phase 7: New scoring mechanism (hybrid), hackmd and asciidoc templates, ...</h4>
+                            </div>
+                            <div class="timeline-body"><p class="text-muted"><a href="https://github.com/correctexam/corrigeExamFront/issues/427" target="_blank">New scoring mechanism</a>, <a href="https://correctexam.github.io/hackmd.io2pdf/" target="_blank">Markdown template creator</a>, <a href="https://correctexam.github.io/asciidoclive2pdf/" target="_blank">Asciidoc template creator</a>, <a target="_blank" href="https://github.com/correctexam/corrigeExamFront/issues?q=is%3Aissue+is%3Aclosed">...</a></p></div>
+                        </div>
+                    </li>
+
+
+                    <li class="timeline-inverted">
                         <div class="timeline-image">
                             <h4>
                                 <a target="_blank" style="color: white; text-decoration: none;" href="https://groupes.renater.fr/sympa/info/correctexam"> Come and  
@@ -438,7 +450,7 @@ <h3 class="section-subheading text-muted">“If we want users to like our softwa
                             <img class="img-fluid" src="assets/img/architecture/jhipster1.png" alt="..." />
                         </a>
                         <div class="portfolio-caption">
-                            <div class="portfolio-caption-heading">Based on a generative approch: <a target="_blank" href="https://www.jhipster.tech/">JHipster</a> </div>
+                            <div class="portfolio-caption-heading">Based on a generative approach: <a target="_blank" href="https://www.jhipster.tech/">JHipster</a> </div>
                             <div class="portfolio-caption-subheading text-muted">To quickly generate, develop, & deploy modern web applications & microservice architectures.</div>
                         </div>
                     </div>