Nouveau bouton dans le topbar de l'éditeur, à côté d'Aperçu, qui ouvre une modale listant les thèmes du catalogue (document_engine/themes/). Cliquer un thème charge un VRAI aperçu (rendu serveur réel dans un iframe, jamais une resucée CSS côté client) avec le choix de garder le contenu actuel ou de le remplacer par le contenu de démonstration du modèle. Architecture pensée pour une centaine de thèmes futurs : chaque thème est une feuille de style externe (static/document/themes/<id>.css) qui habille les classes fixes du moteur, jamais du code qui en changerait la structure. Premier thème implémenté pour valider le mécanisme : "Sécurité Incendie" (6 pages de contenu réel, quiz inclus). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
30 lines
760 B
HTML
30 lines
760 B
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Aperçu — {{ theme.name }}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='document/document-editor.css') }}">
|
|
{% if theme.font_url %}
|
|
<link rel="stylesheet" href="{{ theme.font_url }}">
|
|
{% endif %}
|
|
<link rel="stylesheet" href="{{ url_for('static', filename=theme.css_path) }}">
|
|
<style>
|
|
html, body {
|
|
margin: 0;
|
|
padding: 16px;
|
|
background: #efece4;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="docPage">
|
|
<div class="docPageContent">
|
|
{{ rendered_page | safe }}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|