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

modification d'images pour l'accueil et intégration d'une vidéo

Browse Source
This commit is contained in:
LD
2025-11-28 13:43:52 -05:00
parent 190e5617d3
commit e58387373d
13 changed files with 319 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
www/css/style.css
View File

@@ -139,14 +139,25 @@ footer {
width: 100%;
}
.accueil header {
background: #13172c url("../images/ImagesLea/warframeEnvironment.jpg") center/cover;
.accueil header div {
width: 100%;
padding: 5%;
}
.accueil header div {
.accueil #video {
width: 100%;
height: auto;
display: block;
}
.accueil #texte {
background-color: #13172cb0;
height: 75vh;
padding: 5%;
position: absolute;
top: 5%;
left: 50%;
padding-bottom: 36.6%;
transform: translate(-50%, 0);
z-index: 10;
}
.accueil #rencontreEquipe {
@@ -206,7 +217,7 @@ footer {
}
.accueil #histoireDE {
background: #13172c url("../images/ImagesLea/warframeFight.jpg") center/cover;
background: #13172c url("../images/ImagesLea/warframeStoryDE.jpg") center/cover;
}
.accueil .fondOpaqueGauche {
@@ -217,7 +228,7 @@ footer {
}
.accueil #universSciFi {
background: #13172c url("../images/ImagesLea/warframesInfested.jpg") center/cover;
background: #13172c url("../images/ImagesLea/sciFi1999.jpg") bottom/cover;
}
.accueil #universSciFi h2 {
@@ -232,11 +243,11 @@ footer {
}
.accueil #stylesMission {
background: #13172c url("../images/ImagesLea/weapons.jpg") top/cover;
background: #13172c url("../images/ImagesLea/warframeOrowyrm.jpg") top/cover;
}
.accueil #armures {
background: #13172c url("../images/ImagesLea/WarframeZephyr.jpg") top/cover;
background: #13172c url("../images/ImagesLea/warframeWeapons.jpg") top/cover;
}
/****************************/
@@ -546,40 +557,59 @@ footer {
/* AUTEUR: Léa */
/**************************************/
.lore {
background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
.lore:not(footer) {
background-color: #13172c;
background-size: cover;
background-position: top;
color: #ffefe5;
}
.lore main {
margin: 0px auto 1% auto;
width: 85%;
.lore header {
background: #13172c url("../images/ImagesLea/warwithin.jpg") center/cover;
}
.lore main .exception p {
margin: auto;
padding: 1% 35% 5% 1%;
.lore header div {
background-color: #13172cb0;
padding: 5%;
}
.lore header h1 {
margin-left: -10px;
width: 60%;
font-size: 4.5rem;
}
.lore h1 {
margin-top: 30px;
font-size: 3.5rem;
margin-top: 25px;
margin-left: 8%;
font-size: 4.5rem;
}
.lore h2,
.lore h3 {
margin: 10px;
margin: 10px 0px;
}
.lore main p:not(.droite p),
.lore main h2:not(.droite h2) {
margin: auto;
padding: 1% 35% 1% 2.5%;
}
.lore article p,
blockquote {
margin: 10px 10px;
.lore article blockquote {
margin: 10px 0px;
}
.lore blockquote {
width: 80%;
.lore .droite blockquote {
margin: auto;
padding: 1% 35% 1% 0%;
font-weight: bold;
}
.lore blockquote:not(.droite blockquote) {
margin: auto;
padding: 1% 65% 1% 2.5%;
font-weight: bold;
}
@@ -612,18 +642,26 @@ blockquote {
width: 90%;
}
.lore article img:not(.specialAlign img) {
border-radius: 20px;
width: 30%;
.lore .fondOpaqueGauche {
background-color: #13172cb0;
text-align: left;
height: 75vh;
padding: 5%;
margin: auto;
}
.lore article:not(.exception) {
margin: 15px 0px;
scroll-margin-top: 110px;
display: flex;
align-items: flex-start;
.lore .fondOpaqueDroite {
background-color: #13172cb0;
height: 75vh;
padding: 5%;
}
.lore .droite {
margin: auto;
padding: 1% 0% 1% 35%;
}
.lore th a,
blockquote a {
color: #c19f8a;

BIN
www/images/ImagesLea/WarframeZephyr.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 38 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 501 KiB

BIN
www/images/ImagesLea/warframeFight.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 38 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
www/images/ImagesLea/warframesInfested.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
www/images/ImagesLea/weapons.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

13
www/index.html
View File

@@ -26,17 +26,24 @@
<main>
<header>
<div>
<section>
<div id="texte">
<h1>WARFRAME : <br> Toute une histoire</h1>
<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un guerrier
<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un
guerrier
d’élite
utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et dynamiques
utilisant une armure Warframe dotée de pouvoirs uniques. Au fil de missions rapides et
dynamiques
mêlant
tir, mêlée et parkour, vous affrontez diverses factions dans un univers de science-fiction en
constante
évolution. Grâce à une grande liberté de personnalisation et à un contenu régulièrement enrichi,
Warframe offre une expérience profonde, fluide et accessible en équipe comme en solo.</p>
</div>
<video autoplay muted loop playsinline id="video">
<source src="medias/mediasLea/warframeIntro.mp4" type="video/mp4">
</video>
</section>
</header>
<section> <!--Rencontrer l'équipe-->

19
www/lore.html
View File

@@ -25,19 +25,20 @@
</nav>
<main>
<article class="exception">
<header>
<div>
<h1>Comment commence <em>Warframe</em>?</h1>
<p>Depuis l’année 2024, les nouveaux joueurs ont accès à deux débuts qui finissent par converger.
Le premier est celui qui est considéré <em>«Canon»</em> dans l’univers de Warframe tandis que le
deuxième
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
joueur pourrait être plus désorientant qu’autre chose même s’il l’introduit tout de suite à toutes
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>
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>
<h3>Cliquez sur l'image pour sauter à la page concernant l'arc voulu!</h3>
<table>
<tr>
@@ -61,12 +62,10 @@
</tr>
</table>
</div>
</header>
</main>
<aside>
<div class="nextArc"><a href="sousPageLore1.html">Suivant</a></div>
</aside>
<footer>
<p>© Léa Dezothez. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
<p id="updateDate">DATE_WEBSITE</p>

BIN
www/medias/mediasLea/warframeIntro.mp4 LFS Normal file
View File

Binary file not shown.

160
www/sousPageLore1.html
View File

@@ -37,59 +37,75 @@
</tr>
</table>
<h1>Arc 1: Éveil</h1>
<section class="fondOpaqueGauche">
<article id="awakening">
<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).
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
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.
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
un capitaine grineer du nom de <em>Vor</em>. Il dit qu’il offrira cette warframe à ses reines et une
un capitaine grineer du nom de <em>Vor</em>. Il dit qu’il offrira cette warframe à ses reines et
une
voix féminine
provoque une vague d’énergie depuis notre <em>Warframe</em>. Le combat commence avec les bases du
provoque une vague d’énergie depuis notre <em>Warframe</em>. Le combat commence avec les bases
du
déplacement
ainsi que de l’utilisation des habiletés. Après quelques escarmouches, le Tenno arrive au vaisseau
ainsi que de l’utilisation des habiletés. Après quelques escarmouches, le Tenno arrive au
vaisseau
que la voix féminine,
qui s’appelle <em>Lotus</em>, a prévu pour le joueur. Le vaisseau se fait exploser par les grineers
qui s’appelle <em>Lotus</em>, a prévu pour le joueur. Le vaisseau se fait exploser par les
grineers
et le Tenno se
retrouve forcé de se battre contre Vor pour ensuite essayer de trouver un nouveau vaisseau. Lotus
retrouve forcé de se battre contre Vor pour ensuite essayer de trouver un nouveau vaisseau.
Lotus
repère un autre
vaisseau qu’il faut protéger le temps que Lotus pirate le contrôle de l’ennemi et permette au Tenno
vaisseau qu’il faut protéger le temps que Lotus pirate le contrôle de l’ennemi et permette au
Tenno
de s’enfuir.
Dans le vaisseau, le Tenno fait la rencontre du <em>Cephalon</em> (Cé-pha-lon), une conscience
cristalisée
cristallisée
qui sert d’unité de maintenance autonome du vaisseau. Ces entités sont des humains qui ont été
réduis à l’état de
données et reprogrammé par une autre des faction nommée <em>Orokin</em> (Oro-kine).
Celui qui réside dans le vaisseau du Tenno s’appelle <em>Ordis</em> et est considérée défectueuse
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
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" alt="Les 3 warframes de départ" class="specialAlign">
</article>
</section>
<section class="fondOpaqueDroite">
<article id="vorsPrize">
<img src="images/ImagesLea/vorSPrize.jpg" alt="Image de Vor avec une clé du néant">
<div>
<div class="droite">
<h2>Le prix de Vor</h2>
<p>
Maintenant que le Tenno est dans l’espace, il faut trouver un moyen d’enlever l’<em>ascaris</em> et
Maintenant que le Tenno est dans l’espace, il faut trouver un moyen d’enlever l’<em>ascaris</em>
et
récupérer
les segments du vaisseau manquant. Ces successions de quêtes permettent de montrer au joueur
certains
@@ -99,9 +115,11 @@
d’augmenter et changer
les statistiques de sa warframe et de ses armes. Une fois l’<em>ascaris</em> enlevé, le Tenno
confronte Vor et son armée de
grineer. À l’aide d’autres joueurs ou seul, un combat de boss appelé assassinat est commencé. C’est
grineer. À l’aide d’autres joueurs ou seul, un combat de boss appelé assassinat est commencé.
C’est
un type de quête
répétitif qui peut donner en récompense des schémas pour d’autres armes ou warframes. Une fois la
répétitif qui peut donner en récompense des schémas pour d’autres armes ou warframes. Une fois
la
mission terminée,
le Tenno intercepte un message de Vor à ses reines où il les avertit de la menace que le Tenno
représente, mais que
@@ -109,32 +127,38 @@
</p>
</div>
</article>
</section>
<section class="fondOpaqueGauche">
<article id="professor">
<div>
<h2>Le Professeur</h2>
<p>
Une quête qui a été ajouté récemment introduit ensuite le Tenno plus en profondeur dans l’univers
des mods et comment les utiliser pour rendre la warframe et ses armes plus puissantes. Cette quête
introduit aussi un personnage important qui s’appelle <em>Teshin</em>(Tes-shine). Il est la figure
Une quête qui a été ajouté récemment introduit ensuite le Tenno plus en profondeur dans
l’univers
des mods et comment les utiliser pour rendre la warframe et ses armes plus puissantes. Cette
quête
introduit aussi un personnage important qui s’appelle <em>Teshin</em>(Tes-shine). Il est la
figure
enseignante
et paternelle pour le Tenno lors de son aventure. C’est aussi le personnage qui donne accès au
<em>Steel Path</em>,
qui se débloque uniquement une fois que le joueur a complété au moins une fois toutes les missions
qui se débloque uniquement une fois que le joueur a complété au moins une fois toutes les
missions
de la
carte solaire. Ce contenu est considéré comme de fin de jeu, pour plus de difficulté une fois toutes
carte solaire. Ce contenu est considéré comme de fin de jeu, pour plus de difficulté une fois
toutes
les missions
terminées.
</p>
</div>
<img src="images/ImagesLea/theTeacher.jpg" alt="Quete Le professeur">
</article>
</section>
<section class="fondOpaqueDroite">
<article id="voxSolaris">
<div class="wrap">
<img src="images/ImagesLea/voxSolaris.jpg" alt="L'intérieur de Fortuna">
<div class="text">
<div class="droite">
<h2>Vox Solaris</h2>
<blockquote>
<em>« Vous pouvez commencer cette Quête immédiatement après être entré à Fortuna :
@@ -150,7 +174,7 @@
<p> Cette colonie est sous le joug des <em>Corpus</em>(cor-puss), une faction gouvernée par le
profit.
Le contremaitre de la zone, <em>Eudico</em>(yu-dit-co), a besoin d’aide. Il faut monter à la
Le contremaître de la zone, <em>Eudico</em>(yu-dit-co), a besoin d’aide. Il faut monter à la
surface de Vénus
appelé la Vallée Orbis. Elle a besoin que l’on pille des caches corpus, retrouve les corps
d’agents disparus,
@@ -163,47 +187,50 @@
Thursby et l’Union Solaris s’ensuit.
</p>
</div>
</div>
</article>
</section>
<section class="fondOpaqueGauche">
<article id="onceAwake">
<div>
<h2>Autrefois Éveillés</h2>
<p>
Cette quête utilise beaucoup de missions de type défense où il faut défendre un objectif contre
des vagues d’ennemis ainsi que des missions de type espionnage, où il faut s’infiltrer sans activer
les alarmes et récupérer des informations et ressources. Cette mission commence par le Lotus qui
nous
envoi un couriel via la messagerie du jeu avec en pièce jointe un fichier Grineer décodé qui
mentionne
une arme biologique. Le Tenno doit ensuite effectuer une mission d’espionnage pour en apprendre plus
sur
des vagues d’ennemis ainsi que des missions de type espionnage, où il faut s’infiltrer sans
activer les alarmes et récupérer des informations et ressources. Cette mission commence par le
Lotus qui
nous envoi un courier via la messagerie du jeu avec en pièce jointe un fichier Grineer décodé
qui
mentionne une arme biologique. Le Tenno doit ensuite effectuer une mission d’espionnage pour en
apprendre plus sur
cette arme. Après la deuxième pièce d’information trouvée, le Tenno apprend la présence d’une
nouvelle
faction ennemie appelé les Infestés. Cette faction attaque autant les Grineers que les Tennos et
inflige
du poison comme effet de statut. Une quête d’extermination suit celle d’espionnage pour tuer le plus
d’infestés possible. Le Lotus propose ensuite d’utiliser une bombe cascade pour détruire l’origine
des infestés.
La proposition provoque une quête de type défense où il faut protéger la bombe le temps qu’elle
s’amorce. Malgré
tout ses efforts, le Tenno n’arrive pas à éradiquer la présence des infestés sur la carte solaire.
nouvelle faction ennemie appelé les Infestés. Cette faction attaque autant les Grineers que les
Tennos et
inflige du poison comme effet de statut. Une quête d’extermination suit celle d’espionnage pour
tuer le
plus d’infestés possible. Le Lotus propose ensuite d’utiliser une bombe cascade pour détruire
l’origine
des infestés. La proposition provoque une quête de type défense où il faut protéger la bombe le
temps qu’elle
s’amorce. Malgré tout ses efforts, le Tenno n’arrive pas à éradiquer la présence des infestés
sur la carte solaire.
</p>
</div>
<img src="images/ImagesLea/onceAwake.jpg" alt="Image emblème de la mission Autrefois Éveillés">
</article>
</section>
<section class="fondOpaqueDroite">
<article id="deimos">
<img src="images/ImagesLea/cambionDrift.jpg" alt="image du Puy de Cambion">
<div>
<div class="droite">
<h2>Coeur de Deimos</h2>
<p>
Cette Quête commence avec le message d'un nouveau personnage mystérieux appelé Loid.
Le Cœur de Deimos présente un nouveau paysage ouvert, connu sous le nom de Puy de Cambion
ainsi qu'une zone sécurisée centrale appelée le Necralisk. Cette zone est la maison infestée
d’une faction appelée la famille Entrati. Une vieille famille Orokin qui a perdu leurs vrais noms
d’une faction appelée la famille Entrati. Une vieille famille Orokin qui a perdu leurs vrais
noms
ainsi que leur apparence humaine, ils ont été assimilés par l’infestation de l’astéroïde nommé
Deimos.
Cloués sur place, ils ont besoin du Tenno pour effectuer différents types de missions, comme des
@@ -211,26 +238,33 @@
Elle introduit aussi un twist à la pêche au harpon possible sur terre avec ses propres harpons
qui peuvent percer la couche gélatineuse appelé exocrine qui sert de rivière à l’environnement
infesté.
Lors de la mission d’introduction, le Tenno est aussi introduit au <em>Nécramech</em>(né-cra-mec),
Lors de la mission d’introduction, le Tenno est aussi introduit au
<em>Nécramech</em>(né-cra-mec),
une ancienne
machine de guerre hautement performante. Lorsque la mission est terminée, le Tenno peut faire des
machine de guerre hautement performante. Lorsque la mission est terminée, le Tenno peut faire
des
activités
variées dans le Puy de Cambion, d’exploration libres à des primes offerte par le pnj appelé Mère.
variées dans le Puy de Cambion, d’exploration libres à des primes offerte par le pnj appelé
Mère.
Les divers
personnages de cette famille offrent tous différents schémas et ressources dans une thématique. Père
personnages de cette famille offrent tous différents schémas et ressources dans une thématique.
Père
offre des
armes modulaires et les schémas pour créer la warframe Xaku, Fils offre au joueur de revivifier des
armes modulaires et les schémas pour créer la warframe Xaku, Fils offre au joueur de revivifier
des
spécimens
infestés pour les utiliser en tant que compagnons, Sœur s’occupe de dépecer les poissons que le
Tenno lui apporte
et Grand-mère permet d’échanger les jetons variés qui sont offerts en récompense des primes de Mère.
et Grand-mère permet d’échanger les jetons variés qui sont offerts en récompense des primes de
Mère.
</p>
</div>
</article>
</section>
<section class="fondOpaqueGauche">
<article id="archwing">
<div class="wrap">
<div class="text">
<div>
<h2>L'Archwing</h2>
<blockquote>
<em>« La récompense principale de cette Quête, l'Archwing, est une pièce d'équipement
@@ -243,9 +277,9 @@
<p> La quête commence avec la menace d’un officier Grineer qui rentre en possession
d’un groupe de vaisseau appelé la flotte Fomorienne. Le conseiller Vay Hek déclare
la guerre aux corpus. Pour le stopper, le Tenno doit reconstruire des ailes mécaniques de
l’ère Orokin ainsi que ses armes de mélée et de distance appelé <em>Archmelee</em> et
l’ère Orokin ainsi que ses armes de mêlée et de distance appelé <em>Archmelee</em> et
<em>Archgun</em>
(Arc-mélée et Arc-gun). Ces ailes permettent au Tenno d’engager en combat spatial la flotte.
(Arc-mêlée et Arc-gun). Ces ailes permettent au Tenno d’engager en combat spatial la flotte.
Malgré le sabotage réussi, la flotte Fomorienne n’est pas détruite et cette flotte devient un
évènement communautaire récurrent. Cet évènement se situe autour des relais Tenno où la flotte
tente de détruire la structure spatiale. Si l’évènement se conclue par un échec, le relais
@@ -257,9 +291,9 @@
zones ouvertes de la Terre, de Vénus et de Deimos.
</p>
</div>
<img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace">
</div>
</article>
</section>
</main>
<aside>
<div class="nextArc"><a href="lore.html">Menu</a></div>