Docfile's picture
Update templates/index.html
3cdafe6 verified
raw
history blame
2.57 kB
<!DOCTYPE html>
<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>