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

www/css/style.css

@@ -83,27 +83,40 @@ nav img {
 /* AUTEUR: Léa */
 /**************************************/
 .lore {
-    background-color: #C19F8A;
+    background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
+    background-size: cover;
+    background-position: top;
     color: #FFEFE5;
 }
 
 .lore main{
     margin: auto;
-    width: 1366px;
+    width: 1300px;
 }
 
 .lore h1, h2, h3{
     margin: 10px;   
 }
 
-.lore p{
+.lore p, blockquote{
-    margin: 10px;
+    margin-left: 10px;
+    margin-top: 15px;
+}
+
+.lore blockquote {
+    width: 60%;
+    font-weight: bold;
 }
 
 .lore table{
-    width: 80%;
+    width: 100%;
+    position: sticky;
+    top: 1px;
     border: 2px solid #FFEFE5;
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 5px;
+    background-color: #13172c;
 }
 
 .lore th{
@@ -125,16 +138,40 @@ nav img {
 
 .lore article {
     width: 95%;
+    margin: 15px 0px;
 }
 
-#awakening {
+.lore th a, blockquote a{
+    color: #C19F8A;
+}
+
+#awakening, #vorsPrize {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
 }
 
 #awakening img {
     padding: 10px;
-    margin-top: 5%;
+}
+
+#vorsPrize img{
+    width: 25%;
+    padding: 10px;
+}
+
+.lore .wrap {
+    display: flex;
+    align-items: flex-start;
+}
+.lore .text { 
+    width: 70%; 
+    flex-grow: 1;
+}
+
+#PreludeToWar img {
+    width: 30%;
+    flex-shrink: 0;
+    margin-left: 5px;
 }
 /****************************/
 /* PAGE: Missions */

www/sousPageLore1.html

@@ -64,23 +64,26 @@
                 nombreux glitch de personnalités pendant les dialogues ainsi que les dégâts subis par les tests des grineer. 
             </p>
             </div>
-            <img src="images/ImagesLea/awakening.jpg">
+            <img src="images/ImagesLea/awakening.jpg" alt="Les 3 warframes de départ">
         </article>
 
         <article id="vorsPrize">
-            <h2>Le prix de Vor</h2>
+            <img src="images/ImagesLea/vorSPrize.jpg" alt="Image de Vor avec une clé du néant">
+            <div>
+                <h2>Le prix de Vor</h2>
 
-            <p>
+                <p>
-                Maintenant que le Tenno est dans l’espace, il faut trouver un moyen d’enlever l’<em>ascaris</em> et récupérer 
+                    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 certains 
+                    les segments du vaisseau manquant. Ces successions de quêtes permettent de montrer au joueur certains 
-                des types de missions les plus populaires ainsi que de l’initier aux différentes options d’améliorations, 
+                    des types de missions les plus populaires ainsi que de l’initier aux différentes options 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 
+                    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 confronte Vor et son armée de 
+                    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é. C’est un type de quête 
+                    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 la mission terminée, 
+                    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 représente, mais que 
+                    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.
+                    le réveil abrupt a probablement endommagé ses souvenirs.
-            </p>
+                </p>
+            </div>
         </article>
 
 

www/sousPageLore2.html

@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
     <title>Arc 2</title>
 </head>
 <body class="lore">

www/sousPageLore3.html

@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
     <title>Arc 3</title>
 </head>
 <body class="lore">
@@ -20,18 +21,41 @@
         </ul>
     </nav>
     <main>
-        
          <table>
             <tr>
-                <th><a href="#awakening">Éveil</a></th>
+                <th><a href="#PreludeToWar">Prélude à la guerre</a></th>
                 <th><a href="#vorsPrize">Le prix de Vor</a></th>
                 <th><a>Le professeur</a></th>
-                <th><a>Vox Solaris</a></th>
-                <th><a>Autrefois Éveillés</a></th>
-                <th><a>Coeur de Deimos</a></th>
-                <th><a>L'Archwing</a></th>
             </tr>
         </table>
+
+        <h1>Arc 3: Saga de la nouvelle Guerre</h1>
+
+        <article id="PreludeToWar">
+            <h2>Prélude à la guerre</h2>
+            
+            <div class="wrap">
+                <div class="text">
+                <blockquote>
+                    <em>« Il s'agit en fait d'une série de trois brèves vignettes (comme le Prologue Apostasie) qui 
+                    fonctionnent comme une introduction narrative à La Nouvelle Guerre. Ces chapitres incluent Prologue Chimère, 
+                    Erra, et Le Créateur. »</em>
+                    <a href="https://www.warframe.com/fr/guides/quests/prelude-to-war">-Site officiel Warframe</a>
+                </blockquote>
+                
+                <p> Ce sont trois cinématiques plus ou moins longue qui introduisent 
+                    en douceur le Tenno à la guerre qui s’en vient, entre les Sentient et les autres factions. Lors du prologue chimère, 
+                    le Tenno apprend que Ballas est vivant, converti en un amalgame par Natah. Il finit par donner au Tenno le Paracesis, 
+                    une arme capable de détruire les Sentient. Avec la mini quête Erra, l’opérateur a une vision où il voit Natah et son 
+                    frère Erra parler de leurs plans pour éradiquer les Tennos. Dans Le Créateur, le Tenno voit encore le Lotus et Erra, 
+                    ce dernier essayant de rappeler à sa sœur qu’elle doit finir la guerre, celle-ci pensant encore qu’ils mènent 
+                    l’ancienne guerre contre les Orokins.</p>
+                </div>    
+                <img src="images/ImagesLea/preludeToWar.jpg">
+            </div>
+        </article>
+
+        
     </main>
 
     <footer>DATE_WEBSITE</footer>

www/sousPageLore4.html

@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css">
     <title>Arc 4</title>
 </head>
 <body class="lore">