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

Refonte graphique de la page d'histoire DE + Ajout du texte

Browse Source
This commit is contained in:
Jeremy
2025-11-30 19:07:55 -05:00
parent 6cd978a05c
commit c7c07192db
2 changed files with 156 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
www/css/style.css
View File

@@ -310,6 +310,7 @@ footer {
display: flex;
justify-content: center;
}
.aPropos form {
width: 70ch;
margin: auto;
@@ -335,6 +336,7 @@ Couleur texte : #FFEFE5
.aPropos p {
width: 100%;
}
.aPropos #contactInfo {
background-color: #273A56;
padding: 10px;
@@ -344,11 +346,12 @@ Couleur texte : #FFEFE5
.aPropos a:link {
color: #E6ECF3;
font-weight:800;
font-weight: 800;
text-decoration: underline;
text-align: right;
float: right;
}
.aPropos a:visited {
color: #c19f8a;
@@ -489,7 +492,7 @@ Couleur texte : #FFEFE5
/* AUTEUR: Jérémy */
/****************************/
.histoire {
background: #13172c url("../images/imagesTeam/Intro.png") center;
background: #13172c center;
background-size: cover;
background-position: top;
color: #ffefe5;
@@ -520,7 +523,7 @@ Couleur texte : #FFEFE5
text-decoration: none;
color: #ffefe5;
padding: 10.8px 16px;
margin: 0 4px;
margin: 160px 4px;
background-color: #13172c;
border-radius: 20px;
}
@@ -534,73 +537,92 @@ Couleur texte : #FFEFE5
margin: auto;
}
.histoire div.titre {
grid-area: titre;
text-align: center;
font-size: 2rem;
padding-top: 66px;
}
.histoire div.grilleGauche {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: flex-start;
grid-template-areas:
"image soustitre"
"image description";
grid-template-columns: 1fr 5fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
}
.histoire div.grilleDroite {
background-color: rgb(19 23 44 / 90%);
border-radius: 20px;
display: grid;
align-items: flex-start;
grid-template-areas:
"soustitre image"
"description image";
grid-template-columns: 5fr 1fr;
grid-template-rows: 1fr 5fr;
padding: 16px;
margin: 16px 5%;
text-align: justify;
}
.histoire div.image {
grid-area: image;
grid-template-columns: 15%;
.histoire section article {
display: flex;
justify-content: center;
padding: 16px;
height: 50vh;
align-items: center;
}
.histoire div.soustitre {
grid-area: soustitre;
grid-template-columns: 85%;
text-align: center;
.histoire section article.grilleGauche {
text-align: left;
}
.histoire div.description {
grid-area: description;
grid-template-columns: 85%;
.histoire section article.grilleDroite {
text-align: right;
}
.histoire div.image img {
width: 100%;
aspect-ratio: 1 / 1;
/* hauteur = largeur */
border-radius: 20%;
.histoire section article#contexte {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre1 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre2 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre3 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre4 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre5 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre6 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre7 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article#chapitre8 {
background: #13172c url("../images/imagesDE/temporaire.webp") center/cover fixed;
}
.histoire section article div.box {
background-color: rgba(19, 23, 44, 0.8);
padding: 16px;
margin: 16px;
border-radius: 20px;
}
.histoire div.grilleDroite:hover,
.histoire div.grilleGauche:hover {
background-color: rgba(39, 58, 86, 90%);
.histoire section article div.box:hover {
background-color: rgba(39, 58, 86, 0.9);
}
.histoire section article.grilleGauche div.box {
margin-right: 50%;
}
.histoire section article.grilleDroite div.box {
margin-left: 50%;
}
.histoire section article h2,
.histoire section article h3,
.histoire section article p {
padding: 8px 0;
}
.histoire section article h2.titre {
font-size: 2rem;
}
.histoire section article h3.nomChapitre {
font-size: 1.5rem;
}
.histoire section article p.contenuChapitre {
font-size: 1rem;
}
/**************************************/

270
www/histoire.html
View File

@@ -29,213 +29,93 @@
<div class="introduction">
<h1>L'histoire de Digital Extremes</h1>
<p>Plonger dans l'histoire fascinante de Digital Extremes</p>
<a href="#goToTitre">Plus d'infos</a>
<a href="#contexte">Plus d'infos</a>
</div>
</header>
<div class="titre" id="goToTitre">
<h2>La face cachée de Warframe</h2>
</div>
<section>
<div class="grilleGauche">
<div class="image"><img src="images/imagesDE/DELogo-WhiteOnBlueRGB.png" alt="Logo de Digital Extremes"></div>
<div class="soustitre">
<h3>Histoire du fondateur</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleGauche" id="contexte">
<div class="box">
<h2 class="titre">La face cachée de Warframe</h2>
<p class="contenuChapitre">
Warframe est aujourd’hui un pilier du jeu en ligne, un univers singulier mêlant science-fiction organique et combats rapides. Pourtant, derrière son apparence futuriste, son existence même tient du miracle. Le jeu est né à une époque où Digital Extremes, son studio créateur, était au bord de l’effondrement après dix années difficiles. L’histoire de Warframe est celle d’un sauvetage inattendu, d’une idée persistante et d’une équipe déterminée à se réinventer.
</p>
</div>
</article>
<div class="grilleDroite">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Collaboration avec Epic Games</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleDroite" id="chapitre1">
<div class="box">
<h3 class="nomChapitre">Les Premiers Pas de James Schmalz</h3>
<p class="contenuChapitre">
L’histoire commence avec James Schmalz, un passionné qui crée des jeux par loisir bien avant d’en faire une profession. Pendant ses études universitaires, il réalise un petit jeu, Legends of Murder, vendu à un magazine pour un montant modeste mais révélateur de son potentiel. Inspiré par des œuvres de science-fiction, il conçoit ensuite Solar Winds, qui attire l’attention d’Epic MegaGames. Ce premier succès est suivi d’un autre encore plus important, Epic Pinball, qui lui apporte une notoriété suffisante pour fonder Digital Extremes.
</p>
</div>
</article>
<div class="grilleGauche">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Publication d’un jeu sous l’éditeur Epic Games</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleGauche" id="chapitre2">
<div class="box">
<h3 class="nomChapitre">La Décennie Unreal Tournament</h3>
<p class="contenuChapitre">
Durant près de dix ans, Digital Extremes collabore étroitement avec Epic Games sur la franchise Unreal Tournament. Les deux studios travaillent presque comme une seule entité, partageant leurs équipes et leurs talents. Cette période voit naître certains des jeux multijoueurs les plus marquants de leur époque. Cependant, lorsque les deux entreprises prennent des chemins différents, Digital Extremes cherche à établir son propre projet ambitieux.
</p>
</div>
</article>
<div class="grilleDroite">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Dark Sector</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleDroite" id="chapitre3">
<div class="box">
<h3 class="nomChapitre">Le Piège du Travail à Louer</h3>
<p class="contenuChapitre">
Le studio décide alors de se lancer dans un projet interne, Dark Sector, voulu comme une nouvelle grande franchise de science-fiction. Au lieu de leur offrir l’indépendance créative, ce prototype les enferme dans un cycle de travail à la demande pour différents éditeurs. Pariah, Warpath, l’adaptation PlayStation 3 de Bioshock et une version transformée de Dark Sector sont produits durant cette période. Le studio survit, mais la créativité s’érode. Pourtant, au cœur de ces années difficiles, un concept refuse de disparaître : celui d’un monde de science-fiction sombre, évolutif, formé d’armures vivantes et de technologie organique. C’était la racine de Warframe.
</p>
</div>
</article>
<div class="grilleGauche">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Passage au <em>Free-to-Play</em></h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleGauche" id="chapitre4">
<div class="box">
<h3 class="nomChapitre">Neuf Mois pour Recommencer</h3>
<p class="contenuChapitre">
Lorsque le marché du jeu vidéo se transforme et que les contrats se raréfient, Digital Extremes se retrouve en situation critique. La décision est prise de ressusciter l’ancienne idée de Dark Sector et d’en faire un nouveau jeu en ligne. Le studio dispose de neuf mois pour créer un prototype jouable, concevoir un site fonctionnel, bâtir une infrastructure en ligne complète et construire les fondations d’un modèle économique. Sans expérience dans le domaine des jeux persistants, l’équipe se lance dans une course contre la montre. L’objectif est clair : sortir un jeu minimal, mais fonctionnel, capable de servir de base pour l’avenir.
</p>
</div>
</article>
<div class="grilleDroite">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Création de Warframe</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleDroite" id="chapitre5">
<div class="box">
<h3 class="nomChapitre">Les Premiers Soutiens de la Communauté</h3>
<p class="contenuChapitre">
À son lancement, Warframe avance timidement. Digital Extremes propose alors un Pack Fondateur permettant de soutenir le développement du jeu. Les premiers achats surprennent l’équipe et leur offrent un encouragement vital. En parallèle, le studio réévalue rapidement son modèle économique. Les premiers systèmes favorisaient trop fortement les joueurs payants, ce qui menaçait de briser la confiance naissante. En janvier 2013, la décision est prise d’abandonner ces éléments, marquant la transition vers un modèle plus équitable. L’arrivée du jeu sur Steam quelques mois plus tard marque un tournant décisif : le public s’élargit brusquement et les revenus permettent enfin au studio de stabiliser sa situation.
</p>
</div>
</article>
<div class="grilleGauche">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>L’objectif</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleGauche" id="chapitre6">
<div class="box">
<h3 class="nomChapitre">L’Évolution Continue</h3>
<p class="contenuChapitre">
Une fois l’urgence de la survie passée, Digital Extremes adopte une philosophie simple : Warframe doit évoluer constamment pour rester attractif. Le studio développe de nouvelles zones, enrichit le système de mouvement, ajoute régulièrement des Warframes et ouvre la porte aux créations de la communauté à travers le programme Tennogen. Cette dynamique s’accompagne d’un dialogue constant avec les joueurs, rendu possible par des diffusions en direct, des événements communautaires et des mises à jour fréquentes. Les développeurs apprennent à intégrer certaines pratiques inventées par les joueurs eux-mêmes, transformant des exploits en mécaniques officielles lorsque celles-ci améliorent le plaisir de jeu.
</p>
</div>
</article>
<div class="grilleDroite">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Les secrets</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleDroite" id="chapitre7">
<div class="box">
<h3 class="nomChapitre">Un Univers Bizarre et Unique</h3>
<p class="contenuChapitre">
L’une des forces de Warframe réside dans son identité visuelle et narrative. Plutôt que de s’inspirer des productions hollywoodiennes, les artistes du studio se tournent vers des influences européennes, notamment le travail de Moebius. Le résultat est un univers étrange, biomécanique, parfois déroutant, mais toujours distinctif. Chaque élément possède un vocabulaire propre, des Syandanas aux Kavats en passant par les factions dotées de leurs propres caractéristiques culturelles. Ce choix esthétique, parfois clivant, est devenu l’une des signatures essentielles du jeu. Ce qui semblait être une barrière à l’entrée est devenu un atout, un monde si singulier que ceux qui s’y plongent s’y attachent profondément.
</p>
</div>
</article>
<div class="grilleGauche">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>L’évolution</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<div class="grilleDroite">
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
<div class="soustitre">
<h3>Coming soon...</h3>
</div>
<div class="description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<br>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
<article class="grilleGauche" id="chapitre8">
<div class="box">
<h3 class="nomChapitre">La Transformation en Succès Durable</h3>
<p class="contenuChapitre">
Avec le temps, Warframe devient un exemple rare de jeu en ligne porté par la passion, l’adaptabilité et le lien avec sa communauté. Ce qui aurait pu être le dernier espoir d’un studio en difficulté devient une œuvre en perpétuelle expansion, façonnée par ses créateurs comme par ses joueurs. L’histoire de Digital Extremes et de Warframe illustre qu’un projet né de la nécessité peut devenir une référence, à condition d’être animé par une vision forte et la volonté de toujours se réinventer.
</p>
</div>
</article>
</section>
</main>
<footer>