Add 'frontend/' from commit 'c070c0315d66a44154ab7d9f9ea6c211a15f4dba'

git-subtree-dir: frontend
git-subtree-mainline: 205a3bd14b
git-subtree-split: c070c0315d

frontend/src/cssstyle/documentation.css

@@ -0,0 +1,24 @@
+h1 {
+    @apply self-center my-10 text-6xl font-bold;
+}
+
+h2 {
+    @apply text-lg font-semibold font-sans;
+}
+
+.DocTitle {
+    font-size: 2rem;
+    text-align: center;
+    color: #a30e79;
+}
+
+.SubTitle {
+    font-size: 1.5rem;
+    text-align: center;
+    color: #a30e79;
+    @apply py-6;
+}
+
+.DocContainer{
+    @apply flex  flex-col items-center justify-center max-w-screen-md px-5 pb-14  mx-auto;
+}

frontend/src/cssstyle/homeView.css

@@ -0,0 +1,49 @@
+.banner-image {
+   
+    margin: 0 auto;
+    width: 100%; /* Augmenter la largeur de l'image */
+    max-height: 40vh; /* Réduire légèrement la hauteur de l'image */
+    object-fit: cover;
+    object-position: center;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ajouter une ombre à l'image */
+  }
+
+  .banner-images-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 0; /* Supprime l'espacement entre les éléments */
+  }
+  
+  .banner-image-item-wrapper {
+    width: 76%; /* Définit la largeur du conteneur à 20% de la largeur de l'écran */
+    height: auto; /* Garde la hauteur d'origine */
+   
+  
+  }
+  
+  .banner-image-item {
+    width: 100%; /* Définit la largeur de l'image à 100% du conteneur */
+    height: 300x; /* Hauteur fixe pour l'exemple, à ajuster selon vos besoins */
+    object-fit: cover; /* Coupe l'image pour remplir le conteneur tout en conservant les proportions */
+}
+  .dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    background-color: white;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+    padding: 10px;
+    border-radius: 5px;
+    display: none;
+  }
+  
+  .banner-image-item:hover .dropdown-menu {
+    display: block;
+  }
+
+  .custom-container {
+    width: 40%;
+  }
+
+ 

frontend/src/cssstyle/index.css

@@ -0,0 +1,112 @@
+/* CSS pour ajuster la taille de l'image */
+.img-small {
+  width: 70px;
+  height: 70px;
+}
+
+.img-Logo {
+  width: 200px;
+  height: 70px;
+}
+
+
+.text-custom {
+  color: #000000;
+  /* Couleur de texte spécifique */
+}
+
+/* CSS pour le texte du menu-left */
+.menu-left a {
+  color: #000000;
+  /* Couleur du texte */
+  font-weight: bold;
+  /* Gras */
+  text-decoration: none;
+  /* Pas de soulignement */
+  font-size: 24px;
+  /* Taille de la police en pixels */
+}
+
+/* CSS pour le texte des liens du menu-center */
+.menu-center {
+  display: flex;
+  justify-content: center;
+  /* Centrer les éléments horizontalement */
+  align-items: center;
+  /* Centrer les éléments verticalement */
+  flex: 1;
+  /* Utiliser tout l'espace disponible */
+  margin-right: 8%
+}
+
+/* CSS pour le texte du menu-right */
+.menu-right a {
+  color: #e4e4e4;
+  /* Couleur du texte */
+}
+
+.bg-custom {
+  background-color: #ffffff;
+  /* Définissez la couleur de fond souhaitée */
+}
+
+.textLogo {
+  font-size: 35px;
+  /* Taille de la police en pixels */
+}
+
+
+
+.logo {
+  margin-right: 5px;
+  /* Réduire la marge entre le logo et le texte */
+
+}
+
+.profilePicture {
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
+  /* Ajouter une ombre à la photo */
+  border: 2px solid #a30e79;
+  /* Ajouter une bordure de 2px solide de couleur rouge (#f00) */
+}
+
+.bg-customdarker {
+  background-color: #ffffffa4;
+  /* Définissez la couleur de fond souhaitée */
+}
+
+.top-aligned-column {
+  display: flex;
+  justify-content: space-between;
+}
+
+.column {
+  flex: 1;
+}
+
+.center-column {
+  flex: 3;
+  /* La colonne centrale occupe 3 fois plus d'espace que les autres */
+}
+
+
+.colum-aligncenter {
+  text-align: center;
+}
+
+.menu-center a:nth-child(1):hover svg {
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en rouge au survol */
+}
+
+/* Pour le deuxième bouton */
+.menu-center a:nth-child(2):hover svg {
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en bleu au survol */
+}
+
+/* Pour le troisième bouton */
+.menu-center a:nth-child(3):hover svg {
+  color: rgba(163, 14, 121, 1);
+  /* Changer la couleur en vert au survol */
+}

frontend/src/cssstyle/tosstyle.css

@@ -0,0 +1,41 @@
+.h1-tos {
+   font-size: 3rem; 
+   font-weight: bold; 
+}
+
+
+.h2-tos {
+   font-size: 2rem;
+   font-weight: bold;
+   margin-top: 5px;
+   margin-bottom: 5px;
+}
+
+.p-tos {
+   font-size: 1.1rem;
+   margin-bottom: 15px;
+}
+
+.card-member {
+   margin: 10px;
+}
+
+.card-content {
+   margin: 10px;
+}
+
+.member-name {
+   font-size: 1.5rem;
+   font-weight: bold;
+}
+
+.member-title {
+   font-size: 1rem; 
+   margin-bottom: 15px;
+}
+
+.member-description {
+   hyphens: auto;
+   font-size: 0.8rem;
+   text-align: justify;
+}