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

Compare commits

base: Dev_Web:aac94d1a5e9651a20d44f79a40ed5ed4419bc5ba
Branches Tags
Dev_Web:main
...
compare: Dev_Web:be1da33244925f688beb2cb55ea36e8323fd84ec
Branches Tags
Dev_Web:main

2 Commits
aac94d1a5e ... be1da33244

Author SHA1 Message Date
LD
be1da33244 Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01 2025-11-20 07:58:05 -05:00
LD
e9cc68e35e 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 2025-11-20 07:58:02 -05:00
6 changed files with 167 additions and 47 deletions
Expand all files Collapse all files

9
www/css/style.css
View File

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

30
www/lore.html
View File

@@ -7,21 +7,20 @@
<title>Lore</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>
<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>
<article>
@@ -30,7 +29,8 @@
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.</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>
<h3>Cliquez sur l'image pour sauter à la page concernant l'arc voulu!</h3>
<table>

58
www/sousPageLore1.html
View File

@@ -7,22 +7,21 @@
<title>Arc 1</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>
<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>
<tr>
<th><a href="#awakening">Éveil</a></th>
@@ -38,20 +37,17 @@
<h1>Arc 1: Éveil</h1>
<article id="awakening">
<h2>Éveil</h2>
<div>
<p>
La première chose que les nouveaux joueurs rencontrent en choisissant le premier chemin est une cinématique poignante
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
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>
<img src="images/ImagesLea/awakening.jpg">
</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).
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
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
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
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">
</article>
<article id="vorsPrize">
@@ -86,6 +82,8 @@
le réveil abrupt a probablement endommagé ses souvenirs.
</p>
</article>
</main>
<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>