Update app.py

app.py

@@ -36,45 +36,56 @@ def generate(message: str, chat_history: list[dict]) -> Iterator[str]:
         fixed_response = """
 <h2 style="text-align: center;">Un viol</h2>
 
-<div style="border: 2px solid #000; padding: 10px; margin: 10px 0;">
+<div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
   <p>Le viol est un <strong>crime</strong> <br/>
   (donc une infraction très grave punie d'une peine d'emprisonnement)</p>
 </div>
 
+<div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
 <p>Le viol se définit comme :</p>
 <ul>
   <li>Tous actes de pénétration sexuelle avec un sexe ou un objet</li>
   <p style="text-align: center;">OU</p>
   <li>Toute pratique sexuelle mettant en contact la bouche d’un partenaire et le sexe d’un autre</li>
 </ul>
+</div>
 
 <p style="text-align: center;">OU</p>
 
-<p><strong>SOIT entre</strong> :</p>
-<ul>
-  <li>Un majeur (18 ans ou +) et un mineur (moins de 18 ans)</li>
-  <li>Avec une différence d’âge importante, par exemple</li>
-</ul>
-
-<p style="text-align: center;">OU</p>
-
-<p><strong>SOIT avec</strong> :</p>
-<ul>
-  <li>Une menace (ex : chantage)</li>
-  <li>Une contrainte (ex : pression physique)</li>
-  <li>Une surprise (ex : ton partenaire dort)</li>
-</ul>
+<div style="display: flex; align-items: flex-start; justify-content: center; gap: 20px;">
+
+    <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
+    <p><strong>SOIT entre</strong> :</p>
+    <ul>
+      <li>Un majeur (18 ans ou +) et un mineur (moins de 18 ans)</li>
+      <li>Avec une différence d’âge importante, par exemple</li>
+    </ul>
+    </div>
+    
+    <p style="text-align: center;">OU</p>
+    
+    <div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
+    <p><strong>SOIT avec</strong> :</p>
+    <ul>
+      <li><strong>Une menace</strong> (ex : chantage)</li>
+      <li><strong>Une contrainte</strong> (ex : pression physique)</li>
+      <li><strong>Une surprise</strong> (ex : ton partenaire dort)</li>
+    </ul>
+    </div>
+</div>
 
+<div style="border: 2px solid #fff; padding: 10px; margin: 10px 0;">
 <p><strong>Ainsi, le viol peut être commis sur</strong> :</p>
 <ul>
   <li>La personne qui pénètre</li>
   <li>La personne qui est pénétrée</li>
   <li>La personne qui n’a pas consenti ou ne consent plus</li>
-</ul>
+</ul
+</div>
 
-<p style="text-align: center;"><em>Qu’est-ce que je fais si j’ai été violé(e) ?</em></p>
-<p>Retourne au menu principal et clique sur le nuage « j’ai besoin de ton aide » pour plus d’informations.</p>
-<p>Tu peux aussi te référer à la législation : Articles 222-22 et suivants du Code pénal.</p>
+👉<p style="text-align: center;"><em>Qu’est-ce que je fais si j’ai vécu ça ?  ?</em> Retourne au menu principal et clique sur le nuage « j’ai besoin de ton aide ».</p>
+👉<p>Comment est puni.e le.a violeur ? <p/>
+🔎<p>Retrouves la définition sur le site Légifrance, Articles 222-22 et suivants du Code pénal</p>
 """
         yield fixed_response
         return