Dev_Web/web01
Public Access
5
0
Fork 0
Code Issues Projects Wiki Activity

Ajout de règles CSS, mise en forme basique pour les autres pages de Lore et correction de l'affichage du Nav dans ces pages

Browse Source
This commit is contained in:
LD
2025-11-20 07:58:02 -05:00
parent 5370b9016e
commit e9cc68e35e
6 changed files with 167 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
www/css/style.css
View File

@@ -127,9 +127,14 @@ nav img {
width: 95%; width: 95%;
} }
.lore article div { #awakening {
align-items: center;
display: flex; display: flex;
align-items: flex-start;
}
#awakening img {
padding: 10px;
margin-top: 5%;
} }
/****************************/ /****************************/
/* PAGE: Missions */ /* PAGE: Missions */

30
www/lore.html
View File

@@ -7,21 +7,20 @@
<title>Lore</title> <title>Lore</title>
</head> </head>
<body class="lore"> <body class="lore">
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<main> <main>
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<h1>Comment commence <em>Warframe</em>?</h1> <h1>Comment commence <em>Warframe</em>?</h1>
<article> <article>
@@ -30,7 +29,8 @@
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 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 joueur pourrait être plus désorientant qu’autre chose même s’il l’introduit tout de suite à toutes
les mécaniques importantes.</p> les mécaniques importantes. <strong>Ces pages sur l'histoire inclue aussi ce deuxième chemin, mais ne l'aborde
que lorsqu'il arrive au moment important dans l'histoire principale.</strong></p>
</article> </article>
<h3>Cliquez sur l'image pour sauter à la page concernant l'arc voulu!</h3> <h3>Cliquez sur l'image pour sauter à la page concernant l'arc voulu!</h3>
<table> <table>

56
www/sousPageLore1.html
View File

@@ -7,22 +7,21 @@
<title>Arc 1</title> <title>Arc 1</title>
</head> </head>
<body class="lore"> <body class="lore">
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<main> <main>
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<h3>Cliquez sur l'image pour sauter à la page concernant la mission voulu!</h3>
<table> <table>
<tr> <tr>
<th><a href="#awakening">Éveil</a></th> <th><a href="#awakening">Éveil</a></th>
@@ -38,20 +37,17 @@
<h1>Arc 1: Éveil</h1> <h1>Arc 1: Éveil</h1>
<article id="awakening"> <article id="awakening">
<h2>Éveil</h2>
<div> <div>
<p> <h2>Éveil</h2>
La première chose que les nouveaux joueurs rencontrent en choisissant le premier chemin est une cinématique poignante <p>
sur la dévastation réalisée par l’une des factions principales, les <em>Grineers</em> (Gri-nirs). La première chose que les nouveaux joueurs voient est une cinématique poignante
Elle suit une femme qui fuit les grineers avec une narration en fond de la situation. sur la dévastation réalisée par l’une des factions principales, les <em>Grineers</em> (Gri-nirs).
Le joueur apprend de l’information sur sa propre faction, les <em>Tennos</em> (Ten-noes) Elle suit une femme qui fuit les grineers avec une narration en fond de la situation.
lorsque la femme arrive dans un temple où trois figures sont agenouillées. Elle pose une fleur de Le joueur apprend de l’information sur sa propre faction, les <em>Tennos</em> (Ten-noes)
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. lorsque la femme arrive dans un temple où trois figures sont agenouillées. Elle pose une fleur de
Après l’introduction, une voix féminine demande au joueur son premier choix : Celui de sa <em>Warframe</em>. 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.
</p> Après l’introduction, une voix féminine demande au joueur son premier choix : Celui de sa <em>Warframe</em>.
<img src="images/ImagesLea/awakening.jpg"> </p>
</div>
<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 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 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
@@ -67,8 +63,8 @@
Celui qui réside dans le vaisseau du Tenno s’appelle <em>Ordis</em> et est considérée défectueuse par ses 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 grineer. nombreux glitch de personnalités pendant les dialogues ainsi que les dégâts subis par les tests des grineer.
</p> </p>
</div>
<img src="images/ImagesLea/awakening.jpg">
</article> </article>
<article id="vorsPrize"> <article id="vorsPrize">
@@ -86,6 +82,8 @@
le réveil abrupt a probablement endommagé ses souvenirs. le réveil abrupt a probablement endommagé ses souvenirs.
</p> </p>
</article> </article>
</main> </main>
<footer>DATE_WEBSITE</footer> <footer>DATE_WEBSITE</footer>

39
www/sousPageLore2.html
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arc 2</title>
</head>
<body class="lore">
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<main>
<table>
<tr>
<th><a href="#awakening">Éveil</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>
</main>
<footer>DATE_WEBSITE</footer>
</body>
</html>

39
www/sousPageLore3.html
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arc 3</title>
</head>
<body class="lore">
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<main>
<table>
<tr>
<th><a href="#awakening">Éveil</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>
</main>
<footer>DATE_WEBSITE</footer>
</body>
</html>

39
www/sousPageLore4.html
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arc 4</title>
</head>
<body class="lore">
<nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="aPropos.html">À propos</a></li>
<li><a href="team.html">L'équipe</a></li>
<li><a href="#">Histoire de DE</a></li>
<li><a href="lore.html">Univers Sci-fi</a></li>
<li><a href="#">Missions</a></li>
<li><a href="armures.html">Armures</a></li>
</ul>
</nav>
<main>
<table>
<tr>
<th><a href="#awakening">Éveil</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>
</main>
<footer>DATE_WEBSITE</footer>
</body>
</html>