Eps2

Sleeping

App Files Files Community

Docfile commited on 27 days ago

Commit

da9605c

verified ·

1 Parent(s): dbdd151

Update templates/index.html

Browse files

Files changed (1) hide show

templates/index.html +19 -20

templates/index.html CHANGED Viewed

@@ -14,45 +14,37 @@
       font-family: 'Montserrat', sans-serif;
       background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
     }
     .card-shadow {
       box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     }
     .input-focus-effect {
       transition: all 0.3s ease;
     }
     .input-focus-effect:focus {
       transform: translateY(-2px);
       box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
     }
     .btn-hover-effect {
       transition: all 0.3s ease;
     }
     .btn-hover-effect:hover {
       transform: translateY(-2px);
       box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
     }
     .element-card {
       transition: all 0.3s ease;
     }
     .element-card:hover {
       transform: translateY(-3px);
       box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
     }
     .navbar-shadow {
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     }
   </style>
 </head>
 <body class="min-h-screen">
-  <!-- Barre de navigation "Mariam Eps" -->
   <header class="bg-indigo-700 text-white navbar-shadow fixed w-full top-0 z-50">
     <div class="container mx-auto px-4 py-3 flex justify-between items-center">
       <div class="flex items-center">
@@ -74,7 +66,7 @@
     </div>
   </header>
-  <!-- Contenu principal (avec espacement pour la barre de navigation) -->
   <div class="pt-16 pb-8">
     <div class="container max-w-4xl mx-auto px-4 mt-8">
       <div class="mb-8 text-center animate__animated animate__fadeInDown">
@@ -85,7 +77,7 @@
       <form method="POST" class="space-y-8 animate__animated animate__fadeIn">
         <!-- Card principale -->
         <div class="bg-white rounded-xl card-shadow p-6 md:p-8">
-          <!-- Informations d'évaluation -->
           <div class="mb-8">
             <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
               <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -93,38 +85,32 @@
               </svg>
               Informations générales
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
               <div>
                 <label for="centre_examen" class="block text-sm font-medium text-gray-700 mb-1">Centre d'examen</label>
                 <input type="text" id="centre_examen" name="centre_examen" value="Centre d'examen"
                        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">
               </div>
               <div>
                 <label for="type_examen" class="block text-sm font-medium text-gray-700 mb-1">Type d'examen</label>
                 <input type="text" id="type_examen" name="type_examen" value="Bac Général"
                        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">
               </div>
               <div>
                 <label for="serie" class="block text-sm font-medium text-gray-700 mb-1">Série</label>
                 <input type="text" id="serie" name="serie" value="Série"
                        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">
               </div>
               <div>
                 <label for="etablissement" class="block text-sm font-medium text-gray-700 mb-1">Établissement</label>
                 <input type="text" id="etablissement" name="etablissement" value="Établissement"
                        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">
               </div>
               <div>
                 <label for="session" class="block text-sm font-medium text-gray-700 mb-1">Session</label>
                 <input type="text" id="session" name="session" value="2025"
                        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">
               </div>
               <div>
                 <label for="nom_candidat" class="block text-sm font-medium text-gray-700 mb-1">Nom du candidat</label>
                 <input type="text" id="nom_candidat" name="nom_candidat" value="Candidat"
@@ -133,6 +119,21 @@
             </div>
           </div>
           <!-- Éléments techniques -->
           <div>
             <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
@@ -141,7 +142,6 @@
               </svg>
               Éléments techniques
             </h2>
             <div id="elements_container" class="space-y-4">
               <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg element-card">
                 <div class="grid grid-cols-1 gap-2">
@@ -165,7 +165,6 @@
                 </div>
               </div>
             </div>
             <div class="flex justify-center mt-6">
               <button type="button" onclick="addElement()"
                       class="inline-flex items-center px-4 py-2 bg-indigo-100 text-indigo-700 rounded-lg btn-hover-effect">
@@ -223,4 +222,4 @@
     }
   </script>
 </body>
-</html>

       font-family: 'Montserrat', sans-serif;
       background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
     }
     .card-shadow {
       box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
     }
     .input-focus-effect {
       transition: all 0.3s ease;
     }
     .input-focus-effect:focus {
       transform: translateY(-2px);
       box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
     }
     .btn-hover-effect {
       transition: all 0.3s ease;
     }
     .btn-hover-effect:hover {
       transform: translateY(-2px);
       box-shadow: 0 4px 12px rgba(45, 85, 255, 0.2);
     }
     .element-card {
       transition: all 0.3s ease;
     }
     .element-card:hover {
       transform: translateY(-3px);
       box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
     }
     .navbar-shadow {
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     }
   </style>
 </head>
 <body class="min-h-screen">
+  <!-- Barre de navigation -->
   <header class="bg-indigo-700 text-white navbar-shadow fixed w-full top-0 z-50">
     <div class="container mx-auto px-4 py-3 flex justify-between items-center">
       <div class="flex items-center">
     </div>
   </header>
+  <!-- Contenu principal -->
   <div class="pt-16 pb-8">
     <div class="container max-w-4xl mx-auto px-4 mt-8">
       <div class="mb-8 text-center animate__animated animate__fadeInDown">
       <form method="POST" class="space-y-8 animate__animated animate__fadeIn">
         <!-- Card principale -->
         <div class="bg-white rounded-xl card-shadow p-6 md:p-8">
+          <!-- Informations générales -->
           <div class="mb-8">
             <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
               <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               </svg>
               Informations générales
             </h2>
             <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
               <div>
                 <label for="centre_examen" class="block text-sm font-medium text-gray-700 mb-1">Centre d'examen</label>
                 <input type="text" id="centre_examen" name="centre_examen" value="Centre d'examen"
                        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">
               </div>
               <div>
                 <label for="type_examen" class="block text-sm font-medium text-gray-700 mb-1">Type d'examen</label>
                 <input type="text" id="type_examen" name="type_examen" value="Bac Général"
                        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">
               </div>
               <div>
                 <label for="serie" class="block text-sm font-medium text-gray-700 mb-1">Série</label>
                 <input type="text" id="serie" name="serie" value="Série"
                        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">
               </div>
               <div>
                 <label for="etablissement" class="block text-sm font-medium text-gray-700 mb-1">Établissement</label>
                 <input type="text" id="etablissement" name="etablissement" value="Établissement"
                        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">
               </div>
               <div>
                 <label for="session" class="block text-sm font-medium text-gray-700 mb-1">Session</label>
                 <input type="text" id="session" name="session" value="2025"
                        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">
               </div>
               <div>
                 <label for="nom_candidat" class="block text-sm font-medium text-gray-700 mb-1">Nom du candidat</label>
                 <input type="text" id="nom_candidat" name="nom_candidat" value="Candidat"
             </div>
           </div>
+          <!-- Choix du format de téléchargement -->
+          <div class="mb-6">
+            <label class="block text-sm font-medium text-gray-700 mb-1">Choisissez le format de téléchargement :</label>
+            <div class="flex items-center space-x-4">
+              <label class="inline-flex items-center">
+                <input type="radio" name="format" value="docx" checked class="form-radio">
+                <span class="ml-2">DOCX</span>
+              </label>
+              <label class="inline-flex items-center">
+                <input type="radio" name="format" value="pdf" class="form-radio">
+                <span class="ml-2">PDF</span>
+              </label>
+            </div>
+          </div>
           <!-- Éléments techniques -->
           <div>
             <h2 class="text-xl font-semibold text-indigo-600 mb-4 flex items-center">
               </svg>
               Éléments techniques
             </h2>
             <div id="elements_container" class="space-y-4">
               <div class="p-5 bg-gray-50 border border-gray-200 rounded-lg element-card">
                 <div class="grid grid-cols-1 gap-2">
                 </div>
               </div>
             </div>
             <div class="flex justify-center mt-6">
               <button type="button" onclick="addElement()"
                       class="inline-flex items-center px-4 py-2 bg-indigo-100 text-indigo-700 rounded-lg btn-hover-effect">
     }
   </script>
 </body>
+</html>