diff --git a/docs/pages/CV/react-timeline.jsx b/docs/pages/CV/react-timeline.jsx
index e7a3c3a..8246676 100644
--- a/docs/pages/CV/react-timeline.jsx
+++ b/docs/pages/CV/react-timeline.jsx
@@ -7,6 +7,7 @@ import WorkLogo from '../../public/WorkIcon.png'; // with import
 import EducationLogo from '../../public/EducationIcon.png'; // with import
 import InternshipLogo from '../../public/InternshipIcon.png'; // with import
 import TravelingLogo from '../../public/TravelingIcon.png'; // with import
+import BlogLogo from '../../public/BlogIcon.png'; // with import
 
 import '../../styles.css';
 
@@ -22,12 +23,22 @@ const Timeline = () => {
     <VerticalTimeline
     layout = "1-column-left">
     {/* layout = "2-columns"> */}
+    <VerticalTimelineElement
+        className="vertical-timeline-element--work"
+        date="March 2024"
+        iconStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
+        contentStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}        
+        icon={ <img className="flag-sizeS" src ={BlogLogo} />}
+      >
+        <h3 className="vertical-timeline-element-title">Create Omicsverse and personnal website</h3>
+        <h4 className="vertical-timeline-element-subtitle">Home</h4>
+      </VerticalTimelineElement>       
       <VerticalTimelineElement
         className="vertical-timeline-element--work"
         date="Aug 2022 - Present"
         iconStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
         contentStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
-        icon={ <img className="flag-size" src ={WorkLogo} />}
+        icon={ <img className="flag-sizeL" src ={WorkLogo} />}
       >
         <h3 className="vertical-timeline-element-title">Clinical Bioinformatics Engineer</h3>
         <h4 className="vertical-timeline-element-subtitle">Grenoble Alpes University Hospital (CHUGA)</h4>
@@ -41,7 +52,7 @@ const Timeline = () => {
         date="March 2019 - March 2022"
         iconStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
         contentStyle={{ background: 'rgb(83,104,120)', color: '#fff' }}
-        icon={ <img className="flag-size" src ={WorkLogo} />}
+        icon={ <img className="flag-sizeL" src ={WorkLogo} />}
       >
         <h3 className="vertical-timeline-element-title">Research Engineer</h3>
         <h4 className="vertical-timeline-element-subtitle">Institut Curie</h4>
@@ -60,12 +71,13 @@ const Timeline = () => {
         date="March 2019 - March 2022"
         iconStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}
         contentStyle={{ background: 'rgb(128,193,157)', color: '#fff' }}        
-        icon={ <img className="flag-sizeT" src ={TravelingLogo} />}
+        icon={ <img className="flag-sizeM" src ={TravelingLogo} />}
       >
         <h3 className="vertical-timeline-element-title">BackPacker</h3>
         <h4 className="vertical-timeline-element-subtitle">Europe</h4>
         <p>
-        Blabla,Blili<br/>
+        Culture Discovering, Time management, Projects collaboration, Communication, 
+        Following ML/DL online courses on my freetime<br/>
         </p>
       </VerticalTimelineElement>           
       <VerticalTimelineElement
@@ -73,7 +85,7 @@ const Timeline = () => {
         date="2006 - 2008"
         contentStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
         iconStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}        
-        icon={ <img className="flag-sizeT" src ={InternshipLogo} />}
+        icon={ <img className="flag-sizeS" src ={InternshipLogo} />}
       >
         <h3 className="vertical-timeline-element-title">Web Designer</h3>
         <h4 className="vertical-timeline-element-subtitle">San Francisco, CA</h4>
@@ -86,7 +98,7 @@ const Timeline = () => {
         date="April 2013"
         contentStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}
         iconStyle={{ background: 'rgb(221,136,86)', color: '#fff' }}        
-        icon={ <img className="flag-sizeT" src ={InternshipLogo} />}
+        icon={ <img className="flag-sizeS" src ={InternshipLogo} />}
       >
         <h3 className="vertical-timeline-element-title">Content Marketing for Web, Mobile and Social Media</h3>
         <h4 className="vertical-timeline-element-subtitle">Online Course</h4>
@@ -96,55 +108,55 @@ const Timeline = () => {
       </VerticalTimelineElement>
       <VerticalTimelineElement
         className="vertical-timeline-element--education"
-        date="November 2012"
+        date="2017 - 2018"
         iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
         contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}   
         icon={ <img src ={EducationLogo} />}
       >
-        <h3 className="vertical-timeline-element-title">Agile Development Scrum Master</h3>
-        <h4 className="vertical-timeline-element-subtitle">Certification</h4>
+        <h3 className="vertical-timeline-element-title">Dual Master's degree in omics data analysis</h3>
+        <h4 className="vertical-timeline-element-subtitle">Aix-Marseille University</h4>
         <p>
-          Creative Direction, User Experience, Visual Design
+        <a href="https://formations.univ-amu.fr/fr/master/5SBG" target="_blank" className="hrefverticalelement">This master's </a> program aims to offer biology students a training project that enables them to acquire the necessary skills to pursue a career as a scientist in the field of omics data analysis, both in academia and industry. <br/><br/>
+        The skills obtained by the graduate during this training will allow them to implement biochemical or genomic approaches to solve complex molecular problems or design innovative solutions to a range of biological issues. This training project provides students with theoretical, methodological, practical, and interpersonal skills related to the field of genomics.
         </p>
       </VerticalTimelineElement>
       <VerticalTimelineElement
         className="vertical-timeline-element--education"
-        date="2002 - 2006"
+        date="2015 - 2018"
         iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
         contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}           
         icon={ <img src ={EducationLogo} />}
       >
-        <h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
-        <h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
+        <h3 className="vertical-timeline-element-title">Master’s Degree in Biotechnology Engineering </h3>
+        <h4 className="vertical-timeline-element-subtitle">Aix-Marseille University Engineering school (POLYTECH)</h4>
         <p>
-          POLYTECH
+        Advanced applications of microbiology and cell biology, such as molecular biology, cell culture, genetic engineering, and bioinformatics. <br/> <br/>
+        Production, extraction, and purification of compounds derived from processes involving microorganisms, animal or plant cells.<br/> <br/>
+        Mastery of analytical techniques and methodologies for ensuring the quality control and safety of compounds derived from bioprocesses.
         </p>
       </VerticalTimelineElement>
       <VerticalTimelineElement
         className="vertical-timeline-element--education"
-        date="2002 - 2006"
+        date="2013 - 2015"
         iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
         contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}           
         icon={ <img src ={EducationLogo} />}
       >
-        <h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
-        <h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
+        <h3 className="vertical-timeline-element-title">Preparatory class for prestigious engineering schools.</h3>
+        <h4 className="vertical-timeline-element-subtitle">Carnot High School,Dijon</h4>
         <p>
-          PREPA
+          Mathematics, Programming Languages, Physics, Chemistry, Biology, Life Science, Earth Science
         </p>
       </VerticalTimelineElement>
       <VerticalTimelineElement
         className="vertical-timeline-element--education"
-        date="2002 - 2006"
+        date="2013"
         iconStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}
         contentStyle={{ background: 'rgb(128,0,32)', color: '#fff' }}           
         icon={ <img src ={EducationLogo} />}
       >
-        <h3 className="vertical-timeline-element-title">Bachelor of Science in Interactive Digital Media Visual Imaging</h3>
-        <h4 className="vertical-timeline-element-subtitle">Bachelor Degree</h4>
-        <p>
-          BACCALAUREATE
-        </p>
+        <h3 className="vertical-timeline-element-title">Baccalaureate</h3>
+        <h4 className="vertical-timeline-element-subtitle">Mâcon</h4>
       </VerticalTimelineElement>            
     </VerticalTimeline>
   )
diff --git a/docs/public/BlogIcon.png b/docs/public/BlogIcon.png
new file mode 100644
index 0000000..e227fde
Binary files /dev/null and b/docs/public/BlogIcon.png differ
diff --git a/docs/styles.css b/docs/styles.css
index 95fe189..47b2e8d 100644
--- a/docs/styles.css
+++ b/docs/styles.css
@@ -10,7 +10,7 @@
     }
 } */
 
-.flag-size {
+.flag-sizeL {
   padding: 0em;
   display: flex;
   justify-content: center;
@@ -18,12 +18,18 @@
 }
 
 
-.flag-sizeT {
+.flag-sizeM {
   padding: 0.2em;
   display: flex;
   justify-content: center;
   align-items: center;
 }
+.flag-sizeS {
+  padding: 0.3em;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 
 .vertical-timeline-element-title {
   font-size: 18px;
@@ -34,3 +40,7 @@
 .vertical-timeline-element-content{
   font-size: 15px;
 }
+
+.hrefverticalelement{
+  color: black;
+}
\ No newline at end of file
diff --git a/vocs.config.ts b/vocs.config.ts
index 67e69ad..9779a3c 100644
--- a/vocs.config.ts
+++ b/vocs.config.ts
@@ -1,6 +1,9 @@
 import { defineConfig } from 'vocs'
 
 export default defineConfig({
+  theme: { 
+      colorScheme: 'dark'
+  }, 
   title: 'Home',
   topNav: [ 
     { text: 'CV', link: '/CV' },