Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/css/style.css

@@ -113,7 +113,6 @@ footer {
 /* AUTEUR: Léa */
 /****************************/
 .accueil {
-    background-color: rgb(138, 43, 226);
     color: #ffefe5;
 }
 
@@ -126,11 +125,16 @@ footer {
     margin-bottom: 30px;
 }
 
-.accueil main p:not(#rencontreEquipe p) {
+.accueil main p:not(#rencontreEquipe p, .droite p) {
     margin: auto;
     padding: 1% 45% 1% 0%;
 }
 
+.accueil .droite p {
+    margin: auto;
+    padding: 1% 0% 1% 45%;
+}
+
 .accueil section {
     width: 100%;
 }
@@ -191,7 +195,7 @@ footer {
     text-decoration: none;
     color: #ffefe5;
     padding: 10.8px 16px;
-    margin: 0 4px;
+    margin: 4px 0px;
     background-color: #13172c;
     border-radius: 20px;
 }
@@ -205,13 +209,35 @@ footer {
     background: #13172c url("../images/ImagesLea/warframeFight.jpg") center/cover;
 }
 
-.accueil #histoireDE div {
+.accueil .fondOpaqueGauche {
     background-color: #13172cb0;
     height: 75vh;
     padding: 5%;
     margin: auto;
 }
 
+.accueil #universSciFi {
+    background: #13172c url("../images/ImagesLea/warframesInfested.jpg") center/cover;
+}
+
+.accueil #universSciFi h2 {
+    margin-top: 4%;
+}
+
+.accueil .fondOpaqueDroite div {
+    background-color: #13172cb0;
+    text-align: right;
+    height: 75vh;
+    padding: 5%;
+}
+
+.accueil #stylesMission {
+    background: #13172c url("../images/ImagesLea/weapons.jpg") top/cover;
+}
+
+.accueil #armures {
+    background: #13172c url("../images/ImagesLea/WarframeZephyr.jpg") top/cover;
+}
 
 /****************************/
 /* PAGE: à Propos */

www/index.html

@@ -56,7 +56,7 @@
 				<div>
 					<img src="images/imagesTeam/AvatarJeremy.png" alt="Avatar de Jérémy">
 					<p>Jérémy Hébert</p>
-					<p>Coordonateur</p>
+					<p>Coordinateur</p>
 				</div>
 
 				<div>
@@ -72,7 +72,7 @@
 
 		<section> <!--Histoire de DE-->
 			<article id="histoireDE">
-				<div>
+				<div class="fondOpaqueGauche">
 					<h2>L'histoire de <br><em>Digital Extreme</em></h2>
 
 					<p>Fondé en 1993, Digital Extremes s’est imposé comme un pionnier de l’industrie du jeu vidéo grâce
@@ -93,50 +93,68 @@
 		</section>
 
 		<section> <!--Univers Sci-fi-->
-			<article id="universSciFi">
+			<article id="universSciFi" class="fondOpaqueDroite">
-				<h2>Un univers <em>Sci-fi</em></h2>
+				<div class="droite">
+					<h2>Un univers <em>Sci-fi</em></h2>
 
-				<p>Comme Warframe a déjà plus d’une décennie de vie,
+					<p>Comme Warframe a déjà plus d’une décennie de vie,
-					son histoire est devenue très complexe au cours des années.
+						son histoire est devenue très complexe au cours des années.
-					Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le
+						Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le
-					narratif.
+						narratif.
-					Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire
+						Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent
-					du jeu.
+						l’histoire
-					Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et
+						du jeu.
-					qu’il débloque des jonctions qui lient les planètes entre elles.</p>
+						Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire
-				<a href="lore.html">PLUS D'INFOS</a>
+						et
-			</article>
+						qu’il débloque des jonctions qui lient les planètes entre elles.</p>
-		</section>
+					<a href="lore.html">PLUS D'INFOS</a>
-		<section>
+				</div>
-			<article>
-				<h2>Les styles de mission</h2>
-
-				<p>Warframe propose une grande variété de styles de missions qui transforment l’expérience de jeu,
-					allant de l’élimination pure et simple d’ennemis à des opérations d’infiltration plus stratégiques.
-					Les joueurs peuvent défendre des objectifs ou des alliés dans des missions de Défense, saboter des
-					installations ennemies, escorter et extraire des cargaisons sensibles, ou encore survivre à des
-					vagues croissantes d’adversaires dans les missions de Survie. D’autres missions, comme l’Espionnage
-					ou la Capture, misent davantage sur la discrétion et la rapidité. Cette diversité permet d’adopter
-					des approches variées, de s’adapter à différents styles de jeu et de tirer parti des capacités
-					uniques de chaque Warframe.</p>
-				<a href="missions.html">PLUS D'INFOS</a>
 			</article>
 		</section>
 
-		<section>
+		<section> <!--Styles de mission-->
-			<article>
+			<article id="stylesMission">
-				<h2>Les armures</h2>
+				<div class="fondOpaqueGauche">
+					<h2>Les styles de mission</h2>
 
-				<p>Les Warframes sont au cœur de l’expérience de Warframe : de puissantes armures biomécaniques dotées
+					<p>Warframe propose une grande variété de styles de missions qui transforment l’expérience de jeu,
-					de capacités uniques qui définissent entièrement le style de jeu du joueur. Chacune possède quatre
+						allant de l’élimination pure et simple d’ennemis à des opérations d’infiltration plus
-					pouvoirs distincts — allant du contrôle en masse à la furtivité, en passant par le soutien, la
+						stratégiques.
-					manipulation d’éléments ou la force brute — ainsi que des statistiques et un gameplay propre. Avec
+						Les joueurs peuvent défendre des objectifs ou des alliés dans des missions de Défense, saboter
-					plus d’une cinquantaine de Warframes disponibles, il est possible d’adopter des approches très
+						des
-					variées, qu’on privilégie la vitesse, la survie, les dégâts massifs ou l’utilité pour l’équipe.
+						installations ennemies, escorter et extraire des cargaisons sensibles, ou encore survivre à des
-					Grâce aux mods, aux variantes Prime et aux options de personnalisation esthétique, chaque Warframe
+						vagues croissantes d’adversaires dans les missions de Survie. D’autres missions, comme
-					peut être façonnée selon les préférences du joueur, faisant du choix et de l’optimisation un élément
+						l’Espionnage
-					clé de la progression.</p>
+						ou la Capture, misent davantage sur la discrétion et la rapidité. Cette diversité permet
-				<a href="warframes.html">PLUS D'INFOS</a>
+						d’adopter
+						des approches variées, de s’adapter à différents styles de jeu et de tirer parti des capacités
+						uniques de chaque Warframe.</p>
+					<a href="missions.html">PLUS D'INFOS</a>
+				</div>
+			</article>
+		</section>
+
+		<section> <!--Les armures-->
+			<article id="armures" class="fondOpaqueDroite">
+				<div class="droite">
+					<h2>Les armures</h2>
+
+					<p>Les Warframes sont au cœur de l’expérience de Warframe : de puissantes armures biomécaniques
+						dotées
+						de capacités uniques qui définissent entièrement le style de jeu du joueur. Chacune possède
+						quatre
+						pouvoirs distincts — allant du contrôle en masse à la furtivité, en passant par le soutien, la
+						manipulation d’éléments ou la force brute — ainsi que des statistiques et un gameplay propre.
+						Avec
+						plus d’une cinquantaine de Warframes disponibles, il est possible d’adopter des approches très
+						variées, qu’on privilégie la vitesse, la survie, les dégâts massifs ou l’utilité pour l’équipe.
+						Grâce aux mods, aux variantes Prime et aux options de personnalisation esthétique, chaque
+						Warframe
+						peut être façonnée selon les préférences du joueur, faisant du choix et de l’optimisation un
+						élément
+						clé de la progression.</p>
+					<a href="warframes.html">PLUS D'INFOS</a>
+				</div>
 			</article>
 		</section>
 	</main>