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

www/css/style.css

@@ -579,9 +579,7 @@ footer {
     font-size: 4.5rem;
 }
 
-.lore h1 {
-    margin-top: 25px;
-    margin-left: 8%;
+.lore h1:not(.lore header h1) {
     font-size: 4.5rem;
 }
 
@@ -645,7 +643,7 @@ footer {
 .lore .fondOpaqueGauche {
     background-color: #13172cb0;
     text-align: left;
-    height: 75vh;
+    height: 100%;
     padding: 5%;
     margin: auto;
 }
@@ -706,6 +704,20 @@ blockquote a {
     color: #ffefe5;
 }
 
+.lore #awakening {
+    background: #13172c url("../images/ImagesLea/awakening.jpg") center/cover;
+    height: 85vh;
+}
+
+.lore #vorsPrize {
+    background: #13172c url("../images/ImagesLea/vorSPrize.jpg") top/cover;
+}
+
+.lore #professor {
+    background: #13172c url("../images/ImagesLea/theTeacher.jpg") center/cover;
+    height: 85vh;
+}
+
 .lore #warWithin img {
     padding: 10px;
     margin-top: 10%;
@@ -718,11 +730,6 @@ blockquote a {
     border-radius: 20px;
 }
 
-.lore .specialAlign img {
-    margin: 5px;
-    border-radius: 20px;
-}
-
 .lore #duviri img {
     margin-top: 15%;
 }

www/sousPageLore1.html

@@ -37,12 +37,10 @@
             </tr>
         </table>
 
-
-        <h1>Arc 1: Éveil</h1>
-
-        <section class="fondOpaqueGauche">
+        <section>
             <article id="awakening">
-                <div>
+                <div class="fondOpaqueGauche">
+                    <h1>Arc 1: Éveil</h1>
                     <h2>Éveil</h2>
                     <p>
                         La première chose que les nouveaux joueurs voient est une cinématique poignante
@@ -98,13 +96,15 @@
             </article>
         </section>
 
-        <section class="fondOpaqueDroite">
+        <section>
             <article id="vorsPrize">
+                <div class="fondOpaqueDroite">
                     <div class="droite">
                         <h2>Le prix de Vor</h2>
 
                         <p>
-                        Maintenant que le Tenno est dans l’espace, il faut trouver un moyen d’enlever l’<em>ascaris</em>
+                            Maintenant que le Tenno est dans l’espace, il faut trouver un moyen d’enlever
+                            l’<em>ascaris</em>
                             et
                             récupérer
                             les segments du vaisseau manquant. Ces successions de quêtes permettent de montrer au joueur
@@ -113,25 +113,30 @@
                             d’améliorations,
                             comme la fonderie pour créer des armes à partir de schémas ou la station de mod qui permet
                             d’augmenter et changer
-                        les statistiques de sa warframe et de ses armes. Une fois l’<em>ascaris</em> enlevé, le Tenno
+                            les statistiques de sa warframe et de ses armes. Une fois l’<em>ascaris</em> enlevé, le
+                            Tenno
                             confronte Vor et son armée de
-                        grineer. À l’aide d’autres joueurs ou seul, un combat de boss appelé assassinat est commencé.
+                            grineer. À l’aide d’autres joueurs ou seul, un combat de boss appelé assassinat est
+                            commencé.
                             C’est
                             un type de quête
-                        répétitif qui peut donner en récompense des schémas pour d’autres armes ou warframes. Une fois
+                            répétitif qui peut donner en récompense des schémas pour d’autres armes ou warframes. Une
+                            fois
                             la
                             mission terminée,
-                        le Tenno intercepte un message de Vor à ses reines où il les avertit de la menace que le Tenno
+                            le Tenno intercepte un message de Vor à ses reines où il les avertit de la menace que le
+                            Tenno
                             représente, mais que
                             le réveil abrupt a probablement endommagé ses souvenirs.
                         </p>
                     </div>
+                </div>
             </article>
         </section>
 
-        <section class="fondOpaqueGauche">
+        <section>
             <article id="professor">
-                <div>
+                <div class="fondOpaqueGauche">
                     <h2>Le Professeur</h2>
 
                     <p>