Hugging Face's logo

Spaces:
Docfile
/
Eps2
Sleeping

App Files Community
Docfile commited on
Commit
607392d
·
verified ·
1 Parent(s): 3c7eec5

Delete templates

Browse files
Files changed (1) hide show
  1. templates/invbdex.html +0 -249
templates/invbdex.html DELETED
@@ -1,249 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Générateur d'évaluation gymnique - Mariam Eps</title>
7
- <script src="https://cdn.tailwindcss.com"></script>
8
- <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.13.0/cdn.min.js" defer></script>
9
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
10
- <style>
11
- @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
12
- body {
13
- font-family: 'Montserrat', sans-serif;
14
- background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
15
- }
16
- .card-shadow {
17
- box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
18
- }
19
- .input-focus-effect {
20
- transition: all 0.3s ease;
21
- }
22
- .input-focus-effect:focus {
23
- transform: translateY(-2px);
24
- box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
25
- }
26
- .btn-hover-effect {
27
- transition: all 0.3s ease;
28
- }
29
- .btn-hover-effect:hover {
30
- transform: translateY(-2px);
31
- box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
32
- }
33
- .element-card {
34
- transition: all 0.3s ease;
35
- }
36
- .element-card:hover {
37
- transform: translateY(-3px);
38
- box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
39
- }
40
- .navbar-shadow {
41
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
42
- }
43
- /* Style pour les textarea de noms d'éléments */
44
- textarea.element-name {
45
- resize: vertical;
46
- min-height: 60px;
47
- }
48
- </style>
49
- </head>
50
- <body class="min-h-screen">
51
- <!-- Loader -->
52
- <div id="loader" class="hidden fixed inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center z-50">
53
- <div class="flex flex-col items-center">
54
- <div class="animate-spin rounded-full h-16 w-16 border-t-4 border-blue-500"></div>
55
- <p class="mt-4 text-white text-lg">Veuillez patienter...</p>
56
- </div>
57
- </div>
58
-
59
- <!-- Barre de navigation -->
60
- <header class="bg-indigo-700 text-white navbar-shadow fixed w-full top-0 z-50">
61
- <div class="container mx-auto px-4 py-3 flex justify-between items-center">
62
- <div class="flex items-center">
63
- <span class="font-bold text-xl tracking-wider">Mariam Eps</span>
64
- </div>
65
- <div>
66
- <nav class="hidden md:flex space-x-6">
67
- <a href="#" class="hover:text-indigo-200 transition-colors duration-200 font-medium">Accueil</a>
68
- <a href="#" class="hover:text-indigo-200 transition-colors duration-200 font-medium">Évaluations</a>
69
- <a href="#" class="hover:text-indigo-200 transition-colors duration-200 font-medium">Ressources</a>
70
- <a href="#" class="hover:text-indigo-200 transition-colors duration-200 font-medium">Contact</a>
71
- </nav>
72
- <button class="md:hidden focus:outline-none">
73
- <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
74
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7" />
75
- </svg>
76
- </button>
77
- </div>
78
- </div>
79
- </header>
80
-
81
- <!-- Contenu principal -->
82
- <div class="pt-16 pb-8">
83
- <div class="container max-w-4xl mx-auto px-4 mt-8">
84
- <div class="mb-8 text-center animate__animated animate__fadeInDown">
85
- <h1 class="text-3xl md:text-4xl font-bold text-indigo-700 mb-2">Générateur d'évaluation gymnique</h1>
86
- <p class="text-gray-600 max-w-2xl mx-auto">Créez facilement des documents d'évaluation personnalisés pour vos examens de gymnastique</p>
87
- </div>
88
-
89
- <form method="POST" class="space-y-8 animate__animated animate__fadeIn">
90
- <!-- Card principale -->
91
- <div class="bg-white rounded-xl card-shadow p-6 md:p-8">
92
- <!-- Informations générales -->
93
- <div class="mb-8">
94
- <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
95
- <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
96
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
97
- </svg>
98
- Informations générales
99
- </h2>
100
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
101
- <div>
102
- <label for="centre_examen" class="block text-sm font-medium text-gray-700 mb-1">Centre d'examen</label>
103
- <input type="text" id="centre_examen" name="centre_examen" value="Centre d'examen"
104
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
105
- </div>
106
- <div>
107
- <label for="type_examen" class="block text-sm font-medium text-gray-700 mb-1">Type d'examen</label>
108
- <input type="text" id="type_examen" name="type_examen" value="Bac Général"
109
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
110
- </div>
111
- <div>
112
- <label for="serie" class="block text-sm font-medium text-gray-700 mb-1">Série</label>
113
- <input type="text" id="serie" name="serie" value="Série"
114
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
115
- </div>
116
- <div>
117
- <label for="etablissement" class="block text-sm font-medium text-gray-700 mb-1">Établissement</label>
118
- <input type="text" id="etablissement" name="etablissement" value="Établissement"
119
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
120
- </div>
121
- <div>
122
- <label for="session" class="block text-sm font-medium text-gray-700 mb-1">Session</label>
123
- <input type="text" id="session" name="session" value="2025"
124
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
125
- </div>
126
- <div>
127
- <label for="nom_candidat" class="block text-sm font-medium text-gray-700 mb-1">Nom du candidat</label>
128
- <input type="text" id="nom_candidat" name="nom_candidat" value="Candidat"
129
- class="w-full px-4 py-2 bg-gray-50 border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
130
- </div>
131
- </div>
132
- </div>
133
-
134
- <!-- Choix du format de téléchargement -->
135
- <div class="mb-6">
136
- <label class="block text-sm font-medium text-gray-700 mb-1">Choisissez le format de téléchargement :</label>
137
- <div class="flex items-center space-x-4">
138
- <label class="inline-flex items-center">
139
- <input type="radio" name="format" value="docx" checked class="form-radio">
140
- <span class="ml-2">DOCX</span>
141
- </label>
142
- <label class="inline-flex items-center">
143
- <input type="radio" name="format" value="pdf" class="form-radio">
144
- <span class="ml-2">PDF</span>
145
- </label>
146
- </div>
147
- </div>
148
-
149
- <!-- Éléments techniques -->
150
- <div>
151
- <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
152
- <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
153
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
154
- </svg>
155
- Éléments techniques
156
- </h2>
157
- <div id="elements_container" class="space-y-4">
158
- <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg element-card">
159
- <div class="grid grid-cols-1 gap-2">
160
- <div>
161
- <label class="block text-sm font-medium text-gray-700 mb-1">Nom de l'élément</label>
162
- <textarea name="new_element_name" placeholder="Ex : Saut groupé"
163
- class="element-name w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"></textarea>
164
- </div>
165
- <div class="grid grid-cols-2 gap-2">
166
- <div>
167
- <label class="block text-sm font-medium text-gray-700 mb-1">Catégorie</label>
168
- <input type="text" name="new_element_categorie" placeholder="Ex : A"
169
- class="w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
170
- </div>
171
- <div>
172
- <label class="block text-sm font-medium text-gray-700 mb-1">Points</label>
173
- <input type="text" inputmode="decimal" pattern="^\d+(\.\d+)?$" name="new_element_points" placeholder="Ex : 1.5"
174
- class="w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
175
- </div>
176
- </div>
177
- </div>
178
- </div>
179
- </div>
180
- <div class="flex justify-center mt-6">
181
- <button type="button" onclick="addElement()"
182
- class="inline-flex items-center px-4 py-2 bg-indigo-100 text-indigo-700 rounded-lg btn-hover-effect">
183
- <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
184
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
185
- </svg>
186
- Ajouter un autre élément
187
- </button>
188
- </div>
189
- </div>
190
- </div>
191
-
192
- <!-- Bouton de génération -->
193
- <div class="animate__animated animate__fadeInUp">
194
- <button type="submit" value="Générer le document"
195
- class="w-full py-3 px-6 bg-gradient-to-r from-indigo-600 to-blue-500 text-white font-medium rounded-lg btn-hover-effect flex items-center justify-center">
196
- <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
197
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
198
- </svg>
199
- Générer le document
200
- </button>
201
- </div>
202
- </form>
203
- </div>
204
- </div>
205
-
206
- <script>
207
- // Fonction d'ajout dynamique d'un élément technique avec champs "Points" amélioré
208
- function addElement() {
209
- const container = document.getElementById("elements_container");
210
- const div = document.createElement("div");
211
- div.className = "p-5 bg-gray-50 border border-gray-200 rounded-lg element-card";
212
- div.innerHTML = `
213
- <div class="grid grid-cols-1 gap-2">
214
- <div>
215
- <label class="block text-sm font-medium text-gray-700 mb-1">Nom de l'élément</label>
216
- <textarea name="new_element_name" placeholder="Ex : Saut groupé"
217
- class="element-name w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent"></textarea>
218
- </div>
219
- <div class="grid grid-cols-2 gap-2">
220
- <div>
221
- <label class="block text-sm font-medium text-gray-700 mb-1">Catégorie</label>
222
- <input type="text" name="new_element_categorie" placeholder="Ex : A"
223
- class="w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
224
- </div>
225
- <div>
226
- <label class="block text-sm font-medium text-gray-700 mb-1">Points</label>
227
- <input type="text" inputmode="decimal" pattern="^\\d+(\\.\\d+)?$" name="new_element_points" placeholder="Ex : 1.5"
228
- class="w-full px-4 py-2 bg-white border border-gray-200 rounded-lg input-focus-effect focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
229
- </div>
230
- </div>
231
- </div>
232
- `;
233
- container.appendChild(div);
234
- }
235
-
236
- // Remplacer automatiquement les virgules par des points dans les champs "Points"
237
- document.getElementById("elements_container").addEventListener('input', function(event) {
238
- if (event.target && event.target.name === 'new_element_points') {
239
- event.target.value = event.target.value.replace(/,/g, '.');
240
- }
241
- });
242
-
243
- // Affichage du loader dès la soumission du formulaire
244
- document.querySelector('form').addEventListener('submit', function() {
245
- document.getElementById('loader').classList.remove('hidden');
246
- });
247
- </script>
248
- </body>
249
- </html>