Docfile commited on
Commit
764fe47
·
verified ·
1 Parent(s): 9b4f511

Update templates/philosophie.html

Browse files
Files changed (1) hide show
  1. templates/philosophie.html +85 -0
templates/philosophie.html CHANGED
@@ -12,6 +12,7 @@
12
  <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.7.3/sweetalert2.min.css" rel="stylesheet">
13
  <script src="https://cdn.tailwindcss.com"></script>
14
  <style>
 
15
  .collapsible {
16
  cursor: pointer;
17
  padding: 18px;
@@ -26,6 +27,90 @@
26
  align-items: center;
27
  }
28
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
  .active, .collapsible:hover {
30
  background-color: #ddd;
31
  }
 
12
  <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.7.3/sweetalert2.min.css" rel="stylesheet">
13
  <script src="https://cdn.tailwindcss.com"></script>
14
  <style>
15
+ /* Styles existants */
16
  .collapsible {
17
  cursor: pointer;
18
  padding: 18px;
 
27
  align-items: center;
28
  }
29
 
30
+ /* Nouveaux styles pour le Markdown responsive */
31
+ .prose {
32
+ max-width: 100% !important;
33
+ }
34
+
35
+ .prose p {
36
+ margin-top: 1.25em;
37
+ margin-bottom: 1.25em;
38
+ line-height: 1.75;
39
+ }
40
+
41
+ .prose ul {
42
+ margin-top: 1.25em;
43
+ margin-bottom: 1.25em;
44
+ padding-left: 1.625em;
45
+ }
46
+
47
+ .prose li {
48
+ margin-top: 0.5em;
49
+ margin-bottom: 0.5em;
50
+ padding-left: 0.375em;
51
+ }
52
+
53
+ .prose h1, .prose h2, .prose h3 {
54
+ margin-top: 2em;
55
+ margin-bottom: 1em;
56
+ line-height: 1.3;
57
+ }
58
+
59
+ /* Styles spécifiques pour mobile */
60
+ @media (max-width: 640px) {
61
+ .prose {
62
+ font-size: 0.95rem;
63
+ }
64
+
65
+ .prose p {
66
+ margin-top: 1em;
67
+ margin-bottom: 1em;
68
+ }
69
+
70
+ .prose ul {
71
+ padding-left: 1.25em;
72
+ }
73
+
74
+ .prose li {
75
+ margin-top: 0.375em;
76
+ margin-bottom: 0.375em;
77
+ }
78
+
79
+ .prose h1, .prose h2, .prose h3 {
80
+ margin-top: 1.5em;
81
+ margin-bottom: 0.75em;
82
+ }
83
+ }
84
+
85
+ /* Styles pour améliorer la lisibilité du texte */
86
+ #response .prose {
87
+ color: #374151;
88
+ word-wrap: break-word;
89
+ overflow-wrap: break-word;
90
+ hyphens: auto;
91
+ }
92
+
93
+ #response .prose > * + * {
94
+ margin-top: 1em;
95
+ }
96
+
97
+ #response .prose blockquote {
98
+ margin: 1.5em 0;
99
+ padding-left: 1em;
100
+ border-left: 4px solid #e5e7eb;
101
+ font-style: italic;
102
+ }
103
+
104
+ #response .prose code {
105
+ background-color: #f3f4f6;
106
+ padding: 0.2em 0.4em;
107
+ border-radius: 0.25em;
108
+ font-size: 0.875em;
109
+ }
110
+
111
+
112
+
113
+
114
  .active, .collapsible:hover {
115
  background-color: #ddd;
116
  }