Spaces:

Docfile
/

Mariam-physiques

Sleeping

App Files Files Community

Docfile commited on Dec 4, 2024

Commit

3cdafe6

verified ·

1 Parent(s): f92ef64

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +28 -19

templates/index.html CHANGED Viewed

@@ -4,42 +4,30 @@
     <title>Mariam AI</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTL/LY/sVhVKg8tvkGTl/mmexC3wpUdSZvKYE2qX" crossorigin="anonymous">
     <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amWiwIj8VZkb9rmKa9b9lhVencyWv" crossorigin="anonymous"></script>
-    <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"></script>
     <style>
         body {
             font-family: sans-serif;
             margin: 20px;
         }
         #navbar {
-            background-color: #f0f0f0; /* Couleur de fond de la barre de navigation */
             padding: 10px;
             margin-bottom: 20px;
-            border-radius: 5px; /* Coins arrondis */
         }
         #output {
-            padding: 15px; /* Ajout de padding */
-            border: 1px solid #ddd; /* Bordure légère */
             border-radius: 5px;
         }
     </style>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            renderMathInElement(document.body, {
-                delimiters: [
-                    {left: "$$", right: "$$", display: true},
-                    {left: "$", right: "$", display: false},
-                    {left: "\\[", right: "\\]", display: true},
-                ]
-            });
-        });
-    </script>
 </head>
 <body>
     <div id="navbar">
         <h1>Mariam AI</h1>
-        <!-- Vous pouvez ajouter d'autres éléments de navigation ici si nécessaire -->
     </div>
     <form method="POST" enctype="multipart/form-data">
@@ -49,5 +37,26 @@
     <div id="output">
          {{ e | safe }}
     </div>
 </body>
 </html>

     <title>Mariam AI</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTL/LY/sVhVKg8tvkGTl/mmexC3wpUdSZvKYE2qX" crossorigin="anonymous">
     <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" integrity="sha384-PwRUT/YqbnEjkZO0zZxNqcxACrXe+j766U2amWiwIj8VZkb9rmKa9b9lhVencyWv" crossorigin="anonymous"></script>
+    <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" integrity="sha384-+VBxd3r6XgURycqtZ117nYw44OOcIax56Z4dCRWbxyPt0Koah1uHoK0o4+/RRE05" crossorigin="anonymous"
+        onload="renderMathInElement(document.body);"></script>
     <style>
         body {
             font-family: sans-serif;
             margin: 20px;
         }
         #navbar {
+            background-color: #f0f0f0;
             padding: 10px;
             margin-bottom: 20px;
+            border-radius: 5px;
         }
         #output {
+            padding: 15px;
+            border: 1px solid #ddd;
             border-radius: 5px;
         }
     </style>
 </head>
 <body>
     <div id="navbar">
         <h1>Mariam AI</h1>
     </div>
     <form method="POST" enctype="multipart/form-data">
     <div id="output">
          {{ e | safe }}
     </div>
+<script>
+     // Configuration KaTeX – à mettre APRÈS le chargement de la page et du contenu
+        window.addEventListener('load', function() { // Assurez-vous que le contenu est chargé
+             renderMathInElement(document.body, {
+                delimiters: [
+                    {left: "$$", right: "$$", display: true},
+                    {left: "$", right: "$", display: false},
+                    {left: "\\[", right: "\\]", display: true},
+                    {left: "\\(", right: "\\)", display: false}, // Ajouté
+                    {left: "\\begin{equation}", right: "\\end{equation}", display: true},
+                    {left: "\\begin{align}", right: "\\end{align}", display: true},
+                    {left: "\\begin{alignat}", right: "\\end{alignat}", display: true},
+                    {left: "\\begin{gather}", right: "\\end{gather}", display: true},
+                    {left: "\\begin{CD}", right: "\\end{CD}", display: true},
+                ],
+                 throwOnError: false // Important pour éviter les erreurs avec chemfig
+             });
+         });
+</script>
 </body>
 </html>