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 6ebd89ed7f
commit db2e2f1f3f
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 */

6
www/lore.html
View File

@@ -7,7 +7,6 @@
<title>Lore</title> <title>Lore</title>
</head> </head>
<body class="lore"> <body class="lore">
<main>
<nav> <nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"> <img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
@@ -21,7 +20,7 @@
<li><a href="armures.html">Armures</a></li> <li><a href="armures.html">Armures</a></li>
</ul> </ul>
</nav> </nav>
<main>
<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>

16
www/sousPageLore1.html
View File

@@ -7,7 +7,6 @@
<title>Arc 1</title> <title>Arc 1</title>
</head> </head>
<body class="lore"> <body class="lore">
<main>
<nav> <nav>
<img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"> <img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4">
@@ -21,8 +20,8 @@
<li><a href="armures.html">Armures</a></li> <li><a href="armures.html">Armures</a></li>
</ul> </ul>
</nav> </nav>
<main>
<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,11 +37,10 @@
<h1>Arc 1: Éveil</h1> <h1>Arc 1: Éveil</h1>
<article id="awakening"> <article id="awakening">
<h2>Éveil</h2>
<div> <div>
<h2>Éveil</h2>
<p> <p>
La première chose que les nouveaux joueurs rencontrent en choisissant le premier chemin est une cinématique poignante 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. 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) Le joueur apprend de l’information sur sa propre faction, les <em>Tennos</em> (Ten-noes)
@@ -50,8 +48,6 @@
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. 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>. Après l’introduction, une voix féminine demande au joueur son premier choix : Celui de sa <em>Warframe</em>.
</p> </p>
<img src="images/ImagesLea/awakening.jpg">
</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>