Spaces:
Running
Running
Create dissertation_pdf.html
Browse files
templates/dissertation_pdf.html
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="fr">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-UTF-8">
|
| 5 |
+
<title>Dissertation de Philosophie</title>
|
| 6 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 7 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 8 |
+
<link href="https://fonts.googleapis.com/css2?family=Kalam&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 9 |
+
<style>
|
| 10 |
+
/* Copiez ici les styles exacts de la classe .dissertation-paper et ses enfants */
|
| 11 |
+
body {
|
| 12 |
+
font-family: 'Inter', sans-serif;
|
| 13 |
+
}
|
| 14 |
+
.dissertation-paper {
|
| 15 |
+
font-family: 'Kalam', cursive;
|
| 16 |
+
font-size: 20px;
|
| 17 |
+
color: #1a2a4c;
|
| 18 |
+
background-color: #fdfaf4;
|
| 19 |
+
line-height: 2;
|
| 20 |
+
background-image: linear-gradient(transparent 97%, #d8e2ee 98%);
|
| 21 |
+
background-size: 100% 40px;
|
| 22 |
+
border-left: 3px solid #ffaaab;
|
| 23 |
+
padding-left: 4em;
|
| 24 |
+
padding-top: 30px;
|
| 25 |
+
padding-bottom: 40px;
|
| 26 |
+
padding-right: 30px;
|
| 27 |
+
box-sizing: border-box;
|
| 28 |
+
}
|
| 29 |
+
.dissertation-paper h2 { font-size: 1.5em; text-align: center; margin-bottom: 1.5em; color: #1a2a4c; }
|
| 30 |
+
.dissertation-paper h3 { font-size: 1.2em; margin-top: 3em; margin-bottom: 1.5em; text-transform: uppercase; text-decoration: underline; color: #1a2a4c; }
|
| 31 |
+
.dissertation-paper .development-block { margin-top: 3em; }
|
| 32 |
+
.dissertation-paper p { text-align: justify; margin: 0; padding: 0; }
|
| 33 |
+
.dissertation-paper .prof { text-align: center; font-style: italic; margin-bottom: 2em; }
|
| 34 |
+
.dissertation-paper .indented { text-indent: 3em; }
|
| 35 |
+
.dissertation-paper .transition { margin-top: 2em; margin-bottom: 2em; font-style: italic; color: #4a6a9c; }
|
| 36 |
+
.avoid-page-break { page-break-inside: avoid; break-inside: avoid; }
|
| 37 |
+
</style>
|
| 38 |
+
</head>
|
| 39 |
+
<body>
|
| 40 |
+
<div class="dissertation-paper">
|
| 41 |
+
<!-- Utilisation de la syntaxe Jinja2 au lieu de Vue.js -->
|
| 42 |
+
<h2>Sujet : {{ dissertation.sujet }}</h2>
|
| 43 |
+
<p class="prof">Prof : {{ dissertation.prof }}</p>
|
| 44 |
+
|
| 45 |
+
<h3>Introduction</h3>
|
| 46 |
+
<p class="indented">{{ dissertation.introduction }}</p>
|
| 47 |
+
|
| 48 |
+
{% for partie in dissertation.parties %}
|
| 49 |
+
<div class="avoid-page-break">
|
| 50 |
+
<div class="development-block">
|
| 51 |
+
<p class="indented">{{ partie.chapeau }}</p>
|
| 52 |
+
{% for arg in partie.arguments %}
|
| 53 |
+
<p class="indented">{{ arg.paragraphe_argumentatif }}</p>
|
| 54 |
+
{% endfor %}
|
| 55 |
+
</div>
|
| 56 |
+
{% if partie.transition %}
|
| 57 |
+
<p class="indented transition">{{ partie.transition }}</p>
|
| 58 |
+
{% endif %}
|
| 59 |
+
</div>
|
| 60 |
+
{% endfor %}
|
| 61 |
+
|
| 62 |
+
<h3>Conclusion</h3>
|
| 63 |
+
<p class="indented">{{ dissertation.conclusion }}</p>
|
| 64 |
+
</div>
|
| 65 |
+
</body>
|
| 66 |
+
</html>
|