Upload templates/index.html with huggingface_hub

templates/index.html

@@ -305,7 +305,7 @@ button:disabled {
   color: #689f38;
 }
 
-/* ================= COMPÉTENCES COMPACTES ================= */
+/* ================= COMPÉTENCES REGROUPÉES SUR 3 COLONNES ================= */
 #competence-bars {
   background: white;
   padding: 15px;
@@ -316,7 +316,7 @@ button:disabled {
 
 .compact-competences-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  grid-template-columns: repeat(3, 1fr);
   gap: 12px;
   margin: 10px 0;
 }
@@ -327,6 +327,8 @@ button:disabled {
   border-radius: 8px;
   border-left: 4px solid #1976D2;
   transition: transform 0.2s;
+  height: 100%;
+  box-sizing: border-box;
 }
 
 .compact-competence-item:hover {
@@ -1223,7 +1225,7 @@ textarea:focus {
   }
   
   .compact-competences-grid {
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    grid-template-columns: repeat(2, 1fr);
   }
   
   .compact-radar-metrics-grid {
@@ -1551,12 +1553,11 @@ textarea:focus {
                 <span id="compact-patternText">Analyse en cours...</span>
               </div>
             </div>
-            <div>
-              <strong>Persévérance et gestion des efforts :</strong> 
-              <div style="margin-top: 5px; padding: 10px; background: #F8F9FA; border-radius: 6px; border-left: 3px solid #1976D2;">
-                <span id="compact-regularityText">Analyse en cours...</span>
-              </div>
-            </div>
+           <div>
+  <strong>Persévérance et gestion des efforts :</strong> 
+  <span id="compact-regularityText">Analyse en cours...</span>
+</div>
+
           </div>
         </div>
       </div>
@@ -1623,7 +1624,7 @@ textarea:focus {
           <!-- Les étoiles seront ajoutées par JavaScript -->
         </div>
         <small style="color: #666; display: block; margin-top: 5px;">
-          L'agent aide-t-il l’étudiant à développer sa pensée critique et ses compétences cognitives, et l'aide-t-il à réfléchir sur ses propres stratégies d'apprentissage ?
+          L'agent aide-t-il l'étudiant à développer sa pensée critique et ses compétences cognitives, et l'aide-t-il à réfléchir sur ses propres stratégies d'apprentissage ?
         </small>
       </div>
 
@@ -1675,7 +1676,7 @@ textarea:focus {
 
     <!-- ONGLET 4: EXEMPLE D'ANALYSE -->
     <div id="tab-example" class="tab-content">
-      <h3>📋 Exemple d'Analyse – Étudiant en difficulté / évitement de l’échec : peur de l’échec supérieure à la motivation de réussite.</h3>
+      <h3>📋 Exemple d'Analyse – Étudiant en difficulté / évitement de l'échec : peur de l'échec supérieure à la motivation de réussite.</h3>
       
         <div class="example-analysis-box">
           <h4>Message auto-réflexif</h4>