Create index.html
Browse files- templates/index.html +2 -9
templates/index.html
CHANGED
|
@@ -40,6 +40,7 @@
|
|
| 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 |
textarea.element-name {
|
| 44 |
resize: vertical;
|
| 45 |
min-height: 60px;
|
|
@@ -85,7 +86,7 @@
|
|
| 85 |
<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>
|
| 86 |
</div>
|
| 87 |
|
| 88 |
-
<form method="POST"
|
| 89 |
<!-- Card principale -->
|
| 90 |
<div class="bg-white rounded-xl card-shadow p-6 md:p-8">
|
| 91 |
<!-- Informations générales -->
|
|
@@ -130,14 +131,6 @@
|
|
| 130 |
</div>
|
| 131 |
</div>
|
| 132 |
|
| 133 |
-
<!-- Upload de l'image d'arrière-plan -->
|
| 134 |
-
<div class="mb-6">
|
| 135 |
-
<label for="background_image" class="block text-sm font-medium text-gray-700 mb-1">Image d'arrière-plan pour le tableau</label>
|
| 136 |
-
<input type="file" id="background_image" name="background_image" accept="image/*"
|
| 137 |
-
class="block w-full text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 focus:outline-none">
|
| 138 |
-
<p class="mt-1 text-xs text-gray-500">Choisissez une image qui sera appliquée en arrière-plan du tableau avec une transparence de 30%.</p>
|
| 139 |
-
</div>
|
| 140 |
-
|
| 141 |
<!-- Choix du format de téléchargement -->
|
| 142 |
<div class="mb-6">
|
| 143 |
<label class="block text-sm font-medium text-gray-700 mb-1">Choisissez le format de téléchargement :</label>
|
|
|
|
| 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;
|
|
|
|
| 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 -->
|
|
|
|
| 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>
|