Public Access
5
0

Compare commits

..

2 Commits

8 changed files with 95 additions and 29 deletions

View File

@@ -83,27 +83,40 @@ nav img {
/* AUTEUR: Léa */
/**************************************/
.lore {
background-color: #C19F8A;
background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
background-size: cover;
background-position: top;
color: #FFEFE5;
}
.lore main{
margin: auto;
width: 1366px;
width: 1300px;
}
.lore h1, h2, h3{
margin: 10px;
}
.lore p{
margin: 10px;
.lore p, blockquote{
margin-left: 10px;
margin-top: 15px;
}
.lore blockquote {
width: 60%;
font-weight: bold;
}
.lore table{
width: 80%;
width: 100%;
position: sticky;
top: 1px;
border: 2px solid #FFEFE5;
margin: auto;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
background-color: #13172c;
}
.lore th{
@@ -125,16 +138,40 @@ nav img {
.lore article {
width: 95%;
margin: 15px 0px;
}
#awakening {
.lore th a, blockquote a{
color: #C19F8A;
}
#awakening, #vorsPrize {
display: flex;
align-items: flex-start;
align-items: center;
}
#awakening img {
padding: 10px;
margin-top: 5%;
}
#vorsPrize img{
width: 25%;
padding: 10px;
}
.lore .wrap {
display: flex;
align-items: flex-start;
}
.lore .text {
width: 70%;
flex-grow: 1;
}
#PreludeToWar img {
width: 30%;
flex-shrink: 0;
margin-left: 5px;
}
/****************************/
/* PAGE: Missions */

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 5.8 MiB

View File

@@ -64,10 +64,12 @@
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">
<img src="images/ImagesLea/awakening.jpg" alt="Les 3 warframes de départ">
</article>
<article id="vorsPrize">
<img src="images/ImagesLea/vorSPrize.jpg" alt="Image de Vor avec une clé du néant">
<div>
<h2>Le prix de Vor</h2>
<p>
@@ -81,6 +83,7 @@
le Tenno intercepte un message de Vor à ses reines où il les avertit de la menace que le Tenno représente, mais que
le réveil abrupt a probablement endommagé ses souvenirs.
</p>
</div>
</article>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Arc 2</title>
</head>
<body class="lore">

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Arc 3</title>
</head>
<body class="lore">
@@ -20,18 +21,41 @@
</ul>
</nav>
<main>
<table>
<tr>
<th><a href="#awakening">Éveil</a></th>
<th><a href="#PreludeToWar">Prélude à la guerre</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>
<h1>Arc 3: Saga de la nouvelle Guerre</h1>
<article id="PreludeToWar">
<h2>Prélude à la guerre</h2>
<div class="wrap">
<div class="text">
<blockquote>
<em>« Il s'agit en fait d'une série de trois brèves vignettes (comme le Prologue Apostasie) qui
fonctionnent comme une introduction narrative à La Nouvelle Guerre. Ces chapitres incluent Prologue Chimère,
Erra, et Le Créateur. »</em>
<a href="https://www.warframe.com/fr/guides/quests/prelude-to-war">-Site officiel Warframe</a>
</blockquote>
<p> Ce sont trois cinématiques plus ou moins longue qui introduisent
en douceur le Tenno à la guerre qui sen vient, entre les Sentient et les autres factions. Lors du prologue chimère,
le Tenno apprend que Ballas est vivant, converti en un amalgame par Natah. Il finit par donner au Tenno le Paracesis,
une arme capable de détruire les Sentient. Avec la mini quête Erra, lopérateur a une vision où il voit Natah et son
frère Erra parler de leurs plans pour éradiquer les Tennos. Dans Le Créateur, le Tenno voit encore le Lotus et Erra,
ce dernier essayant de rappeler à sa sœur quelle doit finir la guerre, celle-ci pensant encore quils mènent
lancienne guerre contre les Orokins.</p>
</div>
<img src="images/ImagesLea/preludeToWar.jpg">
</div>
</article>
</main>
<footer>DATE_WEBSITE</footer>

View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Arc 4</title>
</head>
<body class="lore">