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

FULL Cleanup pre-remises : dossier multimedia, FOOTER and NAV

Browse Source
This commit is contained in:
Stan
2025-12-03 20:17:52 -05:00
parent 837868e33b
commit 1bd9cc9200
31 changed files with 229 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@@ -28,6 +28,7 @@
- [ ] Lea
- [ ] Stan
- [x] Jeremy
- [ ]
<header> – Un entête incluant :
▪ Un logo conçu par vous
@@ -63,6 +64,19 @@ o <main> – Le contenu principal de la page
- [x] balise `<main>`
- [ ] class dans balise `<body>`
- [x] Inclure les references pour chaques fichier multimedia
- [ ] Au moins un lien de téléchargement
- [ ] Un tableau
- [ ] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
- [ ] • Il doit y avoir de la fusion à l’intérieur du tableau.
- [ ] • Les bordures doivent être faites par CSS.
- [ ] Des listes
- [ ] • Au moins une liste à puce contenant au moins 3 éléments.
- [ ] • Au moins une liste numérotée contenant au moins 3 éléments.
- [ ] • Au moins une d’entre elle doit être une liste imbriquée d’au moins 2 éléments supplémentaires.
- [ ] Du contenu multimédia - [ ] • Au moins un fichier audio - [x] • Au moins deux fichiers vidéo - [ ] • Au moins de cinq images différentes (excluant les photos des membres de l’équipe, le logo et la
bannière)
- [ ] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web.
- [ ]
```md
. Vous pouvez les ajouter sur une page différente ou sur chaque page contenant les éléments concernés.

5
www/aPropos.html
View File

@@ -18,7 +18,8 @@
<body class="aProposBG">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html" class="active">À propos</a></li>
@@ -214,7 +215,7 @@ demandées.
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Stanislas Royal.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

35
www/armures.html
View File

@@ -18,7 +18,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -32,7 +33,7 @@
<main class="armures">
<header class="video-header">
<video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
<video id="entete" src="multimedia/mediasAndres/nokko.webm" autoplay muted loop></video>
<h1 id="title">Armures</h1>
<nav class="wf-nav">
@@ -69,7 +70,7 @@
<section id="Ember" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/EmberVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/EmberVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -96,7 +97,7 @@
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -105,7 +106,7 @@
<section id="Equinox" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/equinox.webm" type="video/webm">
<source src="multimedia/mediasAndres/equinox.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -129,7 +130,7 @@
<img src="./images/ImagesAndres/Equinox/equinoxHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Equinox.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Equinox.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -138,7 +139,7 @@
<section id="Frost" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/FrostVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/FrostVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -162,7 +163,7 @@
<img src="./images/ImagesAndres/Frost/frostHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Frost.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Frost.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -171,7 +172,7 @@
<section id="Koumei" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/KoumeiVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/KoumeiVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -196,7 +197,7 @@
<img src="./images/ImagesAndres/Koumei/koumeiHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Koumei.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Koumei.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -205,7 +206,7 @@
<section id="Rhino" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/RhinoVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/RhinoVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -229,7 +230,7 @@
<img src="./images/ImagesAndres/Rhino/rhinoHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Rhino.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Rhino.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -238,7 +239,7 @@
<section id="Sevagoth" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/SevagothVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/SevagothVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -262,7 +263,7 @@
<img src="./images/ImagesAndres/Sevagoth/sevagothHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Sevagoth.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Sevagoth.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -271,7 +272,7 @@
<section id="Voruna" class="perso">
<video class="bg-video" autoplay muted loop playsinline>
<source src="./medias/mediasAndres/VorunaVid.webm" type="video/webm">
<source src="multimedia/mediasAndres/VorunaVid.webm" type="video/webm">
</video>
<div class="bg-overlay"></div>
@@ -299,7 +300,7 @@
<img src="./images/ImagesAndres/Voruna/vorunaHab.PNG" alt="hh">
</div>
<div class="habilites-video">
<video src="./medias/mediasAndres/Voruna.mp4" autoplay muted loop playsinline></video>
<video src="multimedia/mediasAndres/Voruna.mp4" autoplay muted loop playsinline></video>
</div>
</div>
</div>
@@ -398,7 +399,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Andres David Herrera Escorcia.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

39
www/credits.html
View File

@@ -18,7 +18,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -44,7 +45,8 @@
<div class="box">
<h2>Warframe</h2>
<p class="contenu">
Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du jeu.
Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du
jeu.
</p>
<div class="bouton"><a href="https://www.warframe.com/fr/game/about">Voir la source</a></div>
</div>
@@ -55,7 +57,8 @@
<h2>Léa Dezothez</h2>
<ul>
<li class="contenu">
Pour connaître le rôle de Léa, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
Pour connaître le rôle de Léa, rendez-vous sur la page de l’équipe en cliquant sur le
bouton.
</li>
<li class="contenu">
Léa a également fourni la vaste majorité des images.
@@ -70,10 +73,12 @@
<h2>Jérémy Hébert</h2>
<ul>
<li class="contenu">
Pour connaître le rôle de Jérémy, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
Pour connaître le rôle de Jérémy, rendez-vous sur la page de l’équipe en cliquant sur le
bouton.
</li>
<li class="contenu">
Jérémy a également fourni les logos ainsi que l’image se trouvant dans la page de réponse au formulaire.
Jérémy a également fourni les logos ainsi que l’image se trouvant dans la page de réponse au
formulaire.
</li>
</ul>
<div class="bouton"><a href="team.html#jeremy">Voir la personne</a></div>
@@ -94,7 +99,8 @@
<div class="box">
<h2>Stanislas Royal</h2>
<p class="contenu">
Pour connaître le rôle de Stanislas, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
Pour connaître le rôle de Stanislas, rendez-vous sur la page de l’équipe en cliquant sur le
bouton.
</p>
<div class="bouton"><a href="team.html#stanislas">Voir la personne</a></div>
</div>
@@ -114,7 +120,8 @@
<div class="box">
<h2>Figma</h2>
<p class="contenu">
Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour avoir rempli le formulaire.
Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour
avoir rempli le formulaire.
</p>
<div class="bouton"><a href="https://www.figma.com/fr-fr/">Voir la source</a></div>
</div>
@@ -124,7 +131,8 @@
<div class="box">
<h2>Lyco Canario</h2>
<p class="contenu">
Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le formulaire.
Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le
formulaire.
</p>
<div class="bouton"><a href="https://dribbble.com/lycocanario">Voir la source</a></div>
</div>
@@ -144,9 +152,12 @@
<div class="box">
<h2>/noclip</h2>
<p class="contenu">
Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de Digital Extremes.
Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de
Digital Extremes.
</p>
<div class="bouton"><a href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir la source</a></div>
<div class="bouton"><a
href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir
la source</a></div>
</div>
</article>
@@ -156,7 +167,8 @@
<p class="contenu">
La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
</p>
<div class="bouton"><a href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la source</a></div>
<div class="bouton"><a href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
source</a></div>
</div>
</article>
@@ -194,7 +206,8 @@
<div class="box">
<h2>Moqups</h2>
<p class="contenu">
Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du site.
Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du
site.
</p>
<div class="bouton"><a href="https://moqups.com/fr/">Voir la source</a></div>
</div>
@@ -276,7 +289,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Jérémy Hébert.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

75
www/histoire.html
View File

@@ -18,7 +18,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -45,7 +46,11 @@
<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.
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>
@@ -54,7 +59,12 @@
<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.
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>
@@ -63,7 +73,11 @@
<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.
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>
@@ -72,7 +86,14 @@
<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.
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>
@@ -81,7 +102,13 @@
<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.
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>
@@ -90,7 +117,14 @@
<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.
À 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>
@@ -99,7 +133,14 @@
<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.
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>
@@ -108,7 +149,14 @@
<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.
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>
@@ -117,7 +165,12 @@
<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.
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>
@@ -128,7 +181,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Jérémy Hébert.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

7
www/index.html
View File

@@ -18,7 +18,8 @@
<body class="accueil">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -47,7 +48,7 @@
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">
<source src="multimedia/mediasLea/warframeIntro.mp4" type="video/mp4">
</video>
</section>
</header>
@@ -176,7 +177,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

5
www/lore.html
View File

@@ -18,7 +18,8 @@
<body class="lore">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -76,7 +77,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

5
www/missions.html
View File

@@ -18,7 +18,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -160,7 +161,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Stanislas Royal.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

0
www/medias/mediasAndres/Ember.mp4 → www/multimedia/mediasAndres/Ember.mp4
View File

0
www/medias/mediasAndres/EmberVid.webm → www/multimedia/mediasAndres/EmberVid.webm
View File

0
www/medias/mediasAndres/Equinox.mp4 → www/multimedia/mediasAndres/Equinox.mp4
View File

0
www/medias/mediasAndres/Frost.mp4 → www/multimedia/mediasAndres/Frost.mp4
View File

0
www/medias/mediasAndres/FrostVid.webm → www/multimedia/mediasAndres/FrostVid.webm
View File

0
www/medias/mediasAndres/Koumei.mp4 → www/multimedia/mediasAndres/Koumei.mp4
View File

0
www/medias/mediasAndres/KoumeiVid.webm → www/multimedia/mediasAndres/KoumeiVid.webm
View File

0
www/medias/mediasAndres/Rhino.mp4 → www/multimedia/mediasAndres/Rhino.mp4
View File

0
www/medias/mediasAndres/RhinoVid.webm → www/multimedia/mediasAndres/RhinoVid.webm
View File

0
www/medias/mediasAndres/Sevagoth.mp4 → www/multimedia/mediasAndres/Sevagoth.mp4
View File

0
www/medias/mediasAndres/SevagothVid.webm → www/multimedia/mediasAndres/SevagothVid.webm
View File

0
www/medias/mediasAndres/Voruna.mp4 → www/multimedia/mediasAndres/Voruna.mp4
View File

0
www/medias/mediasAndres/VorunaVid.webm → www/multimedia/mediasAndres/VorunaVid.webm
View File

0
www/medias/mediasAndres/equinox.webm → www/multimedia/mediasAndres/equinox.webm
View File

0
www/medias/mediasAndres/nokko.webm → www/multimedia/mediasAndres/nokko.webm
View File

0
www/medias/mediasLea/warframeIntro.mp4 → www/multimedia/mediasLea/warframeIntro.mp4
View File

5
www/reponse.html
View File

@@ -19,7 +19,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -39,7 +40,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Jérémy Hébert.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

17
www/sousPageLore1.html
View File

@@ -19,7 +19,8 @@
<body class="lore">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -57,7 +58,8 @@
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’elles et, après chaque fleur posée, le joueur voit un <em>flash-back </em>de
lotus devant chacune d’elles 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
@@ -148,7 +150,8 @@
<p>
Une quête qui a été ajoutée récemment introduit ensuite le Tenno plus en profondeur dans
l’univers
des mods. De plus, elle permet de comprendre comment les utiliser pour rendre la Warframe et ses armes plus puissantes. Cette
des mods. De plus, elle permet de comprendre 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
@@ -158,7 +161,8 @@
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, et permet d’avoir une plus grande dose de difficulté une que fois
carte solaire. Ce contenu est considéré comme de fin de jeu, et permet d’avoir une plus grande
dose de difficulté une que fois
toutes
les missions
sont terminées.
@@ -227,7 +231,8 @@
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ée les Infestés. Cette faction attaque autant les Grineers que
nouvelle faction ennemie, appelée 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
@@ -342,7 +347,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

14
www/sousPageLore2.html
View File

@@ -19,7 +19,8 @@
<body class="lore">
<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" id="logoAccueil"
</a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -121,7 +122,8 @@
Tout le long du chemin, deux voix peuvent être entendues, une voix masculine
appelée <em>Ballas</em> et une voix féminine faisant penser au Lotus appelé
<em>Margulis</em>. Une fois arrivée au réservoir, une cinématique joue qui montre un
réservoir d’eau d’où un réceptacle sort, un corps en tombant. Le joueur perd le contrôle de sa
réservoir d’eau d’où un réceptacle sort, un corps en tombant. Le joueur perd le contrôle de
sa
Warframe et la perspective change pour celle de la personne au sol. Elle rampe jusqu’à la
Warframe et en posant la main dessus, reprend partiellement le contrôle. Le Stalker apparaît
finalement, mais, quand il réalise ce que le Tenno est et ce que ça veut dire pour lui, il
@@ -223,8 +225,10 @@
<p>
Après la quête précédente, Ordis intercepte un message du Voile Rouge qui glace le sang. Cette
quête suit Rell, un Tenno particulier qui n’a pas eu la chance du second rêve, traité comme
défectueux par les Orokin, seuls sa mère et Margulis ont été bons avec lui. D’après le wiki, après
l’écrasement du Zariman Ten Zero, un vaisseau envoyé par les Orokin pour traverser le néant, «Rell
défectueux par les Orokin, seuls sa mère et Margulis ont été bons avec lui. D’après le wiki,
après
l’écrasement du Zariman Ten Zero, un vaisseau envoyé par les Orokin pour traverser le néant,
«Rell
a éventuellement été récupéré par les précurseurs du Voile Rouge. Ils ont étudié ses
enseignements sur les dangers du néant, appelant éventuellement l’entité du néant que Rell
percevait “L’indifférence” ou “L’œil sans paupière” [(The Indifference or The Lidless Eye)].
@@ -298,7 +302,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

8
www/sousPageLore3.html
View File

@@ -19,7 +19,8 @@
<body class="lore">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -89,7 +90,8 @@
</blockquote>
<p>
Cette quête est extrêmement longue, allant jusqu’à quatre heures, avec des points de sauvegarde.
Cette quête est extrêmement longue, allant jusqu’à quatre heures, avec des points de
sauvegarde.
Pendant cette quête, aucun autre contenu n’est disponible. Elle introduit plusieurs
personnages, comme un Corpus nommé Veso-R, un grineer nommé Kahl-175 et le Voyageur, ainsi
que la mort de Natah, de Teshin et de l’opérateur qui est renvoyé dans le néant par Ballas.
@@ -150,7 +152,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

5
www/sousPageLore4.html
View File

@@ -19,7 +19,8 @@
<body class="lore">
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -138,7 +139,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Léa Dezothez.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>

61
www/team.html
View File

@@ -18,7 +18,8 @@
<body>
<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"
id="logoAccueil"></a>
<ul>
<li><a href="aPropos.html">À propos</a></li>
@@ -47,15 +48,24 @@
<h3 class="role">Directrice artistique</h3>
<div class="description">
<p>
Léa est une personne passionnée par les jeux vidéo, la lecture et les chevaux. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’elle apprécie le plus au quotidien, montrant un bel équilibre entre l’univers virtuel, la soif de connaissance et le monde équestre.
Léa est une personne passionnée par les jeux vidéo, la lecture et les chevaux. Ces intérêts
occupent une place importante dans sa vie et reflètent ce qu’elle apprécie le plus au
quotidien, montrant un bel équilibre entre l’univers virtuel, la soif de connaissance et le
monde équestre.
</p>
<p>
Elle a choisi de rejoindre le programme d’informatique parce qu’elle souhaite prendre part à la création d’un jeu vidéo et, à terme, voir son nom dans les crédits. Son rêve ultime est de pouvoir peut-être un jour créer le jeu qui lui tient le plus à cœur. C’est cet objectif créatif et ambitieux qui l’a menée à s’inscrire au programme.
Elle a choisi de rejoindre le programme d’informatique parce qu’elle souhaite prendre part à
la création d’un jeu vidéo et, à terme, voir son nom dans les crédits. Son rêve ultime est
de pouvoir peut-être un jour créer le jeu qui lui tient le plus à cœur. C’est cet objectif
créatif et ambitieux qui l’a menée à s’inscrire au programme.
</p>
<p>
Après l’obtention de son diplôme de TI, Léa aspire principalement à se faire embaucher par une firme de jeux vidéo pour commencer sa carrière. Si ce n’est pas possible immédiatement, son plan de secours est d’aller faire un diplôme à l’université. Son objectif principal est donc de s’intégrer, d’une manière ou d’une autre, dans l’industrie du jeu vidéo.
Après l’obtention de son diplôme de TI, Léa aspire principalement à se faire embaucher par
une firme de jeux vidéo pour commencer sa carrière. Si ce n’est pas possible immédiatement,
son plan de secours est d’aller faire un diplôme à l’université. Son objectif principal est
donc de s’intégrer, d’une manière ou d’une autre, dans l’industrie du jeu vidéo.
</p>
</div>
</div>
@@ -67,15 +77,25 @@
<h3 class="role">Coordonnateur</h3>
<div class="description">
<p>
Jérémy est une personne passionnée par la programmation, la cuisine et la politique. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien, combinant une aptitude technique, un plaisir créatif et une conscience des enjeux sociaux.
Jérémy est une personne passionnée par la programmation, la cuisine et la politique. Ces
intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au
quotidien, combinant une aptitude technique, un plaisir créatif et une conscience des enjeux
sociaux.
</p>
<p>
Il a choisi de rejoindre le programme d’informatique après avoir hésité avec la comptabilité, car il cherchait initialement un domaine faisant appel à la logique (comme les mathématiques). Son choix s’est finalement porté sur l’informatique parce qu’il a toujours apprécié le domaine et qu’il avait une soif d’en apprendre plus sur le sujet.
Il a choisi de rejoindre le programme d’informatique après avoir hésité avec la
comptabilité, car il cherchait initialement un domaine faisant appel à la logique (comme les
mathématiques). Son choix s’est finalement porté sur l’informatique parce qu’il a toujours
apprécié le domaine et qu’il avait une soif d’en apprendre plus sur le sujet.
</p>
<p>
Après l’obtention de son diplôme de TI, Jérémy aspire à deux chemins principaux : soit poursuivre ses études à l’université, soit rejoindre une entreprise dans le domaine. Il est ouvert à des rôles en cybersécurité ou en développement d’application, pourvu que cela n’implique pas de la réseautique, définissant ainsi clairement la portée de ses aspirations professionnelles.
Après l’obtention de son diplôme de TI, Jérémy aspire à deux chemins principaux : soit
poursuivre ses études à l’université, soit rejoindre une entreprise dans le domaine. Il est
ouvert à des rôles en cybersécurité ou en développement d’application, pourvu que cela
n’implique pas de la réseautique, définissant ainsi clairement la portée de ses aspirations
professionnelles.
</p>
</div>
</div>
@@ -87,15 +107,22 @@
<h3 class="role">Conseiller</h3>
<div class="description">
<p>
Andres est une personne passionnée par le soccer, les sports et la poésie. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien.
Andres est une personne passionnée par le soccer, les sports et la poésie. Ces intérêts
occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au
quotidien.
</p>
<p>
Il a choisi de rejoindre le programme d’informatique parce qu’il a beaucoup joué à des jeux vidéo au cours de sa vie. Cela l’a amené à penser qu’il pourrait aimer programmer, tout simplement.
Il a choisi de rejoindre le programme d’informatique parce qu’il a beaucoup joué à des jeux
vidéo au cours de sa vie. Cela l’a amené à penser qu’il pourrait aimer programmer, tout
simplement.
</p>
<p>
Après l’obtention de son diplôme de TI, Andres aspire principalement à gagner beaucoup d’argent grâce à l’investissement. Il aimerait aussi développer un jeu de style Pokémon ou un jeu RPG, même s’il n’a pas encore décidé. Dans tous les cas, il souhaite atteindre une liberté financière, soit par la création d’un jeu, soit par ses investissements.
Après l’obtention de son diplôme de TI, Andres aspire principalement à gagner beaucoup
d’argent grâce à l’investissement. Il aimerait aussi développer un jeu de style Pokémon ou
un jeu RPG, même s’il n’a pas encore décidé. Dans tous les cas, il souhaite atteindre une
liberté financière, soit par la création d’un jeu, soit par ses investissements.
</p>
</div>
</div>
@@ -107,15 +134,21 @@
<h3 class="role">Programmeur</h3>
<div class="description">
<p>
Stanislas est une personne passionnée par l’informatique, la lecture et le respect de la vie privée. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien, notamment l’équilibre entre la technologie et l’éthique.
Stanislas est une personne passionnée par l’informatique, la lecture et le respect de la vie
privée. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il
apprécie le plus au quotidien, notamment l’équilibre entre la technologie et l’éthique.
</p>
<p>
Il a choisi de rejoindre le programme d’informatique parce que la cybersécurité l’a beaucoup attiré. C’est ce domaine précis qui l’a mené à s’inscrire au programme. Cela démontre une motivation très ciblée pour une expertise technique et cruciale.
Il a choisi de rejoindre le programme d’informatique parce que la cybersécurité l’a beaucoup
attiré. C’est ce domaine précis qui l’a mené à s’inscrire au programme. Cela démontre une
motivation très ciblée pour une expertise technique et cruciale.
</p>
<p>
Après l’obtention de son diplôme de TI, Stanislas aspire principalement à travailler. Son objectif est donc de passer directement à l’application professionnelle de ses compétences et de contribuer concrètement au marché de l’emploi.
Après l’obtention de son diplôme de TI, Stanislas aspire principalement à travailler. Son
objectif est donc de passer directement à l’application professionnelle de ses compétences
et de contribuer concrètement au marché de l’emploi.
</p>
</div>
</div>
@@ -127,7 +160,7 @@
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
<p>Page créée par Jérémy Hébert.</p>
<a href="credits.html">Crédits</a>
<p id="updateDate">DATE_WEBSITE</p>
</footer>
</body>