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%; 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>