Spaces:

Docfile
/

Flasksite

Sleeping

App Files Files Community

Docfile commited on Sep 29

Commit

a3e2608

verified ·

1 Parent(s): eb5759e

Update templates/dissertation_pdf.html

Browse files

Files changed (1) hide show

templates/dissertation_pdf.html +25 -17

templates/dissertation_pdf.html CHANGED Viewed

@@ -7,11 +7,6 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Kalam&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <style>
-        /*
-         * Styles pour la génération du PDF avec WeasyPrint.
-         * Utilisation d'unités absolues (px) pour les marges verticales
-         * afin d'assurer un rendu cohérent et compact.
-        */
         body {
             font-family: 'Inter', sans-serif;
             margin: 0;
@@ -22,12 +17,11 @@
             font-size: 20px;
             color: #1a2a4c;
             background-color: #fdfaf4;
-            /* L'interligne peut rester relatif, c'est généralement bien géré */
             line-height: 1.8;
             background-image: linear-gradient(transparent 97%, #d8e2ee 98%);
             background-size: 100% 40px;
             border-left: 3px solid #ffaaab;
-            padding-left: 4em; /* Le padding horizontal en 'em' est OK */
             padding-top: 30px;
             padding-bottom: 40px;
             padding-right: 30px;
@@ -39,12 +33,12 @@
             font-size: 1.5em;
             text-align: center;
             margin-top: 0;
-            margin-bottom: 30px; /* MODIFIÉ: Unité absolue */
             color: #1a2a4c;
         }
         .dissertation-paper h3 {
             font-size: 1.2em;
-            /* MODIFIÉ: Remplacé 3em par 40px pour un espacement contrôlé */
             margin-top: 40px;
             margin-bottom: 30px;
             text-transform: uppercase;
@@ -52,8 +46,8 @@
             color: #1a2a4c;
         }
         .dissertation-paper .development-block {
-            /* MODIFIÉ: Remplacé 3em par 40px. C'est le changement crucial */
-            /* pour l'espace entre l'introduction et la première partie. */
             margin-top: 40px;
         }
         .dissertation-paper p {
@@ -64,15 +58,15 @@
         .dissertation-paper .prof {
             text-align: center;
             font-style: italic;
-            margin-bottom: 40px; /* MODIFIÉ: Unité absolue */
         }
         .dissertation-paper .indented {
             text-indent: 3em;
         }
         .dissertation-paper .transition {
-            /* MODIFIÉ: Remplacé 2em par 35px pour la transition */
-            margin-top: 35px;
-            margin-bottom: 35px;
             font-style: italic;
             color: #4a6a9c;
         }
@@ -80,25 +74,39 @@
             page-break-inside: avoid;
             break-inside: avoid;
         }
     </style>
 </head>
 <body>
     <div class="dissertation-paper">
-        <!-- Utilisation de la syntaxe Jinja2 pour insérer les données dynamiques -->
         <h2>Sujet : {{ dissertation.sujet }}</h2>
         <p class="prof">Prof : {{ dissertation.prof }}</p>
         <h3>Introduction</h3>
         <p class="indented">{{ dissertation.introduction }}</p>
         {% for partie in dissertation.parties %}
         <div class="avoid-page-break">
-            <div class="development-block">
                 <p class="indented">{{ partie.chapeau }}</p>
                 {% for arg in partie.arguments %}
                 <p class="indented">{{ arg.paragraphe_argumentatif }}</p>
                 {% endfor %}
             </div>
             {% if partie.transition %}
             <p class="indented transition">{{ partie.transition }}</p>
             {% endif %}

     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Kalam&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <style>
         body {
             font-family: 'Inter', sans-serif;
             margin: 0;
             font-size: 20px;
             color: #1a2a4c;
             background-color: #fdfaf4;
             line-height: 1.8;
             background-image: linear-gradient(transparent 97%, #d8e2ee 98%);
             background-size: 100% 40px;
             border-left: 3px solid #ffaaab;
+            padding-left: 4em;
             padding-top: 30px;
             padding-bottom: 40px;
             padding-right: 30px;
             font-size: 1.5em;
             text-align: center;
             margin-top: 0;
+            margin-bottom: 30px;
             color: #1a2a4c;
         }
         .dissertation-paper h3 {
             font-size: 1.2em;
+            /* RÈGLE: 2 sauts de ligne avant la Conclusion */
             margin-top: 40px;
             margin-bottom: 30px;
             text-transform: uppercase;
             color: #1a2a4c;
         }
         .dissertation-paper .development-block {
+            /* RÈGLE: Espace par défaut avant un bloc de développement. */
+            /* Sera annulé pour la première partie. */
             margin-top: 40px;
         }
         .dissertation-paper p {
         .dissertation-paper .prof {
             text-align: center;
             font-style: italic;
+            margin-bottom: 40px;
         }
         .dissertation-paper .indented {
             text-indent: 3em;
         }
         .dissertation-paper .transition {
+            /* RÈGLE: Un saut avant et un saut après la transition */
+            margin-top: 25px;
+            margin-bottom: 25px;
             font-style: italic;
             color: #4a6a9c;
         }
             page-break-inside: avoid;
             break-inside: avoid;
         }
+        /* Classe utilitaire pour annuler la marge supérieure */
+        .no-top-margin {
+            margin-top: 0 !important;
+        }
     </style>
 </head>
 <body>
     <div class="dissertation-paper">
         <h2>Sujet : {{ dissertation.sujet }}</h2>
         <p class="prof">Prof : {{ dissertation.prof }}</p>
         <h3>Introduction</h3>
+        <!-- RÈGLE: 2 sauts de ligne après l'intro (géré par le margin-top du premier h3) -->
         <p class="indented">{{ dissertation.introduction }}</p>
+        <!-- Titre du développement, avec un espace de 2 lignes avant -->
+        <h3>Développement</h3>
         {% for partie in dissertation.parties %}
         <div class="avoid-page-break">
+            <!--
+                LOGIQUE JINJA2:
+                - Si c'est la PREMIÈRE partie, on ajoute la classe 'no-top-margin' pour coller au titre "Développement".
+                - Pour les autres parties, on laisse le margin-top par défaut s'appliquer.
+            -->
+            <div class="development-block {% if loop.first %}no-top-margin{% endif %}">
                 <p class="indented">{{ partie.chapeau }}</p>
                 {% for arg in partie.arguments %}
                 <p class="indented">{{ arg.paragraphe_argumentatif }}</p>
                 {% endfor %}
             </div>
+            <!-- La transition est affichée après le bloc de développement -->
             {% if partie.transition %}
             <p class="indented transition">{{ partie.transition }}</p>
             {% endif %}