Deployed 9d6e612 with MkDocs version: 1.4.3

index.html

@@ -357,11 +357,18 @@
     Why Choose Melusine ?
   </a>
 
+</li>
+
+        <li class="md-nav__item">
+  <a href="#email-segmentation-exemple" class="md-nav__link">
+    Email Segmentation Exemple
+  </a>
+
 </li>
 
         <li class="md-nav__item">
   <a href="#getting-started" class="md-nav__link">
-    Getting started
+    Getting Started
   </a>
 
 </li>
@@ -622,11 +629,18 @@
     Why Choose Melusine ?
   </a>
 
+</li>
+
+        <li class="md-nav__item">
+  <a href="#email-segmentation-exemple" class="md-nav__link">
+    Email Segmentation Exemple
+  </a>
+
 </li>
 
         <li class="md-nav__item">
   <a href="#getting-started" class="md-nav__link">
-    Getting started
+    Getting Started
   </a>
 
 </li>
@@ -681,7 +695,72 @@ <h2 id="why-choose-melusine">Why Choose Melusine ?</h2>
 <li><strong>Production ready</strong> : Proven in the MAIF production environment, 
 Melusine provides the robustness and stability you need.</li>
 </ul>
-<h2 id="getting-started">Getting started</h2>
+<h2 id="email-segmentation-exemple">Email Segmentation Exemple</h2>
+<p>In the following example, an email is divided into two distinct messages 
+separated by a transition pattern. 
+Each message is then tagged line by line. 
+This email segmentation can later be leveraged to enhance the performance of machine learning models.</p>
+<details class="note" open="open">
+<summary>Message 1</summary>
+<p><p style="text-align:left;"> Dear Kim
+<span style="float:right;background-color:#58D68D;"> HELLO</span>
+</p>
+<p style="text-align:left;"> Please find the details in the forwarded email.
+<span style="float:right;background-color:#F4D03F;"> BODY</span>
+</p>
+<p style="text-align:left;"> Best Regards
+<span style="float:right;background-color:#85C1E9;"> GREETINGS</span>
+</p>
+<p style="text-align:left;"> Jo Kahn
+<span style="float:right;background-color:#EB984E;"> SIGNATURE</span>
+</p></p>
+</details>
+<details class="note" open="open">
+<summary>Transition pattern</summary>
+<p><p>Forwarded by [email protected] on Monday december 12th</span>
+<span style="float:right;background-color:#D5DBDB;"> TRANSITION</span>
+</p>
+<p>From: [email protected]
+<span style="float:right;background-color:#D5DBDB;"> TRANSITION</span>
+</p>
+<p>To: [email protected]
+<span style="float:right;background-color:#D5DBDB;"> TRANSITION</span>
+</p>
+<p>Subject: New address
+<span style="float:right;background-color:#D5DBDB;"> TRANSITION</span>
+</p></p>
+</details>
+<details class="note" open="open">
+<summary>Message 2</summary>
+<p><p style="text-align:left;"> Dear Jo
+<span style="float:right;background-color:#58D68D;"> HELLO</span>
+</p>
+<p style="text-align:left;"> A new version of Melusine is about to be released.
+<span style="float:right;background-color:#F4D03F;"> BODY</span>
+</p>
+<p style="text-align:left;"> Feel free to test it and send us feedbacks!
+<span style="float:right;background-color:#F4D03F;"> BODY</span>
+</p>
+<p style="text-align:left;"> Thank you for your help.
+<span style="float:right;background-color:#BB8FCE;"> THANKS</span>
+</p>
+<p style="text-align:left;"> Cheers
+<span style="float:right;background-color:#85C1E9;"> GREETINGS</span>
+</p>
+<p style="text-align:left;"> Alex Leblanc
+<span style="float:right;background-color:#EB984E;"> SIGNATURE</span>
+</p>
+<p style="text-align:left;"> 55 Rue du Faubourg Saint-Honoré
+<span style="float:right;background-color:#EB984E;"> SIGNATURE</span>
+</p>
+<p style="text-align:left;"> 75008 Paris
+<span style="float:right;background-color:#EB984E;"> SIGNATURE</span>
+</p>
+<p style="text-align:left;"> Sent from my iPhone
+<span style="float:right;background-color:#73C6B6;"> FOOTER</span>
+</p></p>
+</details>
+<h2 id="getting-started">Getting Started</h2>
 <p>Get started with melusine following our (tested!) tutorials:</p>
 <ul>
 <li>