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

modification des classes et ajout du aside en-dehors du main sur les pages de lore

Browse Source
This commit is contained in:
LD
2025-11-23 14:05:44 -05:00
parent e1b4d532eb
commit de2da735be
7 changed files with 48 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
www/css/style.css
View File

@@ -252,6 +252,7 @@ footer {
.lore article { .lore article {
width: 95%; width: 95%;
margin: 15px 0px; margin: 15px 0px;
scroll-margin-top: 110px;
} }
.lore th a, blockquote a{ .lore th a, blockquote a{
@@ -325,10 +326,6 @@ footer {
border-radius: 20px; border-radius: 20px;
} }
.lore article {
scroll-margin-top: 110px;
}
.lore #apostasy img { .lore #apostasy img {
border-radius: 20px; border-radius: 20px;
margin-top: 3.5%; margin-top: 3.5%;

BIN
www/images/ImagesLea/duviriParadox.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

4
www/lore.html
View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Univers Sci-fi</title> <title>Univers Sci-fi</title>
</head> </head>
<body> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a> <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -21,7 +21,7 @@
</ul> </ul>
</nav> </nav>
<main class="lore"> <main>
<article> <article>
<h1>Comment commence <em>Warframe</em>?</h1> <h1>Comment commence <em>Warframe</em>?</h1>

8
www/sousPageLore1.html
View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Arc 1</title> <title>Arc 1</title>
</head> </head>
<body> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a> <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -21,7 +21,7 @@
</ul> </ul>
</nav> </nav>
<main class="lore"> <main>
<table> <table>
<tr> <tr>
<th><a href="#awakening">Éveil</a></th> <th><a href="#awakening">Éveil</a></th>
@@ -204,13 +204,11 @@
<img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace"> <img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace">
</div> </div>
</article> </article>
</main>
<aside> <aside>
<div class="nextArc"><a href="lore.html">Menu</a></div> <div class="nextArc"><a href="lore.html">Menu</a></div>
<div class="nextArc"><a href="sousPageLore2.html">Suivant</a></div> <div class="nextArc"><a href="sousPageLore2.html">Suivant</a></div>
</aside> </aside>
</main>
<footer> <footer>
<p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p> <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>

8
www/sousPageLore2.html
View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Arc 2</title> <title>Arc 2</title>
</head> </head>
<body> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a> <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -21,7 +21,7 @@
</ul> </ul>
</nav> </nav>
<main class="lore"> <main>
<table> <table>
<tr> <tr>
<th><a href="#natah">Natah</a></th> <th><a href="#natah">Natah</a></th>
@@ -159,14 +159,12 @@
</p> </p>
</div> </div>
</article> </article>
</main>
<aside> <aside>
<div class="nextArc"><a href="lore.html">Menu</a></div> <div class="nextArc"><a href="lore.html">Menu</a></div>
<div class="nextArc"><a href="sousPageLore1.html">Précédent</a></div> <div class="nextArc"><a href="sousPageLore1.html">Précédent</a></div>
<div class="nextArc"><a href="sousPageLore3.html">Suivant</a></div> <div class="nextArc"><a href="sousPageLore3.html">Suivant</a></div>
</aside> </aside>
</main>
<footer> <footer>
<p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p> <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>

23
www/sousPageLore3.html
View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Arc 3</title> <title>Arc 3</title>
</head> </head>
<body> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a> <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -21,7 +21,7 @@
</ul> </ul>
</nav> </nav>
<main class="lore"> <main>
<table> <table>
<tr> <tr>
<th><a href="#PreludeToWar">Prélude à la guerre</a></th> <th><a href="#PreludeToWar">Prélude à la guerre</a></th>
@@ -72,12 +72,29 @@
</div> </div>
</div> </div>
</article> </article>
<article>
<2>Le paradoxe de Duviri</2>
<div class="wrap">
<div class="text">
<blockquote>
<em>« Cette Quête est accessible à tout moment après avoir déverrouillé la Jonction d'Uranus sur Saturne. Cependant, terminer Le Paradoxe Duviri n'est pas une condition préalable pour commencer une autre Quête de l'histoire principale jusqu'à L'Hexagone. Le royaume de Duviri est un lieu unique dans Warframe auquel vous pouvez accéder en démarrant la Quête du Paradoxe Duviri. Il vous fera découvrir le Voyageur, un nouveau personnage jouable similaire à votre Opérateur que vous contrôlerez la plupart du temps dans Duviri, avec son propre ensemble de Pouvoirs et d'armes. Vous pourrez accéder à une sélection de Warframes aléatoires pour le jeu dans certaines sections. »</em>
<a href="https://www.warframe.com/fr/guides/quests/the-duviri-paradox">-Site officiel Warframe</a>
</blockquote>
<p>
Le Paradoxe de Duviri introduit un nouveau mode de transport, le Kaithe(Kaé-the). C’est un cheval magique de Duviri, un environnement qui change pour aller avec les émotions de son souverain, dans ce qui s’appelle une <em>Spirale</em>. Le voyageur est un personnage qui a vécu plusieurs centaines de spirales où il meurt exécuté par <em>Dominus Thrax</em>, son ami d’enfance devenu tyrant par le fait que le voyageur est le seul qui ait vieilli et changé. Éventuellement, il brise le cycle lorsque l’opérateur se fait tuer par Ballas. Le principe est que l’opérateur est la version du joueur qui a été « sauvé » par les Orokins, tandis que le voyageur est la version de lui qui a dû survivre seul, créant dans le néant le monde de Duviri à partir de ses souvenirs d’un livre qui devait montrer aux enfants du <em>Zariman</em> à gérer leurs émotions. Une fois la quête terminée, le voyageur peut y retourner n’importe quand, car le contenu a un format de <em>Roguelike</em> avec des missions à faire pour se rendre plus fort et ensuite abattre le boss, un <em>Orowyrm</em> de l’élément de l’émotion principale lors de la Spirale (Colère, peur, joie, tristesse, envie). Comparé à l’opérateur, le voyageur utilise un fusil comme arme principale et pendant qu’il est dans Duviri, il a une arme de mélée en plus.
</p>
</div>
<img src="images/ImagesLea/duviriParadox.jpg" alt="Image officielle pour le début de la quête du paradoxe de duviri">
</div>
</article>
</main>
<aside> <aside>
<div class="nextArc"><a href="lore.html">Menu</a></div> <div class="nextArc"><a href="lore.html">Menu</a></div>
<div class="nextArc"><a href="sousPageLore2.html">Précédent</a></div> <div class="nextArc"><a href="sousPageLore2.html">Précédent</a></div>
<div class="nextArc"><a href="sousPageLore4.html">Suivant</a></div> <div class="nextArc"><a href="sousPageLore4.html">Suivant</a></div>
</aside> </aside>
</main>
<footer> <footer>
<p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p> <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>

11
www/sousPageLore4.html
View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Arc 4</title> <title>Arc 4</title>
</head> </head>
<body> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a> <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
@@ -21,28 +21,23 @@
</ul> </ul>
</nav> </nav>
<main class="lore"> <main>
<table> <table>
<tr> <tr>
<th><a href="#awakening">Éveil</a></th> <th><a href="#awakening">Éveil</a></th>
<th><a href="#vorsPrize">Le prix de Vor</a></th> <th><a href="#vorsPrize">Le prix de Vor</a></th>
<th><a>Le professeur</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> </tr>
</table> </table>
<article> <article>
<p>Coming soon..</p> <p>Coming soon..</p>
</article> </article>
</main>
<aside> <aside>
<div class="nextArc"><a href="lore.html">Menu</a></div> <div class="nextArc"><a href="lore.html">Menu</a></div>
<div class="nextArc"><a href="sousPageLore3.html">Précédent</a></div> <div class="nextArc"><a href="sousPageLore3.html">Précédent</a></div>
</aside> </aside>
</main>
<footer> <footer>
<p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p> <p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>