Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Update majeur a la page d'équipe. Uniformisation du style

Browse Source
This commit is contained in:
Jeremy
2025-11-30 15:54:50 -05:00
parent a6d96165eb
commit a1fc788779
7 changed files with 127 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

114
www/css/style.css
View File

@@ -312,14 +312,14 @@ footer {
/* AUTEUR: Jérémy */
/****************************/
.team {
background: #13172c url("../images/imagesTeam/Intro.png") center;
background: #13172c center;
background-size: cover;
background-position: top;
color: #ffefe5;
}
.team header.introduction {
background: #13172c url("../images/imagesTeam/Introduction.png") center/cover fixed;
background: #13172c url("../images/imagesTeam/BackgroundHeader.webp") center/cover fixed;
background-position: top;
height: 100vh;
display: block;
@@ -359,77 +359,67 @@ footer {
background-color: #b47871;
}
.team main {
margin: auto;
}
.team div.titre {
grid-area: titre;
text-align: center;
font-size: 2rem;
padding-top: 66px;
}
.team div.grilleGauche {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: flex-start;
grid-template-areas:
"avatar nom"
"avatar description";
grid-template-columns: 1fr 5fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
}
.team div.grilleDroite {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: flex-start;
grid-template-areas:
"nom avatar"
"description avatar";
grid-template-columns: 5fr 1fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
}
.team div.avatar {
grid-area: avatar;
grid-template-columns: 15%;
.team section article {
display: flex;
justify-content: center;
padding: 16px;
height: 85vh;
align-items: center;
}
.team div.nom {
grid-area: nom;
grid-template-columns: 85%;
text-align: center;
.team section article.grilleGauche {
text-align: left;
}
.team div.description {
grid-area: description;
grid-template-columns: 85%;
.team section article.grilleDroite {
text-align: right;
}
.team div.avatar img {
width: 100%;
aspect-ratio: 1 / 1;
/* hauteur = largeur */
border-radius: 20%;
.team section article#lea {
background: #13172c url("../images/imagesTeam/BackgroundLea.webp") center/cover;
}
.team section article#jeremy {
background: #13172c url("../images/imagesTeam/BackgroundJeremy.webp") center/cover;
}
.team section article#andres {
background: #13172c url("../images/imagesTeam/BackgroundAndres.webp") center/cover;
}
.team section article#stanislas {
background: #13172c url("../images/imagesTeam/BackgroundStanislas.webp") center/cover;
}
.team section article div.filtre {
background-color: rgba(19, 23, 44, 0.8);
padding: 16px;
margin: 16px;
border-radius: 20px;
}
.team div.grilleDroite:hover,
.team div.grilleGauche:hover {
background-color: rgba(39, 58, 86, 90%);
.team section article div.filtre:hover {
background-color: rgba(25, 33, 75, 0.8);
}
.team section article.grilleGauche div.filtre {
margin-right: 50%;
}
.team section article.grilleDroite div.filtre {
margin-left: 50%;
}
.team article.grilleGauche h3.nom,
.team article.grilleGauche h4.role,
.team article.grilleGauche div.description {
float: left;
}
.team article.grilleDroite h3.nom,
.team article.grilleDroite h4.role,
.team article.grilleDroite div.description {
float: right;
}
/****************************/