Spaces:
Sleeping
Sleeping
<html> | |
<head> | |
<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"> | |
<input type="file" name="image"> | |
<input type="submit" value="Résoudre"> | |
</form> | |
<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> |