File size: 6,870 Bytes
c236e57 9c27152 c236e57 9c27152 03eb0e3 9c27152 34584f8 03eb0e3 9c27152 c236e57 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 c236e57 03eb0e3 9c27152 34584f8 03eb0e3 9c27152 03eb0e3 c236e57 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 03eb0e3 9c27152 9628b82 9c27152 03eb0e3 9628b82 9c27152 9628b82 9c27152 c236e57 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Générateur d'évaluation gymnique</title>
<!-- Inclusion de Tailwind via CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Animation de fade-in personnalisée */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn 0.5s ease-out;
}
</style>
</head>
<body class="bg-gray-50 text-gray-800">
<div class="min-h-screen flex items-center justify-center p-4">
<div class="max-w-xl w-full bg-white shadow-xl rounded-lg p-6 space-y-6 fade-in">
<h1 class="text-2xl font-bold text-center text-blue-600">Générateur d'évaluation gymnique</h1>
<form method="POST" class="space-y-4">
<!-- Informations d'évaluation -->
<div class="grid grid-cols-1 gap-4">
<div>
<label for="centre_examen" class="block text-sm font-medium text-gray-700">Centre d'examen</label>
<input type="text" id="centre_examen" name="centre_examen" value="Centre d'examen"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="type_examen" class="block text-sm font-medium text-gray-700">Type d'examen</label>
<input type="text" id="type_examen" name="type_examen" value="Bac Général"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="grid grid-cols-2 gap-4">
<div>
<label for="serie" class="block text-sm font-medium text-gray-700">Série</label>
<input type="text" id="serie" name="serie" value="Série"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="etablissement" class="block text-sm font-medium text-gray-700">Établissement</label>
<input type="text" id="etablissement" name="etablissement" value="Établissement"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
<div class="grid grid-cols-2 gap-4">
<div>
<label for="session" class="block text-sm font-medium text-gray-700">Session</label>
<input type="text" id="session" name="session" value="2025"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label for="nom_candidat" class="block text-sm font-medium text-gray-700">Nom du candidat</label>
<input type="text" id="nom_candidat" name="nom_candidat" value="Candidat"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
</div>
<!-- Éléments techniques -->
<h2 class="text-xl font-semibold text-blue-600 mt-6">Ajouter des éléments techniques</h2>
<div id="elements_container" class="space-y-4">
<div class="p-4 bg-gray-100 rounded-md fade-in">
<div class="grid grid-cols-1 gap-2">
<div>
<label class="block text-sm font-medium text-gray-700">Nom de l'élément</label>
<input type="text" name="new_element_name" placeholder="Ex : Saut groupé"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div class="grid grid-cols-2 gap-2">
<div>
<label class="block text-sm font-medium text-gray-700">Catégorie</label>
<input type="text" name="new_element_categorie" placeholder="Ex : A"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
<div>
<label class="block text-sm font-medium text-gray-700">Points</label>
<input type="text" name="new_element_points" placeholder="Ex : 1.5"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:ring-blue-500 focus:border-blue-500">
</div>
</div>
</div>
</div>
</div>
<div class="text-center">
<button type="button" onclick="addElement()"
class="inline-block bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded transition duration-300 ease-in-out">
Ajouter un autre élément
</button>
</div>
<div class="text-center">
<input type="submit" value="Générer le document"
class="w-full bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded transition duration-300 ease-in-out">
</div>
</form>
</div>
</div>
<script>
</script>
</body>
</html>
|