Ajout de webhooks pour le login/register/newEvent.

Ajout des pages pour gestion globale des évènements.

Co-authored-by: Charpentier Juliette <juliette.charpentier@etu.u-pec.fr>

styles/header.css

@@ -32,7 +32,7 @@ body {
 }
 
 .menu-logo img {
-  max-height: 50px;
+  max-height: 65px;
   max-width: 100px;
   flex-shrink: 0;
 }
@@ -210,7 +210,7 @@ body {
     background-color: #26272b; /* Même couleur que le container */
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Ombre pour le menu déroulant */
     z-index: 100;
-    width: 220px; /* ou la largeur qui correspond le mieux à votre design */
+    width: 270px; /* ou la largeur qui correspond le mieux à votre design */
     left: 50%;
     transform: translateX(-50%);
   }
@@ -229,7 +229,7 @@ body {
     transition: opacity 0.5s ease; /* Transition douce pour l'opacité */
   }
   .dropdown-content {
-    opacity: 0; /* Initialement transparent */
+    opacity: 0; /*  transparent */
     transition: opacity 0.5s ease; /* Transition pour une apparition douce */
   }
 

styles/main.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: "RobotoFlex";
-  src: url(../assets/fonts/RobotoFlex.ttf);
+  src: url(/assets/fonts/RobotoFlex.ttf);
   font-display: swap;
 }
 
@@ -45,6 +45,11 @@ body::before {
   margin-inline: auto;
   margin-block: 5em;
 }
+.form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 
 .login-container img {
   width: 146px;
@@ -73,6 +78,7 @@ p.login-subtitle {
 .form-group {
   margin-bottom: 1rem;
   text-align: left;
+  width: 100%;
 }
 
 .form-group label {
@@ -237,7 +243,7 @@ td {
   margin-block: 5em;
 }
 
-.event-create-container {
+.event-container {
   background: #26272b;
   align-items: center;
   opacity: 1;
@@ -321,33 +327,47 @@ input[type="checkbox"]:checked + label::after {
   color: #fffe; /* Couleur du texte des options */
 }
 
-.event-create-container img {
+.event-container img {
   width: 146px;
   margin-bottom: 1rem;
 }
 
-.event-create-container h2 {
+.event-container h2 {
   font-weight: 700;
   color: white;
 }
 
-.event-create-container p {
+.event-container p {
   margin-bottom: 1.5rem;
   color: #8e8c8c;
   size: 10px;
 }
 
-h2.event-create-title {
+h2.event-title {
   font-family: "RobotoFlex";
 }
 
-p.event-create-subtitle {
+p.event-subtitle {
   font-family: "RobotoFlex";
   padding-left: 0;
 }
 
 button.new-event {
   width: 25%;
-  margin: auto;
+  margin-bottom: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 10px 0;
+  border: none;
+  background-color: #f4b400;
+  color: white;
+  font-size: 1rem;
+  font-weight: 700;
+  cursor: pointer;
+  border-radius: 5px;
+  transition: all 0.3s ease;
+}
+
+button.new-event:hover {
+  background-color: #f4a400;
 }
-/* Styles pour le calendrier*/