modification d'images pour l'accueil et intégration d'une vidéo

www/css/style.css

@@ -139,14 +139,25 @@ footer {
     width: 100%;
 }
 
-.accueil header {
+.accueil header div {
-    background: #13172c url("../images/ImagesLea/warframeEnvironment.jpg") center/cover;
+    width: 100%;
+    padding: 5%;
 }
 
-.accueil header div {
+.accueil #video {
+    width: 100%;
+    height: auto;
+    display: block;
+}
+
+.accueil #texte {
     background-color: #13172cb0;
-    height: 75vh;
+    position: absolute;
-    padding: 5%;
+    top: 5%;
+    left: 50%;
+    padding-bottom: 36.6%;
+    transform: translate(-50%, 0);
+    z-index: 10;
 }
 
 .accueil #rencontreEquipe {
@@ -206,7 +217,7 @@ footer {
 }
 
 .accueil #histoireDE {
-    background: #13172c url("../images/ImagesLea/warframeFight.jpg") center/cover;
+    background: #13172c url("../images/ImagesLea/warframeStoryDE.jpg") center/cover;
 }
 
 .accueil .fondOpaqueGauche {
@@ -217,7 +228,7 @@ footer {
 }
 
 .accueil #universSciFi {
-    background: #13172c url("../images/ImagesLea/warframesInfested.jpg") center/cover;
+    background: #13172c url("../images/ImagesLea/sciFi1999.jpg") bottom/cover;
 }
 
 .accueil #universSciFi h2 {
@@ -232,11 +243,11 @@ footer {
 }
 
 .accueil #stylesMission {
-    background: #13172c url("../images/ImagesLea/weapons.jpg") top/cover;
+    background: #13172c url("../images/ImagesLea/warframeOrowyrm.jpg") top/cover;
 }
 
 .accueil #armures {
-    background: #13172c url("../images/ImagesLea/WarframeZephyr.jpg") top/cover;
+    background: #13172c url("../images/ImagesLea/warframeWeapons.jpg") top/cover;
 }
 
 /****************************/
@@ -546,40 +557,59 @@ footer {
 /* AUTEUR: Léa */
 /**************************************/
 
-.lore {
+.lore:not(footer) {
-    background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
+    background-color: #13172c;
     background-size: cover;
     background-position: top;
     color: #ffefe5;
 }
 
-.lore main {
+.lore header {
-    margin: 0px auto 1% auto;
+    background: #13172c url("../images/ImagesLea/warwithin.jpg") center/cover;
-    width: 85%;
 }
 
-.lore main .exception p {
+.lore header div {
-    margin: auto;
+    background-color: #13172cb0;
-    padding: 1% 35% 5% 1%;
+    padding: 5%;
+}
+
+.lore header h1 {
+    margin-left: -10px;
+    width: 60%;
+    font-size: 4.5rem;
 }
 
 .lore h1 {
-    margin-top: 30px;
+    margin-top: 25px;
-    font-size: 3.5rem;
+    margin-left: 8%;
+    font-size: 4.5rem;
 }
 
 .lore h2,
 .lore h3 {
-    margin: 10px;
+    margin: 10px 0px;
+}
+
+.lore main p:not(.droite p),
+.lore main h2:not(.droite h2) {
+    margin: auto;
+    padding: 1% 35% 1% 2.5%;
 }
 
 .lore article p,
-blockquote {
+.lore article blockquote {
-    margin: 10px 10px;
+    margin: 10px 0px;
 }
 
-.lore blockquote {
+.lore .droite blockquote {
-    width: 80%;
+    margin: auto;
+    padding: 1% 35% 1% 0%;
+    font-weight: bold;
+}
+
+.lore blockquote:not(.droite blockquote) {
+    margin: auto;
+    padding: 1% 65% 1% 2.5%;
     font-weight: bold;
 }
 
@@ -612,18 +642,26 @@ blockquote {
     width: 90%;
 }
 
-.lore article img:not(.specialAlign img) {
+.lore .fondOpaqueGauche {
-    border-radius: 20px;
+    background-color: #13172cb0;
-    width: 30%;
+    text-align: left;
+    height: 75vh;
+    padding: 5%;
+    margin: auto;
 }
 
-.lore article:not(.exception) {
+.lore .fondOpaqueDroite {
-    margin: 15px 0px;
+    background-color: #13172cb0;
-    scroll-margin-top: 110px;
+    height: 75vh;
-    display: flex;
+    padding: 5%;
-    align-items: flex-start;
 }
 
+.lore .droite {
+    margin: auto;
+    padding: 1% 0% 1% 35%;
+}
+
+
 .lore th a,
 blockquote a {
     color: #c19f8a;

www/index.html

@@ -26,17 +26,24 @@
 
 	<main>
 		<header>
-			<div>
+			<section>
+				<div id="texte">
 					<h1>WARFRAME : <br> Toute une histoire</h1>
-				<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un guerrier
+					<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un
+						guerrier
 						d’élite
-					utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et dynamiques
+						utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et
+						dynamiques
 						mêlant
 						tir, mêlée et parkour, vous affrontez diverses factions dans un univers de science-fiction en
 						constante
 						évolution. Grâce à une grande liberté de personnalisation et à un contenu régulièrement enrichi,
 						Warframe offre une expérience profonde, fluide et accessible en équipe comme en solo.</p>
 				</div>
+				<video autoplay muted loop playsinline id="video">
+					<source src="medias/mediasLea/warframeIntro.mp4" type="video/mp4">
+				</video>
+			</section>
 		</header>
 
 		<section> <!--Rencontrer l'équipe-->

www/lore.html

@@ -25,19 +25,20 @@
     </nav>
 
     <main>
-        <article class="exception">
+        <header>
+            <div>
                 <h1>Comment commence <em>Warframe</em>?</h1>
 
                 <p>Depuis l’année 2024, les nouveaux joueurs ont accès à deux débuts qui finissent par converger.
                     Le premier est celui qui est considéré <em>«Canon»</em> dans l’univers de Warframe tandis que le
                     deuxième
-                ressemble plus à un <em>Roguelike</em> pour rapidement introduire les joueurs au fonctionnement du jeu.
+                    ressemble plus à un <em>Roguelike</em> pour rapidement introduire les joueurs au fonctionnement du
+                    jeu.
                     Il n’y a pas de conséquences à choisir le premier chemin, mais choisir le deuxième pour un nouveau
                     joueur pourrait être plus désorientant qu’autre chose même s’il l’introduit tout de suite à toutes
-                les mécaniques importantes. <strong>Ces pages sur l'histoire inclue aussi ce deuxième chemin, mais ne
+                    les mécaniques importantes. <strong>Ces pages sur l'histoire inclue aussi ce deuxième chemin, mais
-                    l'aborde
+                        ne l'aborde que lorsqu'il arrive au moment important dans l'histoire principale.</strong></p>
-                    que lorsqu'il arrive au moment important dans l'histoire principale.</strong></p>
+
-        </article>
                 <h3>Cliquez sur l'image pour sauter à la page concernant l'arc voulu!</h3>
                 <table>
                     <tr>
@@ -61,12 +62,10 @@
 
                     </tr>
                 </table>
+            </div>
+        </header>
     </main>
 
-    <aside>
-        <div class="nextArc"><a href="sousPageLore1.html">Suivant</a></div>
-    </aside>
-
     <footer>
         <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
         <p id="updateDate">DATE_WEBSITE</p>

www/sousPageLore1.html

@@ -37,59 +37,75 @@
             </tr>
         </table>
 
+
         <h1>Arc 1: Éveil</h1>
 
+        <section class="fondOpaqueGauche">
             <article id="awakening">
                 <div>
                     <h2>Éveil</h2>
                     <p>
                         La première chose que les nouveaux joueurs voient est une cinématique poignante
-                    sur la dévastation réalisée par l’une des factions principales, les <em>Grineers</em> (Gri-nirs).
+                        sur la dévastation réalisée par l’une des factions principales, les <em>Grineers</em>
+                        (Gri-nirs).
                         Elle suit une femme qui fuit les grineers avec une narration en fond de la situation.
                         Le joueur apprend de l’information sur sa propre faction, les <em>Tennos</em> (Ten-noes)
-                    lorsque la femme arrive dans un temple où trois figures sont agenouillées. Elle pose une fleur de
+                        lorsque la femme arrive dans un temple où trois figures sont agenouillées. Elle pose une fleur
-                    lotus devant chacune d’elle et après chaque fleur posée le joueur voit un <em>flash-back </em>de la
+                        de
+                        lotus devant chacune d’elle et après chaque fleur posée le joueur voit un <em>flash-back </em>de
+                        la
                         personne agenouillée.
                         Après l’introduction, une voix féminine demande au joueur son premier choix : Celui de sa
                         <em>Warframe</em>.
                     </p>
                     <p>
-                    Une fois que le joueur a choisi entre Mag, Excalibur ou Volt, une cinématique commence où le joueur
+                        Une fois que le joueur a choisi entre Mag, Excalibur ou Volt, une cinématique commence où le
-                    se fait installer un <em>Ascaris</em> qui, après un certain temps, prend le contrôle de son hôte.
+                        joueur
+                        se fait installer un <em>Ascaris</em> qui, après un certain temps, prend le contrôle de son
+                        hôte.
                         Cet engin lui est posé par
-                    un capitaine grineer du nom de <em>Vor</em>. Il dit qu’il offrira cette warframe à ses reines et une
+                        un capitaine grineer du nom de <em>Vor</em>. Il dit qu’il offrira cette warframe à ses reines et
+                        une
                         voix féminine
-                    provoque une vague d’énergie depuis notre <em>Warframe</em>. Le combat commence avec les bases du
+                        provoque une vague d’énergie depuis notre <em>Warframe</em>. Le combat commence avec les bases
+                        du
                         déplacement
-                    ainsi que de l’utilisation des habiletés. Après quelques escarmouches, le Tenno arrive au vaisseau
+                        ainsi que de l’utilisation des habiletés. Après quelques escarmouches, le Tenno arrive au
+                        vaisseau
                         que la voix féminine,
-                    qui s’appelle <em>Lotus</em>, a prévu pour le joueur. Le vaisseau se fait exploser par les grineers
+                        qui s’appelle <em>Lotus</em>, a prévu pour le joueur. Le vaisseau se fait exploser par les
+                        grineers
                         et le Tenno se
-                    retrouve forcé de se battre contre Vor pour ensuite essayer de trouver un nouveau vaisseau. Lotus
+                        retrouve forcé de se battre contre Vor pour ensuite essayer de trouver un nouveau vaisseau.
+                        Lotus
                         repère un autre
-                    vaisseau qu’il faut protéger le temps que Lotus pirate le contrôle de l’ennemi et permette au Tenno
+                        vaisseau qu’il faut protéger le temps que Lotus pirate le contrôle de l’ennemi et permette au
+                        Tenno
                         de s’enfuir.
                         Dans le vaisseau, le Tenno fait la rencontre du <em>Cephalon</em> (Cé-pha-lon), une conscience
-                    cristalisée
+                        cristallisée
                         qui sert d’unité de maintenance autonome du vaisseau. Ces entités sont des humains qui ont été
                         réduis à l’état de
                         données et reprogrammé par une autre des faction nommée <em>Orokin</em> (Oro-kine).
-                    Celui qui réside dans le vaisseau du Tenno s’appelle <em>Ordis</em> et est considérée défectueuse
+                        Celui qui réside dans le vaisseau du Tenno s’appelle <em>Ordis</em> et est considérée
+                        défectueuse
                         par ses
-                    nombreux glitch de personnalités pendant les dialogues ainsi que les dégâts subis par les tests des
+                        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" alt="Les 3 warframes de départ" class="specialAlign">
             </article>
+        </section>
 
+        <section class="fondOpaqueDroite">
             <article id="vorsPrize">
-            <img src="images/ImagesLea/vorSPrize.jpg" alt="Image de Vor avec une clé du néant">
+                <div class="droite">
-            <div>
                     <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> et
+                        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
@@ -99,9 +115,11 @@
                         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
-                    grineer. À l’aide d’autres joueurs ou seul, un combat de boss appelé assassinat est commencé. C’est
+                        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
+                        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
@@ -109,32 +127,38 @@
                     </p>
                 </div>
             </article>
+        </section>
 
+        <section class="fondOpaqueGauche">
             <article id="professor">
                 <div>
                     <h2>Le Professeur</h2>
 
                     <p>
-                    Une quête qui a été ajouté récemment introduit ensuite le Tenno plus en profondeur dans l’univers
+                        Une quête qui a été ajouté récemment introduit ensuite le Tenno plus en profondeur dans
-                    des mods et comment les utiliser pour rendre la warframe et ses armes plus puissantes. Cette quête
+                        l’univers
-                    introduit aussi un personnage important qui s’appelle <em>Teshin</em>(Tes-shine). Il est la figure
+                        des mods et comment les utiliser pour rendre la warframe et ses armes plus puissantes. Cette
+                        quête
+                        introduit aussi un personnage important qui s’appelle <em>Teshin</em>(Tes-shine). Il est la
+                        figure
                         enseignante
                         et paternelle pour le Tenno lors de son aventure. C’est aussi le personnage qui donne accès au
                         <em>Steel Path</em>,
-                    qui se débloque uniquement une fois que le joueur a complété au moins une fois toutes les missions
+                        qui se débloque uniquement une fois que le joueur a complété au moins une fois toutes les
+                        missions
                         de la
-                    carte solaire. Ce contenu est considéré comme de fin de jeu, pour plus de difficulté une fois toutes
+                        carte solaire. Ce contenu est considéré comme de fin de jeu, pour plus de difficulté une fois
+                        toutes
                         les missions
                         terminées.
                     </p>
                 </div>
-            <img src="images/ImagesLea/theTeacher.jpg" alt="Quete Le professeur">
             </article>
+        </section>
 
+        <section class="fondOpaqueDroite">
             <article id="voxSolaris">
-            <div class="wrap">
+                <div class="droite">
-                <img src="images/ImagesLea/voxSolaris.jpg" alt="L'intérieur de Fortuna">
-                <div class="text">
                     <h2>Vox Solaris</h2>
                     <blockquote>
                         <em>« Vous pouvez commencer cette Quête immédiatement après être entré à Fortuna :
@@ -150,7 +174,7 @@
 
                     <p> Cette colonie est sous le joug des <em>Corpus</em>(cor-puss), une faction gouvernée par le
                         profit.
-                        Le contremaitre de la zone, <em>Eudico</em>(yu-dit-co), a besoin d’aide. Il faut monter à la
+                        Le contremaître de la zone, <em>Eudico</em>(yu-dit-co), a besoin d’aide. Il faut monter à la
                         surface de Vénus
                         appelé la Vallée Orbis. Elle a besoin que l’on pille des caches corpus, retrouve les corps
                         d’agents disparus,
@@ -163,47 +187,50 @@
                         Thursby et l’Union Solaris s’ensuit.
                     </p>
                 </div>
-            </div>
             </article>
+        </section>
 
+        <section class="fondOpaqueGauche">
             <article id="onceAwake">
                 <div>
                     <h2>Autrefois Éveillés</h2>
 
                     <p>
                         Cette quête utilise beaucoup de missions de type défense où il faut défendre un objectif contre
-                    des vagues d’ennemis ainsi que des missions de type espionnage, où il faut s’infiltrer sans activer
+                        des vagues d’ennemis ainsi que des missions de type espionnage, où il faut s’infiltrer sans
-                    les alarmes et récupérer des informations et ressources. Cette mission commence par le Lotus qui
+                        activer les alarmes et récupérer des informations et ressources. Cette mission commence par le
-                    nous
+                        Lotus qui
-                    envoi un couriel via la messagerie du jeu avec en pièce jointe un fichier Grineer décodé qui
+                        nous envoi un courier via la messagerie du jeu avec en pièce jointe un fichier Grineer décodé
-                    mentionne
+                        qui
-                    une arme biologique. Le Tenno doit ensuite effectuer une mission d’espionnage pour en apprendre plus
+                        mentionne une arme biologique. Le Tenno doit ensuite effectuer une mission d’espionnage pour en
-                    sur
+                        apprendre plus sur
                         cette arme. Après la deuxième pièce d’information trouvée, le Tenno apprend la présence d’une
-                    nouvelle
+                        nouvelle faction ennemie appelé les Infestés. Cette faction attaque autant les Grineers que les
-                    faction ennemie appelé les Infestés. Cette faction attaque autant les Grineers que les Tennos et
+                        Tennos et
-                    inflige
+                        inflige du poison comme effet de statut. Une quête d’extermination suit celle d’espionnage pour
-                    du poison comme effet de statut. Une quête d’extermination suit celle d’espionnage pour tuer le plus
+                        tuer le
-                    d’infestés possible. Le Lotus propose ensuite d’utiliser une bombe cascade pour détruire l’origine
+                        plus d’infestés possible. Le Lotus propose ensuite d’utiliser une bombe cascade pour détruire
-                    des infestés.
+                        l’origine
-                    La proposition provoque une quête de type défense où il faut protéger la bombe le temps qu’elle
+                        des infestés. La proposition provoque une quête de type défense où il faut protéger la bombe le
-                    s’amorce. Malgré
+                        temps qu’elle
-                    tout ses efforts, le Tenno n’arrive pas à éradiquer la présence des infestés sur la carte solaire.
+                        s’amorce. Malgré tout ses efforts, le Tenno n’arrive pas à éradiquer la présence des infestés
+                        sur la carte solaire.
                     </p>
                 </div>
-            <img src="images/ImagesLea/onceAwake.jpg" alt="Image emblème de la mission Autrefois Éveillés">
             </article>
+        </section>
 
+        <section class="fondOpaqueDroite">
             <article id="deimos">
-            <img src="images/ImagesLea/cambionDrift.jpg" alt="image du Puy de Cambion">
+                <div class="droite">
-            <div>
                     <h2>Coeur de Deimos</h2>
 
                     <p>
                         Cette Quête commence avec le message d'un nouveau personnage mystérieux appelé Loid.
                         Le Cœur de Deimos présente un nouveau paysage ouvert, connu sous le nom de Puy de Cambion
                         ainsi qu'une zone sécurisée centrale appelée le Necralisk. Cette zone est la maison infestée
-                    d’une faction appelée la famille Entrati. Une vieille famille Orokin qui a perdu leurs vrais noms
+                        d’une faction appelée la famille Entrati. Une vieille famille Orokin qui a perdu leurs vrais
+                        noms
                         ainsi que leur apparence humaine, ils ont été assimilés par l’infestation de l’astéroïde nommé
                         Deimos.
                         Cloués sur place, ils ont besoin du Tenno pour effectuer différents types de missions, comme des
@@ -211,26 +238,33 @@
                         Elle introduit aussi un twist à la pêche au harpon possible sur terre avec ses propres harpons
                         qui peuvent percer la couche gélatineuse appelé exocrine qui sert de rivière à l’environnement
                         infesté.
-                    Lors de la mission d’introduction, le Tenno est aussi introduit au <em>Nécramech</em>(né-cra-mec),
+                        Lors de la mission d’introduction, le Tenno est aussi introduit au
+                        <em>Nécramech</em>(né-cra-mec),
                         une ancienne
-                    machine de guerre hautement performante. Lorsque la mission est terminée, le Tenno peut faire des
+                        machine de guerre hautement performante. Lorsque la mission est terminée, le Tenno peut faire
+                        des
                         activités
-                    variées dans le Puy de Cambion, d’exploration libres à des primes offerte par le pnj appelé Mère.
+                        variées dans le Puy de Cambion, d’exploration libres à des primes offerte par le pnj appelé
+                        Mère.
                         Les divers
-                    personnages de cette famille offrent tous différents schémas et ressources dans une thématique. Père
+                        personnages de cette famille offrent tous différents schémas et ressources dans une thématique.
+                        Père
                         offre des
-                    armes modulaires et les schémas pour créer la warframe Xaku, Fils offre au joueur de revivifier des
+                        armes modulaires et les schémas pour créer la warframe Xaku, Fils offre au joueur de revivifier
+                        des
                         spécimens
                         infestés pour les utiliser en tant que compagnons, Sœur s’occupe de dépecer les poissons que le
                         Tenno lui apporte
-                    et Grand-mère permet d’échanger les jetons variés qui sont offerts en récompense des primes de Mère.
+                        et Grand-mère permet d’échanger les jetons variés qui sont offerts en récompense des primes de
+                        Mère.
                     </p>
                 </div>
             </article>
+        </section>
 
+        <section class="fondOpaqueGauche">
             <article id="archwing">
-            <div class="wrap">
+                <div>
-                <div class="text">
                     <h2>L'Archwing</h2>
                     <blockquote>
                         <em>« La récompense principale de cette Quête, l'Archwing, est une pièce d'équipement
@@ -243,9 +277,9 @@
                     <p> La quête commence avec la menace d’un officier Grineer qui rentre en possession
                         d’un groupe de vaisseau appelé la flotte Fomorienne. Le conseiller Vay Hek déclare
                         la guerre aux corpus. Pour le stopper, le Tenno doit reconstruire des ailes mécaniques de
-                        l’ère Orokin ainsi que ses armes de mélée et de distance appelé <em>Archmelee</em> et
+                        l’ère Orokin ainsi que ses armes de mêlée et de distance appelé <em>Archmelee</em> et
                         <em>Archgun</em>
-                        (Arc-mélée et Arc-gun). Ces ailes permettent au Tenno d’engager en combat spatial la flotte.
+                        (Arc-mêlée et Arc-gun). Ces ailes permettent au Tenno d’engager en combat spatial la flotte.
                         Malgré le sabotage réussi, la flotte Fomorienne n’est pas détruite et cette flotte devient un
                         évènement communautaire récurrent. Cet évènement se situe autour des relais Tenno où la flotte
                         tente de détruire la structure spatiale. Si l’évènement se conclue par un échec, le relais
@@ -257,9 +291,9 @@
                         zones ouvertes de la Terre, de Vénus et de Deimos.
                     </p>
                 </div>
-                <img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace">
-            </div>
             </article>
+        </section>
+
     </main>
     <aside>
         <div class="nextArc"><a href="lore.html">Menu</a></div>