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

www/aPropos.html

@@ -71,20 +71,24 @@
                                     <label for="pagePrefs" class="formInfo">Page préférée :</label>
                                     <div>
                                         <select name="page" id="pagePrefs">
-                                            <option value="accueil" selected>Page d’accueil</option>
+                                            <option value="index" selected>Page d'accueil</option>
                                             <option value="aPropos">À Propos</option>
+                                            <option value="team">L'équipe</option>
                                             <option value="reponse" disabled>Réponse</option>
                                             <option value="histoire">Histoire de DE</option>
                                             <optgroup label="Univers Sci-fi">
                                                 <option value="sousPageLore1">Arc 1 : Éveil</option>
                                                 <option value="sousPageLore2">Arc 2 : Saga de la guerre intérieure
                                                 </option>
-                                                <option value="sousPageLore3">Arc 3 : Saga de la nouvelle Guerre</option>
-                                                <option value="sousPageLore4">Arc 4 : Saga de la guerre du Néant</option>
+                                                <option value="sousPageLore3">Arc 3 : Saga de la nouvelle Guerre
+                                                </option>
+                                                <option value="sousPageLore4">Arc 4 : Saga de la guerre du Néant
+                                                </option>
 
                                             </optgroup>
                                             <option value="missions">Missions</option>
                                             <option value="armures">Armures</option>
+                                            <option value="credits">Crédits</option>
                                         </select>
                                     </div>
                                 </div>

www/css/style.css

@@ -317,6 +317,7 @@ footer a:hover {
     max-height: 600px;
     overflow: scroll;
     margin-top: 3em;
+    padding: 2em;
 }
 
 .aPropos .conteneurMaps­ iframe {
@@ -345,7 +346,7 @@ footer a:hover {
     margin: auto;
     background-color: #726F9A;
     border-radius: 15px;
-    padding: 10px;
+    padding: 1em;
     color: #E6ECF3;
     overflow: scroll;
     /*!SECTION COULEUR
@@ -368,7 +369,7 @@ Couleur texte : #FFEFE5
 
 .aPropos #contactInfo {
     background-color: #273A56;
-    padding: 10px;
+    padding: 1em;
     border-radius: 15px;
     color: #E6ECF3;
 }
@@ -917,35 +918,100 @@ Couleur texte : #FFEFE5
 /* PAGE: Missions */
 /* AUTEUR: Stanislas Royal */
 /****************************/
-.missions {
+/*.missions {
     background-color: rgb(43, 189, 226);
+} */
+
+.missions {
+    width: 100%;
+    background-color: #273A56;
+    color: #ffefe5;
+
+}
+.missions section {
+    width: 100vw;
+    height: 40vh;
+    min-height: 200px;
 }
 
-.missions section {
-    max-width: 70vw;
-    height: 100vh;
+.missions article {
+    /* max-width: 70vw; */
+    width: 70vw;
+    height: 40vh;
     border:#273A56 2px solid;
     margin: 10vh 10vw;
     padding: 3em;
     text-align: left;
-    float: left
+    /* float: left */
+}
+.missions h1,h2 {
+    margin-bottom: 2em;
 }
 
-.missions section:nth-child(odd) {
+.missions section:nth-child(odd) article {
     text-align: right;
-    float: right;
+    /* float: right; */
 }
-/*
-.missions section:nth-child(even) {
+
+.missions section:nth-child(even) article {
     text-align: left;
+    display: block;
 }
-*/
-.missions section p {
+
+.missions section article p {
     max-width: 50%;
  /*   margin: auto;
     float: left; */
 }
 
+#assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+
+
+.missions #missionsInfo {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #survie {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+.missions #capture {
+    background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
+}
+.missions #defense {
+    background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
+}
+.missions #excavation {
+    background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
+}
+.missions #extermination {
+    background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
+}
+.missions #hijack {
+    background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
+}
+.missions #interception {
+    background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
+}
+.missions #invasion {
+    background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
+}
+.missions #mobileDefense {
+    background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
+}
+.missions #sauvetage {
+    background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
+}
+.missions #sabotage {
+    background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
+}
+.missions #autreMissions {
+    background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
+}
+
 /****************************/
 /* PAGE: Warframes */
 /* AUTEUR: Andres David Herrera Escorcia */

www/missions.html

@@ -31,83 +31,118 @@
     </nav>
 
     <main class="missions">
-        <section>
+        <section id="missionsInfo">
             <h1>Les missions</h1>
-            <p>Il existe plusieurs types de missions dans Warframe. Une des mécaniques du jeu fait qu'il est nécessaire
-                d'acquérir des resources. Les missions donnent la possibilité de les récolter. Nous vous présenterons
-                les
-                types de missions les plus fréquentes.</p>
+            <p>Il existe plusieurs types de missions dans Warframe. Une des mécaniques du jeu les missions sont très
+                importante par le fait qu'elles nous permettent de récolter des resources pour créer de meilleures
+                armes, armures et compagnons
+                Les styles de missions présentés seront les plus communes et celles que le joueur rencontrera le plus
+                lors de l'histoire et de l'exploration de la carte stellaire.</p>
         </section>
-        <section>
-            <h2>Survival</h2>
-            <p>Les missions de survie sont a durée illimités, les joueurs reçoivent a chaque 5 minutes le choix de
-                continuer ou d’évacuer. Ils reçoivent aussi une recompenses basée sur le niveau de la difficulté.
-                Lorsque les joueurs évacuent, ils n'ont pas besoin de se rendre a l'extraction contrairement aux autres
-                types de missions.</p>
+        <section id="survie">
+            <article>
+                <h2>Survival</h2>
+                <p>Les missions de survie sont a durée illimités, les joueurs reçoivent a chaque 5 minutes le choix de
+                    continuer ou d’évacuer. Ils reçoivent aussi une recompenses basée sur le niveau de la difficulté.
+                    Lorsque les joueurs évacuent, ils n'ont pas besoin de se rendre a l'extraction contrairement aux
+                    autres
+                    types de missions.</p>
+            </article>
         </section>
-        <section>
-            <h2>Assassination</h2>
-            <p>Les missions d'assassination présente une victime a localiser et éliminer, il n'y a que tres rarement
-                d'autre objectif. Ceci représente donc des missions rapidement completer.</p>
+        <section id="assassination">
+            <article>
+                <h2>Assassination</h2>
+                <p>Les missions d'assassination présente une victime a localiser et éliminer, il n'y a que tres rarement
+                    d'autre objectif. Ceci représente donc des missions rapidement completer.</p>
+            </article>
         </section>
-        <section>
-            <h2>Capture</h2>
-            <p>Dans le meme style que les missions d'Assassination, il faut localiser la cible et la diminuer ses points
-                de vie avant de pouvoir la capturer</p>
+        <section id="capture">
+            <article>
+                <h2>Capture</h2>
+                <p>Dans le meme style que les missions d'Assassination, il faut localiser la cible et la diminuer ses
+                    points
+                    de vie avant de pouvoir la capturer</p>
+            </article>
         </section>
-        <section>
-            <h2>Defense</h2>
-            <p>Une defense oblige les joueurs a protéger un objet sur la carte. Il y a généralement un bouclier pour
-                aider les joueurs et la mission peut être chronométré ou a plusieurs vague comme un missions de survie.
-            </p>
+        <section id="defense">
+            <article>
+                <h2>Defense</h2>
+                <p>Une defense oblige les joueurs a protéger un objet sur la carte. Il y a généralement un bouclier pour
+                    aider les joueurs et la mission peut être chronométré ou a plusieurs vague comme un missions de
+                    survie.
+                </p>
+            </article>
         </section>
-        <section>
-            <h2>Excavation</h2>
-            <p>Découlant un peu des missions de defenses, les joueurs doivent se rendre a un point d'excavation ou une
-                perceuse minière se doit d’être alimenter en énergie et protéger le temps qu'elle fonctionne.</p>
+        <section id="excavation">
+            <article>
+                <h2>Excavation</h2>
+                <p>Découlant un peu des missions de defenses, les joueurs doivent se rendre a un point d'excavation ou
+                    une
+                    perceuse minière se doit d’être alimenter en énergie et protéger le temps qu'elle fonctionne.</p>
+            </article>
         </section>
-        <section>
-            <h2>Exterminate</h2>
-            <p>Généralement, pendant un conflit entre des factions du jeu, le joueur se doit de libérer l'espace du
-                conflit au detriment des factions présentes. Il y a un minimum d'ennemi a éliminer pour completer la
-                missions, ensuite le joueur peut explorer la carte ou se rendre a l'extraction.</p>
+        <section id="extermination">
+            <article>
+                <h2>Extermination</h2>
+                <p>Généralement, pendant un conflit entre des factions du jeu, le joueur se doit de libérer l'espace du
+                    conflit au detriment des factions présentes. Il y a un minimum d'ennemi a éliminer pour completer la
+                    missions, ensuite le joueur peut explorer la carte ou se rendre a l'extraction.</p>
+            </article>
         </section>
-        <section>
-            <h2>Hijack</h2>
-            <p>Une autre mission de defense, ou l'objet est un véhicule avançant lentement vers l'objectif, les joueurs
-                doivent défendre le véhicule. La mission est nommer hijack puisqu'il s'agit normalement d'un véhicule
-                appartenant a la faction de la carte.</p>
+        <section id="hijack">
+            <article>
+                <h2>Hijack</h2>
+                <p>Une autre mission de defense, ou l'objet est un véhicule avançant lentement vers l'objectif, les
+                    joueurs
+                    doivent défendre le véhicule. La mission est nommer hijack puisqu'il s'agit normalement d'un
+                    véhicule
+                    appartenant a la faction de la carte.</p>
+            </article>
         </section>
-        <section>
-            <h2>Interception</h2>
-            <p>Une mission basée sur "Capture the Flag", les joueurs doivent capturer des zones et les controller le
-                plus longtemps possible. Il est possible de faire ce type de mission seul, si le joueur utilise un
-                Warframe avec une grande mobilité.</p>
+        <section id="interception">
+            <article>
+                <h2>Interception</h2>
+                <p>Une mission basée sur "Capture the Flag", les joueurs doivent capturer des zones et les controller le
+                    plus longtemps possible. Il est possible de faire ce type de mission seul, si le joueur utilise un
+                    Warframe avec une grande mobilité.</p>
+            </article>
         </section>
-        <section>
-            <h2>Invasion</h2>
-            <p>Mission d'extermination contre une espèce alien mutante. ?????</p>
+        <section id="invasion">
+            <article>
+                <h2>Invasion</h2>
+                <p>Mission d'extermination contre une espèce alien mutante. ?????</p>
+            </article>
         </section>
-        <section>
-            <h2>Mobile Defense</h2>
-            <p>Une mission ou nous devons déplacer un objet pour pirater des consoles, généralement trois consoles, et
-                le temps du piratage nous défendons le terminal pour pouvoir procéder ensuite au suivant.</p>
+        <section id="mobileDefense">
+            <article>
+                <h2>Mobile Defense</h2>
+                <p>Une mission ou nous devons déplacer un objet pour pirater des consoles, généralement trois consoles,
+                    et
+                    le temps du piratage nous défendons le terminal pour pouvoir procéder ensuite au suivant.</p>
+            </article>
         </section>
-        <section>
-            <h2>Rescue</h2>
-            <p>L'objectif, ici, est de localiser un prisonnier dans une base, de le libérer, pour ensuite l'escorter
-                jusqu'a l'extraction</p>
+        <section id="sauvetage">
+            <article>
+                <h2>Rescue</h2>
+                <p>L'objectif, ici, est de localiser un prisonnier dans une base, de le libérer, pour ensuite l'escorter
+                    jusqu'a l'extraction</p>
+            </article>
         </section>
-        <section>
-            <h2>Sabotage</h2>
-            <p>Mission ou les joueurs font exploser des réacteurs pour détruire une base ennemi.</p>
+        <section id="sabotage">
+            <article>
+                <h2>Sabotage</h2>
+                <p>Mission ou les joueurs font exploser des réacteurs pour détruire une base ennemi.</p>
+            </article>
         </section>
-        <section>
-            <h2>Autres missions</h2>
-            <p>Il existe encore bien plus de style de missions, je vous invite a jouer pour les découvrir.</p>
-            <p><a target="_blank" href="https://www.warframe.com/download">Page de téléchargement de Warframe</a></p>
-            <iframe title="steam" src="https://store.steampowered.com/widget/230410/" frameborder="0" width="646"
-                height="190"></iframe>
+        <section id="autreMissions">
+            <article>
+                <h2>Autres missions</h2>
+                <p>Il existe encore bien plus de style de missions, je vous invite a jouer pour les découvrir.</p>
+                <p><a target="_blank" href="https://www.warframe.com/download">Page de téléchargement de Warframe</a>
+                </p>
+                <iframe title="steam" src="https://store.steampowered.com/widget/230410/" frameborder="0" width="646"
+                    height="190"></iframe>
+            </article>
         </section>
     </main>