reparer missions

reparation site statique images credit et reponse
Correctif logo
2025-12-04 20:59:29 -05:00 · 2025-12-04 20:26:09 -05:00 · 2025-12-04 15:38:00 -05:00 · 2025-12-04 15:28:46 -05:00 · 2025-12-04 00:02:59 -05:00 · 2025-12-04 00:02:44 -05:00
170 changed files with 6001 additions and 1462 deletions
--- a/.cspell/custom-dictionary.txt
+++ b/.cspell/custom-dictionary.txt
@@ -1,12 +1,22 @@
 #CustomDictionaryWords
+archwing
+deimos
 Dezothez
+duviri
+entete
+Equipe
 Escorcia
 Grineers
 Hébert
+Koumei
 natah
 Natah
 Orbis
+reponse
 Sevagoth
+soustitre
+vors
+Voruna
 warframe
 Warframe
 warframes
--- a/.gitattributes
+++ b/.gitattributes
@@ -2,4 +2,5 @@
 *.webm filter=lfs diff=lfs merge=lfs -text
 *.avi filter=lfs diff=lfs merge=lfs -text
 *.flv filter=lfs diff=lfs merge=lfs -text
-*.mpg filter=lfs diff=lfs merge=lfs -text
+*.mpg filter=lfs diff=lfs merge=lfs -text
+*.mkv filter=lfs diff=lfs merge=lfs -text
--- a/.gitignore
+++ b/.gitignore
@@ -57,8 +57,8 @@
 .nfs*

 # ---> NotepadPP
-# Notepad++ backups #
-*.bak
+# Notepad++ backups #
+*.bak

 # ---> PuTTY
 # Private key
@@ -506,3 +506,35 @@ $RECYCLE.BIN/
 # Windows shortcuts
 *.lnk

+www/medias/mediasCredits/warframeDuviriRide.mp4
+www/medias/mediasHistoireDE/warframeRailjackRide.mp4
+www/multimedia/mediasCredits/warframeDuviriRide.mp4
+www/multimedia/mediasHistoireDE/warframeRailjackRide.mp4
+COMPRESS/warframeRailjackRide.mp4
+COMPRESS/Ember.mp4
+COMPRESS/Equinox.mp4
+COMPRESS/Frost.mp4
+COMPRESS/Koumei.mp4
+COMPRESS/Rhino.mp4
+COMPRESS/Sevagoth.mp4
+COMPRESS/Voruna.mp4
+COMPRESS/warframeDuviriRide.mp4
+www/multimediaHQ/we_All_Lift_Together_mPTCq3LiZSE.mp3
+www/multimediaHQ/mediasAndres/Ember.mp4
+www/multimediaHQ/mediasAndres/EmberVid.webm
+www/multimediaHQ/mediasAndres/Equinox.mp4
+www/multimediaHQ/mediasAndres/equinox.webm
+www/multimediaHQ/mediasAndres/Frost.mp4
+www/multimediaHQ/mediasAndres/FrostVid.webm
+www/multimediaHQ/mediasAndres/Koumei.mp4
+www/multimediaHQ/mediasAndres/KoumeiVid.webm
+www/multimediaHQ/mediasAndres/nokko.webm
+www/multimediaHQ/mediasAndres/Rhino.mp4
+www/multimediaHQ/mediasAndres/RhinoVid.webm
+www/multimediaHQ/mediasAndres/Sevagoth.mp4
+www/multimediaHQ/mediasAndres/SevagothVid.webm
+www/multimediaHQ/mediasAndres/Voruna.mp4
+www/multimediaHQ/mediasAndres/VorunaVid.webm
+www/multimediaHQ/mediasCredits/warframeDuviriRide.mp4
+www/multimediaHQ/mediasHistoireDE/warframeRailjackRide.mp4
+www/multimediaHQ/mediasLea/warframeIntro.mp4
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -25,6 +25,8 @@
        "nhoizey.gremlins",
        "s2junn.image-essentials",
        "shardulm94.trailing-spaces",
-        "esbenp.prettier-vscode"
+        "esbenp.prettier-vscode",
+        "wassim-k.rename-replace-extension",
+        "karenpommeroy.batch-rename"
    ]
 }
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@

 - [x] Planification du travail connecté - Par Stan
 - [x] Coder le menu de navigation commun a toutes les pages - Jeremy
- [ ] Coder le pied de page commun a toutes les pages - Jeremy
+- [x] Coder le pied de page commun a toutes les pages - Jeremy
 - [x] Création d’un favicon.ico pour le site - Jeremy
 - [ ] Glitch images LOGO - Stanislas
 - [ ] Formulaires dans aPropos.html - Stanislas
@@ -17,8 +17,8 @@

  - [ ] Rédaction du texte pour la page « Accueil » - Léa
  - [ ] Rédaction du texte pour la page « à Propos » **ET FORMULAIRE** - Stanislas
-  - [ ] Rédaction du texte pour la page « L’équipe » - Jérémy et Andres>
-  - [ ] Rédaction du texte pour la page « Histoire de DE » - Jérémy
+  - [x] Rédaction du texte pour la page « L’équipe » - Jérémy
+  - [x] Rédaction du texte pour la page « Histoire de DE » - Jérémy
  - [ ] Rédaction du texte pour la page « Univers Sci-fi » - // Avancement de 70% Léa
  - [ ] Rédaction du texte pour la page « Missions » - Stanislas
  - [ ] Rédaction du texte pour la page « Armures » - Andres
@@ -27,13 +27,66 @@
  - [ ] Andres
  - [ ] Lea
  - [ ] Stan
-  - [ ] Jeremy
+  - [x] Jeremy
+  - [ ]

+ <header> – Un entête incluant :
+▪ Un logo conçu par vous
+▪ Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
+▪ Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
+▪ Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est)
+o <nav> – Un menu de navigation incluant :
+▪ Un bouton pour chaque page du site Web (sous la forme d’une liste <ul>) avec des effets de CSS
+▪ Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un 
+fil d’Ariane.
+o <footer> – Un pied de page incluant le copyright :
+▪ Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
+▪ La date de conception
+o <main> – Le contenu principal de la page
 ---

 ## En dernier

- [ ] Tester les sites avec trois navigateurs (Brave, Firefox, Chrome)
+- [ ] Verifier Structure respectent ENONCÉ
+
+  - [x] Vous devez ajouter un favicon (faites une recherche sur Internet pour savoir ce que c’est)
+  - [ ] balise `<header>`
+    - [x] Logo
+    - [ ] Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
+    - [x] Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
+  - [x] balise `<nav>`
+    - [x] Un bouton pour chaque page du site Web (sous la forme d’une liste `<ul>`) avec des effets de CSS
+    - [x] Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un fil d’Ariane.
+  - [x] balise `<footer>`
+    - [x] copyright
+    - [x] Le nom de l’équipe et le membre de l’équipe responsable de la création de la page concernée
+    - [x] La date de conception
+  - [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
+    - [x] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
+    - [x] • Il doit y avoir de la fusion à l’intérieur du tableau.
+    - [x] • Les bordures doivent être faites par CSS.
+  - [ ] Des listes
+    - [x] • 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)
+  - [x] 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.
+  ```
+
+- [ ] Tester le site avec trois navigateurs (Brave, Firefox, Chrome)
+- [ ] Tester le site avec Safari (Si possible)

 - [ ] 💣💥💥Revérifier les sources pour les images et vidéo (Identifier) 💥💥💣

@@ -48,7 +101,7 @@

 ### En dernier, si on a le temps

- [ ] Revérifier le footer
+- [x] Revérifier le footer

  ```note

@@ -63,6 +116,36 @@

 - [ ] Autres ...

+HTML
+
+```html
+<!-- /**********************************************************************************/
+/* Fichier
+ : page_web.html
+ */
+/* Titre
+ : Exercice de création d'une page Web HTML 5
+ */
+/* Auteur
+ : © Josianne Fortin, Cégep de Sherbrooke
+ */
+/* Date
+ : 2025-08-22
+ */
+/* Description : Ce document réalise une page Web sur les balises et attributs HTML 5 */
+/*************************************************************************************-->
+```
+
+CSS
+
+```css
+/* Fichier : style.css
+Auteur : Alex Tremblay
+Date : 2025-09-15
+Description : CSS principale pour le
+site Comiccon */
+```
+
 ---

 ---
--- a/log-git-251203.txt
+++ b/log-git-251203.txt
--- a/www/aPropos.html
+++ b/www/aPropos.html
@@ -1,22 +1,29 @@
+<!-- /**********************************************************/
+/* Fichier : aPropos.html */
+/* Titre : À propos */
+/* Auteur : © Stanislas Royal, Cégep de Sherbrooke */
+/*************************************************************-->
+
 <!DOCTYPE html>
 <html lang="fr">

 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="images/F4vicon.ico">
+    <link rel="icon" href="images/f4vicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <title>À propos</title>
    <script src="js/script.js"></script>
 </head>

-<body>
+<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">À propos</a></li>
-            <li><a href="team.html">L'équipe</a></li>
+            <li><a href="aPropos.html" class="active">À propos</a></li>
+            <li><a href="team.html">L’équipe</a></li>
            <li><a href="histoire.html">Histoire de DE</a></li>
            <li><a href="lore.html">Univers Sci-fi</a></li>
            <li><a href="missions.html">Missions</a></li>
@@ -25,16 +32,146 @@
    </nav>

    <main class="aPropos">
-        <p id="message">Coming soon...</p>
+        <h1>Contactez l’équipe!</h1>
+        <div class="sidebyside">
+            <section class="commentaire">
+                <!-- utilisation de get pour avoir les variables dans l'url : page statique -->
+                <!-- si utilisation de serveur dynamique, changer pour POST -->
+                <form method="get" action="reponse.html">
+                    <h2>Commentaire</h2>
+                    <fieldset id="infoContact">
+                        <legend>Informations de contact</legend>
+                        <div>
+                            <label for="nomComplet">Votre nom complet :</label>
+                            <input id="nomComplet" name="nomComplet" type="text" required minlength="3" placeholder="Prénom Nom">
+                        </div>
+                        <div>
+                            <label for="email">Votre adresse courriel : </label>
+                            <input id="email" name="email" type="email" required placeholder="(ex. vous@fournisseur.com)" size="30">
+                        </div>
+                    </fieldset>
+                    <fieldset>
+                        <legend>Réponse courte</legend>
+                        <div>
+                            <div class="sidebyside">
+                                <div>
+                                    <label class="formInfo">Reviendriez-vous? :</label>
+
+                                    <div class="selecteurRadio">
+                                        <input id="radOui" name="rad" type="radio" value="5">
+                                        <label for="radOui">Oui</label>
+                                        <input id="radNon" name="rad" type="radio" value="10">
+                                        <label for="radNon">Non</label>
+                                        <input id="radMB" name="rad" type="radio" value="15">
+                                        <label for="radMB">Peut-être</label>
+                                    </div>
+                                </div>
+                                <div>
+                                    <label for="pagePrefs" class="formInfo">Page préférée :</label>
+                                    <div>
+                                        <select name="page" id="pagePrefs">
+                                            <option value="index" selected>Page d'accueil</option>
+                                            <option value="aPropos">À Propos</option>
+                                            <option value="team">L'équipe</option>
+                                            <option value="reponse" disabled>Réponse</option>
+                                            <option value="histoire">Histoire de DE</option>
+                                            <optgroup label="Univers Sci-fi">
+                                                <option value="sousPageLore1">Arc 1 : Éveil</option>
+                                                <option value="sousPageLore2">Arc 2 : Saga de la guerre intérieure
+                                                </option>
+                                                <option value="sousPageLore3">Arc 3 : Saga de la nouvelle Guerre
+                                                </option>
+                                                <option value="sousPageLore4">Arc 4 : Saga de la guerre du Néant
+                                                </option>
+
+                                            </optgroup>
+                                            <option value="missions">Missions</option>
+                                            <option value="armures">Armures</option>
+                                            <option value="credits">Crédits</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+                            <div>
+                                <label>Quel personnage voudriez-vous essayer : </label>
+                                <div class="sidebyside">
+                                    <label class="clickLabel" for="persoOne">
+                                        <input type="checkbox" id="persoOne" name="persoOne" value="1">
+                                        Ember</label>
+                                    <label for="persoTwo">
+                                        <input type="checkbox" id="persoTwo" name="persoTwo" value="1">
+                                        Equinox</label>
+
+                                    <label for="persoThree">
+                                        <input type="checkbox" id="persoThree" name="persoThree" value="1">
+                                        Frost</label>
+
+                                    <label for="persoFour">
+                                        <input type="checkbox" id="persoFour" name="persoFour" value="1">
+                                        Koumei</label>
+
+                                    <label for="persoFive">
+                                        <input type="checkbox" id="persoFive" name="persoFive" value="1">
+                                        Rhino</label>
+
+
+                                    <label for="persoSix">
+                                        <input type="checkbox" id="persoSix" name="persoSix" value="1">
+                                        Sevagoth</label>
+                                    <label for="persoSeven">
+                                        <input type="checkbox" id="persoSeven" name="persoSeven" value="1">
+                                        Voruna</label>
+                                </div>
+                            </div>
+                            <div>
+                                <label>Niveau de satisfaction</label>
+                                <input name="niveau" type="range" value="100">
+                            </div>
+                        </div>
+                    </fieldset>
+                    <fieldset>
+                        <legend>Votre appréciation</legend>
+                        <textarea name="zoneComment" rows="10" cols="80"
+                            placeholder="Quelque chose à ajouter?"></textarea>
+                    </fieldset>
+                    <div class="sidebyside centered">
+                        <button type="submit">Envoyer</button>
+                        <button type="reset">Réinitialiser</button>
+                    </div>
+                </form>
+            </section>
+
+            <section class="coordonnees">
+                <div id="contactInfo">
+                    <div>
+                        <h2>Coordonnées</h2>
+                        <div class="grille">
+                            <p id="titreAdresse">Adresse :</p>
+                            <a id="contenuAdresse" target="_blank" href="https://www.google.com/maps/dir//C%C3%A9gep+De+Sherbrooke+475+Rue+du+C%C3%A9gep+Sherbrooke,+Quebec+J1E+4K1/@45.4111141,-71.8863288,16z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4cb7b3a7a1058a9f:0xac83ae2c6ba0672c!2m2!1d-71.8863288!2d45.4111141?entry=ttu&g_ep=EgoyMDI1MTEyMy4xIKXMDSoASAFQAw%3D%3D"> 475 rue du Cégep, Sherbrooke, QC J1E 4K1</a>
+
+                            <p id="titreInfo">Pour plus d’information sur les créateurs :</p>
+                            <a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a>
+
+                            <p id="titreTelephone">Téléphone :</p>
+                            <a id="contenuTelephone" href="tel:+18195646350">+1 (819) 564-6350</a>
+
+                            <p id="titreCourriel">Courriel :</p>
+                            <a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
+                        </div>
+                        <div class="conteneurMaps">
+                            <iframe id="mapsFrame" title="Maps pour cégep" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d5601.823999127039!2d-71.8863288!3d45.4111141!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sca!4v1764819112867!5m2!1sfr!2sca" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
    </main>

    <footer>
-        <p>
-            © Stanislas Royal. Tout droits réservés. <br>
-            Novembre 2025 <br>
-            Page créée par Les Alt-F4
-        </p>
-        <p id="updateDate">DATE_WEBSITE</p>
+        <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>
+
    </footer>
 </body>

--- a/www/armures.html
+++ b/www/armures.html
@@ -1,329 +1,414 @@
+<!-- /**********************************************************/
+/* Fichier : armures.html */
+/* Titre : Armures */
+/* Auteur : © Andres David Herrera Escorcia, Cégep de Sherbrooke */
+/*************************************************************-->
+
 <!DOCTYPE html>
 <html lang="fr">

 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="images/F4vicon.ico">
+    <link rel="icon" href="images/f4vicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/script.js"></script>
-    <title>Warframes</title>
+    <title>Armures</title>
 </head>

 <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>
-            <li><a href="team.html">L'équipe</a></li>
+            <li><a href="team.html">L’équipe</a></li>
            <li><a href="histoire.html">Histoire de DE</a></li>
            <li><a href="lore.html">Univers Sci-fi</a></li>
            <li><a href="missions.html">Missions</a></li>
-            <li><a href="armures.html">Armures</a></li>
+            <li><a href="armures.html" class="active">Armures</a></li>
        </ul>
    </nav>

    <main class="armures">
        <header class="video-header">
-            <video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
-            <h1 id="title">Warframes</h1>
+            <video id="entete" src="multimedia/mediasAndres/nokko.webm" autoplay muted loop></video>
+            <h1 id="title">Armures</h1>
+
+            <nav class="wf-nav">
+                <ul>
+                    <li><a href="#Ember">Ember</a></li>
+                    <li><a href="#Equinox">Equinox</a></li>
+                    <li><a href="#Frost">Frost</a></li>
+                    <li><a href="#Koumei">Koumei</a></li>
+                    <li><a href="#Sevagoth">Sevagoth</a></li>
+                    <li><a href="#Voruna">Voruna</a></li>
+                    <li><a href="#Autres">Autres</a></li>
+                </ul>
+            </nav>
        </header>

-        <section class="perso">
+        <section class="descarmure">
+            <div class="armtxt">
+                <h2>Que sont les armures (Warframes)?</h2>
+                <p>Les Warframes sont des armes vivantes, des armures de combat biomécaniques façonnées pour incarner la
+                    volonté des Tennos. Mi-technologie, mi-créature, chacune d’elles canalise l’énergie du Néant pour
+                    déchaîner des pouvoirs dévastateurs et accomplir des prouesses physiques impossibles. Nées des
+                    expérimentations de l’ère Orokin, les Warframes sont le reflet de la discipline, de la personnalité
+                    ou
+                    de l’essence du Tenno qui les contrôle.
+
+                    Plus que de simples armures, elles sont des extensions de l’âme du Tenno : rapides, agiles,
+                    destructrices, ou protectrices. Chaque Warframe possède son propre style de combat, ses capacités
+                    uniques et son histoire profondément liée aux cicatrices du passé. Ensemble, Tenno et Warframe
+                    forment
+                    une symbiose parfaite, forgeant les guerriers les plus redoutables de la galaxie.</p>
+            </div>
+        </section>
+
+        <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>
+
            <div class="content">
                <h2>Ember</h2>
                <p>
-                    Des étoiles flamboyantes embrasent nos mondes. Aussi ardente que le soleil, la rage d'Ember consume
+                    Des étoiles flamboyantes embrasent nos mondes. Aussi ardente que le soleil, la rage d’Ember consume
                    ses
                    ennemis et disperse leurs cendres dans
                    le vent solaire. Impératrice des flammes élémentaires, embrase la terre de ses feux sauvages.
                    Maîtrisez
                    sa fureur ou attisez-la pour déchaîner une
                    incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
-                    écarlate.
+                    écarlate. <a href="https://www.warframe.com/" target="_blank">Site officiel de Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
-                <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le temps,
-                    consommant de l’énergie une fois sa
-                    jauge pleine. Relancez le sort pour éteindre les flammes.
-                </p>
-                <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les ennemis
-                    et détruit leur armure.</p>
-                <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les ennemis
-                    dans un feu capable de se propager dans leurs rangs.</p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Ember/habEmber.PNG" alt="hh">
+                    </div>
+
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/ember.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
-            <video src="./medias/mediasAndres/Ember.mp4"></video>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Equinox</h2>
                <p>
-                    Incarnation de forces opposées en une seule entité, Equinox déchaîne sa colère comme l'aube
+                    Incarnation de forces opposées en une seule entité, Equinox déchaîne sa colère comme l’aube
                    naissante,
                    ou marque la fin de la vie comme le crépuscule.
                    Alternant entre deux formes, elle peut renforcer les Tenno dans la lumière ou leur offrir un répit
-                    réparateur dans l'obscurité.
+                    réparateur dans l’obscurité. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Métamorphose :Changez de forme, obtenant temporairement des bonus de bouclier et d'armure en forme
-                    nocturne, ou des bonus de dégâts
-                    et de vitesse en forme diurne.morphosis: Switch forms, temporarily gaining bonus shields and armor
-                    in Night-Form, or bonus damage and speed in Day-Form.
-                </p>
-                <p>
-                    Repos et Rage : Sous forme nocturne, les cibles sont endormies. Sous forme diurne, elles deviennent
-                    plus vulnérables aux dégâts.
-                </p>
-                <p>
-                    Apaisement et provocation : En forme nocturne, réduit les dégâts infligés par les ennemis proches.
-                    En forme diurne,
-                    augmente la puissance des compétences des alliés proches.
-                </p>
-                <p>
-                    Guérison et Mutilation : En forme nocturne, les alliés sont soignés à chaque ennemi proche tué. En
-                    forme diurne, les ennemis proches sont
-                    saignés puis soumis à une vague de force tranchante.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Equinox/equinoxHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/equinox.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Frost</h2>
                <p>
-                    Frost est un Warframe lent et lourdement blindé, capable d'utiliser ses compétences offensives et
+                    Frost est un Warframe lent et lourdement blindé, capable d’utiliser ses compétences offensives et
                    défensives à son avantage et à celui de
                    son équipe. Il déchaîne de furieux blizzards qui terrassent et gèlent ses ennemis, tout en offrant
                    répit
-                    et réconfort à ses alliés.
+                    et réconfort à ses alliés. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Gel : Une explosion d'énergie glaciale qui immobilise les cibles sur place.
-                </p>
-                <p>
-                    Vague de glace : Envoie une vague de glace cristallisée et tranchante comme un rasoir vers un
-                    ennemi, infligeant de lourds dégâts.
-                </p>
-                <p>
-                    Boule à neige : Le gel capture instantanément toute vapeur et humidité ambiantes, créant une sphère
-                    protectrice d'invulnérabilité
-                    éphémère qui renforce son pouvoir protecteur.
-                </p>
-                <p>
-                    Avalanche : Invoque un glissement de terrain glacé et traître qui gèle et pulvérise instantanément
-                    tous les ennemis dans son rayon d'action.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Frost/frostHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/frost.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Koumei</h2>
                <p>
-                    Tisse les fils du destin, à la fois couturière, prophétesse et marionnette. Ose miser sur l'avenir
-                    d'Origin, prends des risques,
+                    Tisse les fils du destin, à la fois couturière, prophétesse et marionnette. Ose miser sur l’avenir
+                    d’Origin, prends des risques,
                    laisse la chance te guider. Défie le destin, recommence et échappe à sa spirale indemne, comme la
                    Vierge aux Dés, Koumei.
-                    Protège-toi par des charmes providentiels, puis répands le malheur sur tes ennemis, afin qu'eux
+                    Protège-toi par des charmes providentiels, puis répands le malheur sur tes ennemis, afin qu’eux
                    aussi soient suspendus aux ficelles des
-                    Tenno.
+                    Tenno. <a href="https://www.warframe.com/" target="_blank">Site officiel de Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Kumihimo : Tissez les fils du destin. Les ennemis qui les touchent subissent une altération d'état
-                    élémentaire aléatoire. Un triple six
-                    crée des fils infligeant une altération d'état élémentaire de chaque type.
-                </p>
-                <p>
-                    Omikuji : Koumei entrevoit un avenir prometteur et les étapes précises pour y parvenir. Relevez le
-                    défi pour obtenir un Décret. Un
-                    triple six vous octroie un décret sans défi.
-                </p>
-                <p>
-                    Omamori : Entourez-vous de charmes Omamori, chacun ayant une chance de transformer les attaques
-                    ennemies en soins plutôt qu'en dégâts.
-                    Le nombre de charmes est déterminé par le jet de dés de Koumei. Un triple six confère
-                    l'invulnérabilité pendant toute
-                    la durée de vos charmes Omamori.
-                </p>
-                <p>
-                    Bunraku : Maniez le destin de vos ennemis comme les fils d'une marionnette. Les dés de Koumei
-                    déterminent le nombre d’altérations
-                    d’état subies par les ennemis devant elle. Un triple six maximise le cumul des altérations d’état et
-                    étend le Bunraku
-                    aux ennemis situés derrière Koumei.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Koumei/koumeiHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/koumei.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Rhino</h2>
                <p>Rhino est un Warframe lourdement blindé, doté de la force et de la robustesse de son homonyme
                    intrépide et impétueux. Privilégiant la
-                    puissance à la vitesse, Rhino est conçu pour jouer le rôle de tank au sein d'une cellule. Capable de
-                    foncer dans la mêlée, d'attirer
+                    puissance à la vitesse, Rhino est conçu pour jouer le rôle de tank au sein d’une cellule. Capable de
+                    foncer dans la mêlée, d’attirer
                    les tirs ennemis et de plier le champ de bataille à sa volonté par la seule force brute, il est
-                    capable de tout contrôler.
+                    capable de tout contrôler. <a href="https://www.warframe.com/" target="_blank">Site officiel de
+                        Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Charge du rhinocéros : Le rhinocéros charge vers une cible, frappant tous ceux qui se trouvent sur
-                    son passage et empalant sa victime.
-                </p>
-                <p>
-                    Peau de fer : Rhino durcit sa peau, s'isolant ainsi de tout dommage.
-                </p>
-                <p>
-                    Rugissement : Confère à tous les Warframes proches des dégâts accrus pendant une courte durée.
-                </p>
-                <p>
-                    Piétinement du Rhino : Rhino piétine avec une force suffisante pour perturber le temps, faisant
-                    basculer les ennemis autour de lui
-                    dans un état de stase.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Rhino/rhinoHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/rhino.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Sevagoth</h2>
                <p>
-                    Perdu dans un voyage à la dérive à travers le Vaste Intemporel, le sombre timonier Sevagoth
-                    apprivoise l'inéluctable mortalité au milieu
-                    des tempêtes traîtresses du Néant. Il revient éternellement d'outre-tombe, tandis que son Ombre
+                    Perdu dans un voyage à la dérive à travers le Vaste intemporel, le sombre timonier Sevagoth
+                    apprivoise l’inéluctable mortalité au milieu
+                    des tempêtes traîtresses du Néant. Il revient éternellement d’outre-tombe, tandis que son Ombre
                    éclipse la lumière et moissonne
-                    les âmes damnées pour assouvir sa soif insatiable de ténèbres.
+                    les âmes damnées pour assouvir sa soif insatiable de ténèbres. <a href="https://www.warframe.com/"
+                        target="_blank">Site officiel de Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Moisson : L'Ombre de Sevagoth se répand, ravageant les ennemis sur son passage. Les survivants
-                    subissent les effets de la Moisson de la
-                    Mort au fil du temps. Les âmes des morts remplissent le Puits de la Mort.
-                </p>
-                <p>
-                    Semer : Plantez une graine de mort sur les cibles proches pour drainer leur force vitale. Récoltez
-                    ce qui a été semé pour faire
-                    exploser les ennemis touchés, leur infligeant des dégâts de zone proportionnels à leur santé.
-                    Les âmes des morts remplissent le Puits de la Mort.
-                </p>
-                <p>
-                    Ténèbres : Invoque une onde de choc radiale qui emprisonne et ralentit les ennemis, aspirant leur
-                    force vitale pour le Puits de la Mort.
-                    Les alliés pris dans l'onde volent de la santé à chaque attaque.
-                </p>
-                <p>
-                    Ombre exaltée : Lorsque le Puits de la mort atteint plus de 75 %, la forme d’ombre de Sevagoth est
-                    prête à être libérée. Déchirez
-                    l'ennemi avec un arsenal de compétences axées sur le corps à corps.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Sevagoth/sevagothHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/sevagoth.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>

-        <section class="perso">
+        <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>
+
            <div class="content">
                <h2>Voruna</h2>
                <p>
                    Faites attention au hurlement glacial qui annonce la reprise de la chasse primordiale. La nuit tombe
                    sur le sanctuaire sacré éclairé par la
                    lune, où rôdent des bêtes sacrées aux griffes et aux crocs acérés. Écoutez la reine des loups,
-                    Voruna, car c'est ici qu'elle décrète
-                    son festin de minuit. Se délectant d'un carnage sauvage, ses fidèles loups, les silencieux Dynar,
+                    Voruna, car c’est ici qu’elle décrète
+                    son festin de minuit. Se délectant d’un carnage sauvage, ses fidèles loups, les silencieux Dynar,
                    les chaotiques Raksh,
                    les voraces Lycath et les féroces Ulfrun, ravagent leurs proies une fois lâchées. Sous la lueur
                    lunaire, sur un sol écarlate,
-                    tremblez devant son sourire monstrueux.
+                    tremblez devant son sourire monstrueux. <a href="https://www.warframe.com/" target="_blank">Site
+                        officiel de Warframe</a>
                </p>
-            </div>
-            <div class="habilites">
+                <br>
+                <br>
                <h3>Habilités</h3>
-                <p>
-                    Voile de Dynar : (TAP) Dynar rend Voruna invisible et augmente sa vitesse. L'invisibilité prend fin
-                    lorsque Voruna attaque.
-                    Pendant un court instant, les attaques de mêlée infligent plus de dégâts critiques et de chances
-                    d’appliquer un effet de statut,
-                    et infligent Saignement. Tuer un ennemi au corps à corps pendant cette période prolonge l’effet.
-                </p>
-                <p>
-                    Crocs de Raksh : (TAP) Les crocs de Raksh lacèrent vos ennemis. 5 altérations d'état aléatoires sont
-                    appliquées à un ennemi, pouvant
-                    être cumulées jusqu'à 10 fois. À la mort de la cible, les altérations d'état se propagent aux
-                    ennemis proches.
-                </p>
-                <p>
-                    Chasse de Lycath : (TAP) Lycath chasse pour nourrir la meute. Les ennemis tués au corps à corps ont
-                    une chance de laisser tomber des
-                    orbes de santé, et ceux tués d'un tir à la tête, des orbes d'énergie. Augmentez la durée de la
-                    chasse de Lycath en
-                    éliminant des ennemis touchés par au moins 5 altérations d'état.
-                </p>
-                <p>
-                    La Descente d'Ulfrun : (TAP) Voruna se met à quatre pattes et prépare 5 charges brutales qui
-                    verrouillent les ennemis. Ulfrun, le loup
-                    le plus puissant, mène l'attaque tandis que Voruna fonce sur sa cible. La meute inflige des dégâts
-                    accrus aux cibles et aux ennemis
-                    proches touchés par des altérations d'état. Les attaques mortelles doublent les dégâts des charges
-                    restantes de Voruna.
-                </p>
+
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <img src="./images/imagesAndres/Voruna/vorunaHab.PNG" alt="hh">
+                    </div>
+                    <div class="habilites-video">
+                        <video src="multimedia/mediasAndres/voruna.mp4" autoplay muted loop playsinline></video>
+                    </div>
+                </div>
            </div>
        </section>
+
+        <section id="Autres" class="infoarm">
+            <div class="titlewar">
+                <h2>Autres Warframes</h2>
+            </div>
+            <div class="tablearm">
+                <table class="wf-table-simple">
+                    <tr>
+                        <th colspan="4">Warframes</th>
+                    </tr>
+
+                    <tr>
+                        <th>Excalibur</th>
+                        <th>Mag</th>
+                        <th>Nokko</th>
+                        <th>Nova</th>
+                    </tr>
+
+                    <tr>
+                        <td>
+                            <img src="./images/imagesAndres/Excalibur.PNG" alt="Excalibur">
+                        </td>
+                        <td>
+                            <img src="./images/imagesAndres/mag.PNG" alt="Mag">
+                        </td>
+                        <td>
+                            <img src="./images/imagesAndres/Nokko.PNG" alt="Nokko">
+                        </td>
+                        <td>
+                            <img src="./images/imagesAndres/Nova.PNG" alt="Nova">
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="4">Compétences</td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <li>
+                                <ul>
+                                    <li>Coupe éphémère</li>
+                                    <li>Flash radial</li>
+                                    <li>Javelot radial</li>
+                                    <li>Épée exaltée</li>
+                                </ul>
+                            </li>
+                        </td>
+                        <td>
+                            <li>
+                                <ul>
+                                    <li>Abruti</li>
+                                    <li>Magnétiser</li>
+                                    <li>Polariser</li>
+                                    <li>Écraser</li>
+                                </ul>
+                            </li>
+                        </td>
+                        <td>
+                            <li>
+                                <ul>
+                                    <li>Peste fongique</li>
+                                    <li>Béret lumineux</li>
+                                    <li>Enracinement</li>
+                                    <li>Rebond de Spore</li>
+                                </ul>
+                            </li>
+                        </td>
+                        <td>
+                            <ul>
+                                <li>Étoile nulle</li>
+                                <li>Goutte d'antimatière</li>
+                                <li>Trou de ver</li>
+                                <li>Imprégnation moléculaire</li>
+                            </ul>
+                            </li>
+                        </td>
+                    </tr>
+                </table>
+            </div>
+        </section>
+
+        <section class="wikiwar">
+            <div class="wikiinfo">
+                <h2>⬇️Pour plus d’informations, vous pouvez consulter le wiki de Warframe⬇️</h2>
+                <p>Faite clic sur l’image pour se rendre!</p>
+            </div>
+
+            <div class="accueilwiki">
+                <a target="_blank" href="https://wiki.warframe.com/">
+                    <img src="./images/imagesAndres/accueilWiki.PNG" alt="jdjj">
+                </a>
+            </div>
+
+            <div class="accueilwiki">
+                <a target="_blank" href="https://wiki.warframe.com/w/Warframes">
+                    <img src="./images/imagesAndres/warframeWiki.PNG" alt="fsfsf">
+                </a>
+            </div>
    </main>

    <footer>
-        <p>© Andres David Herrera Escorcia. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
-        <p id="updateDate">DATE_WEBSITE</p>
+        <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>
+
    </footer>
 </body>

--- a/www/credits.html
+++ b/www/credits.html
@@ -0,0 +1,312 @@
+<!-- /**********************************************************/
+/* Fichier : credits.html */
+/* Titre : Crédits */
+/* Auteur : © Jérémy Hébert, Cégep de Sherbrooke */
+/*************************************************************-->
+
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="images/f4vicon.ico">
+    <link rel="stylesheet" href="css/style.css">
+    <script src="js/script.js"></script>
+    <title>Crédits</title>
+</head>
+
+<body>
+    <nav>
+        <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>
+            <li><a href="team.html">L’équipe</a></li>
+            <li><a href="histoire.html">Histoire de DE</a></li>
+            <li><a href="lore.html">Univers Sci-fi</a></li>
+            <li><a href="missions.html">Missions</a></li>
+            <li><a href="armures.html">Armures</a></li>
+        </ul>
+    </nav>
+
+    <main class="credits">
+        <header class="introduction">
+            <div class="introduction">
+                <h1>Crédits</h1>
+                <p>Découvrez les personnes et ressources qui ont contribué au fait que ce site puisse voir le jour.</p>
+                <a href="#premiereBox">Plus d’infos</a>
+            </div>
+        </header>
+
+        <section>
+            <article id="premiereBox">
+                <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.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://www.warframe.com/fr/game/about">Voir la
+                            source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <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.
+                        </li>
+                        <li class="contenu">
+                            Léa a également fourni la vaste majorité des images.
+                        </li>
+                    </ul>
+                    <div class="bouton"><a href="team.html#lea">Voir la personne</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <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.
+                        </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.
+                        </li>
+                    </ul>
+                    <div class="bouton"><a href="team.html#jeremy">Voir la personne</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Andres David Herrera Escorcia</h2>
+                    <p class="contenu">
+                        Pour connaître le rôle de Andres, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
+                    </p>
+                    <div class="bouton"><a href="team.html#andres">Voir la personne</a></div>
+                </div>
+            </article>
+
+            <article>
+                <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.
+                    </p>
+                    <div class="bouton"><a href="team.html#stanislas">Voir la personne</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>discotools.xyz</h2>
+                    <p class="contenu">
+                        Discotools.xyz a permis la création du bouclier présent dans le logo ainsi que le favicon.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://discotools.xyz/fr/icons-editor">Voir la
+                            source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <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.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://www.figma.com/fr-fr/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <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.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://dribbble.com/lycocanario">Voir la source</a>
+                    </div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Visual Studio Code</h2>
+                    <p class="contenu">
+                        Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://code.visualstudio.com/">Voir la source</a>
+                    </div>
+                </div>
+            </article>
+
+            <article>
+                <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.
+                    </p>
+                    <div class="bouton"><a target="_blank"
+                            href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir
+                            la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Jacob Deschamps & Josianne Fortin</h2>
+                    <p class="contenu">
+                        La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
+                    </p>
+                    <div class="bouton"><a target="_blank"
+                            href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
+                            source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Gitea</h2>
+                    <p class="contenu">
+                        Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://about.gitea.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>ChatGPT</h2>
+                    <p class="contenu">
+                        ChatGPT a permis la rédaction de certains textes du site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://chatgpt.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Gemini</h2>
+                    <p class="contenu">
+                        Gemini a permis la rédaction de certains textes du site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://gemini.google.com/app">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <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.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://moqups.com/fr/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Google Maps</h2>
+                    <p class="contenu">
+                        Google Maps a permis l’intégration de la carte géographique sur le site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://www.google.com/maps">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>World Wide Web Consortium</h2>
+                    <p class="contenu">
+                        Les valideurs du World Wide Web Consortium ont permis la révision du code de l’ensemble du site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://validator.w3.org/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Brave Search</h2>
+                    <p class="contenu">
+                        Le moteur de recherche Brave Search a dépanné a de multiples reprises.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://search.brave.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Google</h2>
+                    <p class="contenu">
+                        Le moteur de recherche Google a dépanné à de multiples reprises.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://www.google.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>DuckDuckGo</h2>
+                    <p class="contenu">
+                        Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://duckduckgo.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>paint.net</h2>
+                    <p class="contenu">
+                        L’outil paint.net a permis l’édition de plusieurs images présentes sur le site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://www.getpaint.net/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>Google Fonts</h2>
+                    <p class="contenu">
+                        Le site de Google Fonts a permis de trouver une police pour le site.
+                    </p>
+                    <div class="bouton"><a target="_blank" href="https://fonts.google.com/">Voir la source</a></div>
+                </div>
+            </article>
+
+            <article>
+                <div class="box">
+                    <h2>PlayWarframe</h2>
+                    <p class="contenu">
+                        La chaine Youtube officielle de Waframe a permis d'obtenir la musique «We All Lift Together».
+                    </p>
+                    <div class="bouton"><a target="_blank" href="multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3"
+                            download>Télécharger la musique</a></div>
+                </div>
+            </article>
+        </section>
+    </main>
+
+    <footer>
+        <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>
+
+    </footer>
+</body>
+
+</html>
--- a/www/css/style.css
+++ b/www/css/style.css
--- a/www/histoire.html
+++ b/www/histoire.html
@@ -1,10 +1,16 @@
+<!-- /**********************************************************/
+/* Fichier : histoire.html */
+/* Titre : Histoire de DE */
+/* Auteur : © Jérémy Hébert, Cégep de Sherbrooke */
+/*************************************************************-->
+
 <!DOCTYPE html>
 <html lang="fr">

 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="images/F4vicon.ico">
+    <link rel="icon" href="images/f4vicon.ico">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/script.js"></script>
    <title>Histoire de DE</title>
@@ -12,12 +18,13 @@

 <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>
-            <li><a href="team.html">L'équipe</a></li>
-            <li><a href="histoire.html">Histoire de DE</a></li>
+            <li><a href="team.html">L’équipe</a></li>
+            <li><a href="histoire.html" class="active">Histoire de DE</a></li>
            <li><a href="lore.html">Univers Sci-fi</a></li>
            <li><a href="missions.html">Missions</a></li>
            <li><a href="armures.html">Armures</a></li>
@@ -27,220 +34,154 @@
    <main class="histoire">
        <header class="introduction">
            <div class="introduction">
-                <h1>L'histoire de Digital Extremes</h1>
-                <p>Plonger dans l'histoire fascinante de Digital Extremes</p>
-                <a href="#goToTitre"><button>Plus d'infos</button></a>
+                <h1>L’histoire de Digital Extremes</h1>
+                <p>Plonger dans l’histoire fascinante de Digital Extremes.</p>
+                <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>
-        <p>© Jérémy Hébert. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
-        <p id="updateDate">DATE_WEBSITE</p>
+        <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>
+
    </footer>
 </body>

--- a/www/images/ImagesLea/apostasy.jpg
+++ b/www/images/ImagesLea/apostasy.jpg
--- a/www/images/ImagesLea/archwing.jpg
+++ b/www/images/ImagesLea/archwing.jpg
--- a/www/images/ImagesLea/awakening.jpg
+++ b/www/images/ImagesLea/awakening.jpg
--- a/www/images/ImagesLea/awakeningTableau.jpg
+++ b/www/images/ImagesLea/awakeningTableau.jpg
--- a/www/images/ImagesLea/cambionDrift.jpg
+++ b/www/images/ImagesLea/cambionDrift.jpg
--- a/www/images/ImagesLea/chainsOfHarrow.jpg
+++ b/www/images/ImagesLea/chainsOfHarrow.jpg
--- a/www/images/ImagesLea/duviriParadox.jpg
+++ b/www/images/ImagesLea/duviriParadox.jpg
--- a/www/images/ImagesLea/excaliburArthur.jpg
+++ b/www/images/ImagesLea/excaliburArthur.jpg
--- a/www/images/ImagesLea/lotusEaters.jpg
+++ b/www/images/ImagesLea/lotusEaters.jpg
--- a/www/images/ImagesLea/natah.jpg
+++ b/www/images/ImagesLea/natah.jpg
--- a/www/images/ImagesLea/newWar.jpg
+++ b/www/images/ImagesLea/newWar.jpg
--- a/www/images/ImagesLea/newWarNatah.jpg
+++ b/www/images/ImagesLea/newWarNatah.jpg
--- a/www/images/ImagesLea/newWarTableau.jpg
+++ b/www/images/ImagesLea/newWarTableau.jpg
--- a/www/images/ImagesLea/onceAwake.jpg
+++ b/www/images/ImagesLea/onceAwake.jpg
--- a/www/images/ImagesLea/preludeToWar.jpg
+++ b/www/images/ImagesLea/preludeToWar.jpg
--- a/www/images/ImagesLea/risingTide.jpg
+++ b/www/images/ImagesLea/risingTide.jpg
--- a/www/images/ImagesLea/sciFi1999.jpg
+++ b/www/images/ImagesLea/sciFi1999.jpg
--- a/www/images/ImagesLea/secondDream.jpg
+++ b/www/images/ImagesLea/secondDream.jpg
--- a/www/images/ImagesLea/secondDreamStalker.jpg
+++ b/www/images/ImagesLea/secondDreamStalker.jpg
--- a/www/images/ImagesLea/theHex.jpg
+++ b/www/images/ImagesLea/theHex.jpg
--- a/www/images/ImagesLea/theSacrifice.jpg
+++ b/www/images/ImagesLea/theSacrifice.jpg
--- a/www/images/ImagesLea/theTeacher.jpg
+++ b/www/images/ImagesLea/theTeacher.jpg
--- a/www/images/ImagesLea/three-tenno.jpg
+++ b/www/images/ImagesLea/three-tenno.jpg
--- a/www/images/ImagesLea/voidWarTableau.jpg
+++ b/www/images/ImagesLea/voidWarTableau.jpg
--- a/www/images/ImagesLea/vorSPrize.jpg
+++ b/www/images/ImagesLea/vorSPrize.jpg
--- a/www/images/ImagesLea/voxSolaris.jpg
+++ b/www/images/ImagesLea/voxSolaris.jpg
--- a/www/images/ImagesLea/warWithinTableau.jpg
+++ b/www/images/ImagesLea/warWithinTableau.jpg
--- a/www/images/ImagesLea/warframeDeimos.jpg
+++ b/www/images/ImagesLea/warframeDeimos.jpg
--- a/www/images/ImagesLea/warframeEntratiLab.jpg
+++ b/www/images/ImagesLea/warframeEntratiLab.jpg
--- a/www/images/ImagesLea/warframeEntratiLab2.jpg
+++ b/www/images/ImagesLea/warframeEntratiLab2.jpg
--- a/www/images/ImagesLea/warframeFortuna.jpg
+++ b/www/images/ImagesLea/warframeFortuna.jpg
--- a/www/images/ImagesLea/warframeGrineerFortress.jpg
+++ b/www/images/ImagesLea/warframeGrineerFortress.jpg
--- a/www/images/ImagesLea/warframeLore.jpg
+++ b/www/images/ImagesLea/warframeLore.jpg
--- a/www/images/ImagesLea/warframeOrowyrm.jpg
+++ b/www/images/ImagesLea/warframeOrowyrm.jpg
--- a/www/images/ImagesLea/warframeRailjack.jpg
+++ b/www/images/ImagesLea/warframeRailjack.jpg
--- a/www/images/ImagesLea/warframeRailjackInterior.jpg
+++ b/www/images/ImagesLea/warframeRailjackInterior.jpg
--- a/www/images/ImagesLea/warframeRedVeil.jpg
+++ b/www/images/ImagesLea/warframeRedVeil.jpg
--- a/www/images/ImagesLea/warframeSentientRemains.jpg
+++ b/www/images/ImagesLea/warframeSentientRemains.jpg
--- a/www/images/ImagesLea/warframeStoryDE.jpg
+++ b/www/images/ImagesLea/warframeStoryDE.jpg
--- a/www/images/ImagesLea/warframeUmbra.jpg
+++ b/www/images/ImagesLea/warframeUmbra.jpg
--- a/www/images/ImagesLea/warframeVome.jpg
+++ b/www/images/ImagesLea/warframeVome.jpg
--- a/www/images/ImagesLea/warframeWeapons.jpg
+++ b/www/images/ImagesLea/warframeWeapons.jpg
--- a/www/images/ImagesLea/warwithin.jpg
+++ b/www/images/ImagesLea/warwithin.jpg
--- a/www/images/ImagesLea/whispers.jpg
+++ b/www/images/ImagesLea/whispers.jpg
--- a/www/images/f4vicon.ico
+++ b/www/images/f4vicon.ico
--- a/www/images/imageSR/Warframe0006.webp
+++ b/www/images/imageSR/Warframe0006.webp
--- a/www/images/imageSR/qu/assassinat.jpg
+++ b/www/images/imageSR/qu/assassinat.jpg
--- a/www/images/imageSR/qu/capture.jpg
+++ b/www/images/imageSR/qu/capture.jpg
--- a/www/images/imageSR/qu/defense.jpg
+++ b/www/images/imageSR/qu/defense.jpg
--- a/www/images/imageSR/qu/defenseMobile.jpg
+++ b/www/images/imageSR/qu/defenseMobile.jpg
--- a/www/images/imageSR/qu/detournement.jpg
+++ b/www/images/imageSR/qu/detournement.jpg
--- a/www/images/imageSR/qu/espionnage.jpg
+++ b/www/images/imageSR/qu/espionnage.jpg
--- a/www/images/imageSR/qu/excavation.jpg
+++ b/www/images/imageSR/qu/excavation.jpg
--- a/www/images/imageSR/qu/extermination.jpg
+++ b/www/images/imageSR/qu/extermination.jpg
--- a/www/images/imageSR/qu/interception.jpg
+++ b/www/images/imageSR/qu/interception.jpg
--- a/www/images/imageSR/qu/invasion.jpg
+++ b/www/images/imageSR/qu/invasion.jpg
--- a/www/images/imageSR/qu/railjack.jpg
+++ b/www/images/imageSR/qu/railjack.jpg
--- a/www/images/imageSR/qu/recuperation.jpg
+++ b/www/images/imageSR/qu/recuperation.jpg
--- a/www/images/imageSR/qu/sabotage.jpg
+++ b/www/images/imageSR/qu/sabotage.jpg
--- a/www/images/imageSR/qu/sabotageRuches.jpg
+++ b/www/images/imageSR/qu/sabotageRuches.jpg
--- a/www/images/imageSR/qu/sauvetage.jpg
+++ b/www/images/imageSR/qu/sauvetage.jpg
--- a/www/images/imageSR/qu/survie.jpg
+++ b/www/images/imageSR/qu/survie.jpg
--- a/www/images/imagesAndres/Ember/Ember.jpg
+++ b/www/images/imagesAndres/Ember/Ember.jpg
--- a/www/images/imagesAndres/Ember/EmberHeirloom.jpg
+++ b/www/images/imagesAndres/Ember/EmberHeirloom.jpg
--- a/www/images/imagesAndres/Ember/EmberPh.jpg
+++ b/www/images/imagesAndres/Ember/EmberPh.jpg
--- a/www/images/imagesAndres/Ember/EquinoxPh.jpg
+++ b/www/images/imagesAndres/Ember/EquinoxPh.jpg
--- a/www/images/imagesAndres/Ember/habEmber.PNG
+++ b/www/images/imagesAndres/Ember/habEmber.PNG
--- a/www/images/imagesAndres/Equinox/AspectJour.jpg
+++ b/www/images/imagesAndres/Equinox/AspectJour.jpg
--- a/www/images/imagesAndres/Equinox/AspectJourRouge.jpg
+++ b/www/images/imagesAndres/Equinox/AspectJourRouge.jpg
--- a/www/images/imagesAndres/Equinox/AspectNuit.jpg
+++ b/www/images/imagesAndres/Equinox/AspectNuit.jpg
--- a/www/images/imagesAndres/Equinox/AspectNuitRouge.jpg
+++ b/www/images/imagesAndres/Equinox/AspectNuitRouge.jpg
--- a/www/images/imagesAndres/Equinox/Equinox.jpg
+++ b/www/images/imagesAndres/Equinox/Equinox.jpg
--- a/www/images/imagesAndres/Equinox/EquinoxRouge.jpg
+++ b/www/images/imagesAndres/Equinox/EquinoxRouge.jpg
--- a/www/images/imagesAndres/Equinox/equinoxHab.PNG
+++ b/www/images/imagesAndres/Equinox/equinoxHab.PNG
--- a/www/images/imagesAndres/Excalibur.PNG
+++ b/www/images/imagesAndres/Excalibur.PNG
--- a/www/images/imagesAndres/Frost/Frost.jpg
+++ b/www/images/imagesAndres/Frost/Frost.jpg
--- a/www/images/imagesAndres/Frost/FrostHeirloom.jpg
+++ b/www/images/imagesAndres/Frost/FrostHeirloom.jpg
--- a/www/images/imagesAndres/Frost/FrostPh.jpg
+++ b/www/images/imagesAndres/Frost/FrostPh.jpg
--- a/www/images/imagesAndres/Frost/frostHab.PNG
+++ b/www/images/imagesAndres/Frost/frostHab.PNG
--- a/www/images/imagesAndres/Koumei/Avatar2.PNG
+++ b/www/images/imagesAndres/Koumei/Avatar2.PNG
--- a/www/images/imagesAndres/Koumei/AvatarKoumei.PNG
+++ b/www/images/imagesAndres/Koumei/AvatarKoumei.PNG
--- a/www/images/imagesAndres/Koumei/Koumei.jpg
+++ b/www/images/imagesAndres/Koumei/Koumei.jpg
--- a/www/images/imagesAndres/Koumei/KoumeiPh
+++ b/www/images/imagesAndres/Koumei/KoumeiPh
--- a/www/images/imagesAndres/Koumei/PurpleKoumei.jpg
+++ b/www/images/imagesAndres/Koumei/PurpleKoumei.jpg
--- a/www/images/imagesAndres/Koumei/kouhab.PNG
+++ b/www/images/imagesAndres/Koumei/kouhab.PNG
--- a/www/images/imagesAndres/Koumei/koumeiHab.PNG
+++ b/www/images/imagesAndres/Koumei/koumeiHab.PNG
--- a/www/images/imagesAndres/Nokko.PNG
+++ b/www/images/imagesAndres/Nokko.PNG
--- a/www/images/imagesAndres/Nova.PNG
+++ b/www/images/imagesAndres/Nova.PNG
--- a/www/images/imagesAndres/Rhino/Rhino.jpg
+++ b/www/images/imagesAndres/Rhino/Rhino.jpg
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Stan	b2e657498c	reparer missions	2025-12-04 20:59:29 -05:00
Stan	7c534b1473	reparation site statique images credit et reponse	2025-12-04 20:26:09 -05:00
Jeremy	6fdfeb95aa	Correctif logo	2025-12-04 15:38:00 -05:00
Jeremy	8927b8878b	Fix logo glitch + erreur corriger dans la remise initiale (probablement un erreur de branche)	2025-12-04 15:28:46 -05:00
Stan	9d5dbcb2de	style essai	2025-12-04 00:02:59 -05:00
Stan	453c5fca07	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-04 00:02:44 -05:00
Stan	4678052b69	changer nom des fichiers	2025-12-03 23:58:19 -05:00
Jeremy	26c9d66a42	Fix final	2025-12-03 23:52:49 -05:00
Jeremy	a1115e5d6f	Fix aPropos.	2025-12-03 23:47:03 -05:00
Jeremy	a62c28d069	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 23:42:32 -05:00
Stan	32b0d3ea0a	RENOMMER FICHIER PArtiel	2025-12-03 23:41:50 -05:00
Jeremy	55d95fdff5	Retrait script temporaire	2025-12-03 23:41:44 -05:00
Jeremy	ef7a3603cd	Ajout d'un lien pour télécharger la chanson	2025-12-03 23:40:05 -05:00
Jeremy	45b5ca9b53	Correction erreur de virgule	2025-12-03 23:30:13 -05:00
Jeremy	0d4fc0cdaf	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 23:20:24 -05:00
Jeremy	7387f0b83a	Finalisation aPropos.html + CSS	2025-12-03 23:20:19 -05:00
Stan	a170091129	Diminution des video a 720p	2025-12-03 23:18:14 -05:00
Stan	db098654dc	ajout entete	2025-12-03 23:05:26 -05:00
Stan	31eb6bf609	clean script.js et ajout target_blank et checklist	2025-12-03 23:05:16 -05:00
Andres	ecaf487c96	correction liste	2025-12-03 22:41:50 -05:00
Andres	4517f6c275	correction liste	2025-12-03 22:37:43 -05:00
Stan	4e4a0937be	maps damn it	2025-12-03 22:37:25 -05:00
Andres	1c729295f7	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 22:32:16 -05:00
Andres	c7ecee7dcc	ajout gros tableau 4x4	2025-12-03 22:32:15 -05:00
Stan	c9f366fcb8	essai maps	2025-12-03 22:26:22 -05:00
Jeremy	f1c4159a78	Menage dans le code de aPropos.html	2025-12-03 22:23:35 -05:00
Jeremy	e4d2a7dbd7	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 22:03:31 -05:00
Jeremy	c48a22978b	Update a la apge aPropos pour la mis een forme	2025-12-03 22:03:28 -05:00
Stan	50b012ec96	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 22:01:05 -05:00
Stan	2cf8da051b	Blur sur glitch	2025-12-03 22:01:04 -05:00
Andres	5dcb76df6c	petit changement de taille	2025-12-03 21:53:02 -05:00
Andres	9835cbca11	petit changement de taille	2025-12-03 21:51:32 -05:00
Andres	cdd0cc7a17	images hab koumei	2025-12-03 21:44:58 -05:00
Andres	0af3351b29	ajout koumei habilites	2025-12-03 21:34:11 -05:00
Stan	deffdeec50	ajout de rond sur maps	2025-12-03 21:18:41 -05:00
Stan	3affba6764	ajout balise audio	2025-12-03 21:16:25 -05:00
LD	ac184a0c24	atteinte du sweet spot pour le visuel vidéo	2025-12-03 21:05:53 -05:00
LD	f97c5a6d63	Tentative d'atteindre le sweet spot pour le fond de vidéo et ajout du message si la balise vidéo n'est pas compatible	2025-12-03 21:04:36 -05:00
LD	69e081c034	modif de la largeur du fond opaque	2025-12-03 21:00:46 -05:00
LD	daebb6a889	tweaking du style pour le fond foncé de la vidéo d'intro	2025-12-03 20:59:23 -05:00
LD	052f838a3e	modification d'espaces invisibles(?) dans le texte Index	2025-12-03 20:58:18 -05:00
LD	94156b83f6	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 20:54:58 -05:00
LD	ca154c6150	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 20:50:34 -05:00
Stan	84fdadf1e8	changement du glitch a 2.5 sec	2025-12-03 20:48:10 -05:00
LD	9d0959ab6e	Réparation de la section 1 d'index et du bouton rencontrez l'équipe	2025-12-03 20:46:43 -05:00
Jeremy	c7ce5a8763	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 20:38:25 -05:00
Jeremy	f5e479f491	Correction orthographique de la page missions.html	2025-12-03 20:38:23 -05:00
Stan	fa7b9696b7	Ajout glitch partiel	2025-12-03 20:38:15 -05:00
Stan	f7b3a2a626	ajout des videos de Jeremy a GITIGNORE	2025-12-03 20:26:33 -05:00
Stan	1bd9cc9200	FULL Cleanup pre-remises : dossier multimedia, FOOTER and NAV	2025-12-03 20:17:52 -05:00
Stan	837868e33b	missions et aPropos	2025-12-03 19:55:42 -05:00
Stan	54ea2620be	Stan getting there 🎯	2025-12-03 14:28:45 -05:00
Stan	06690f35b4	amelioration style missions	2025-12-03 14:12:27 -05:00
Jeremy	a9be81072a	Correction orthographique missions.html	2025-12-03 14:04:09 -05:00
Stan	c22c418208	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 13:57:28 -05:00
Stan	f5e8bab036	MAJ aPropos et missions	2025-12-03 13:57:27 -05:00
Jeremy	5b7c942ca1	Correction orthographique nav + footer dans la page missions.html	2025-12-03 13:57:24 -05:00
Jeremy	71756a7819	Correction orthographique armures.html	2025-12-03 13:52:29 -05:00
Jeremy	e2267e6e30	Correction orthographique aPropos.html	2025-12-03 13:43:45 -05:00
Jeremy	7b1669719d	Correction orthographique sousPageLore4.html	2025-12-03 13:35:13 -05:00
Jeremy	677f964736	Correction orthographique sousPageLore3.html	2025-12-03 13:33:04 -05:00
Jeremy	2fbc05fe72	Correction orthographique sousPageLore2.html	2025-12-03 13:30:59 -05:00
Jeremy	89537157e8	Partie 1 - Correction orthographique de la page sousPageLore2.html	2025-12-03 13:22:29 -05:00
Jeremy	b867a00be1	Correction orthographique de la page sousPageLore1.html	2025-12-03 13:11:11 -05:00
Jeremy	01bf035f18	Correction orthographique de la page lore.html	2025-12-03 13:03:40 -05:00
Jeremy	51d591eb92	Correction orthographique de la page index.html	2025-12-03 13:01:45 -05:00
Jeremy	7f6302a7b9	Correction orthographique de la page histoire.html	2025-12-03 12:59:38 -05:00
Jeremy	5f1f27c599	Correction orthographqiue de la page team.html	2025-12-03 12:55:29 -05:00
Jeremy	189dccd74c	Correction orthographique de la page reponse.html	2025-12-03 12:52:36 -05:00
Jeremy	90b50a4c91	Correction typographique de la page des crédits	2025-12-03 12:51:41 -05:00
Jeremy	bcfca6f79d	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-12-03 12:48:52 -05:00
Jeremy	d09b41fb90	Correction des fautes d'ortographes de la page des crédits.	2025-12-03 12:48:49 -05:00
Stan	1108cc3203	WIP missions.html	2025-12-03 12:37:16 -05:00
Andres	be575daa38	correction du width de wiki photos	2025-12-02 17:19:18 -05:00
Stan	a14c1d5523	mise a jour de aPropos et missions	2025-12-02 11:33:08 -05:00
Stan	32edf8ed5e	mise a jour de aPropos et missions	2025-12-02 11:32:41 -05:00
LD	0fbf2e5029	ajout de l'image perdue sur la page d'accueil pour la section Univers Sci Fi	2025-12-02 11:29:14 -05:00
Jeremy	c4301d663d	Ajout de l'image pour la page de crédits + retrait des images inutilisés dédier a la page de crédits	2025-12-01 10:24:51 -05:00
Jeremy	7de731b866	Ajout d'un crédit (NDLR: oui bon, faut pas regarder l'heure de se commit, cela m'empechais de dormir XD)	2025-12-01 01:33:02 -05:00
Jeremy	2931d30760	Update: Mise en forme du fichier styles.css	2025-11-30 23:52:00 -05:00
Jeremy	e4a4460ce5	Correction ortographique mineur (retrait de 2 majuscule pour des minuscules)	2025-11-30 23:42:49 -05:00
Jeremy	a3f1d8857c	Ajout + Update : Commentaire de crédit dans les fichiers html et css	2025-11-30 23:36:44 -05:00
Jeremy	b45ea05c09	Update: To do list	2025-11-30 23:19:47 -05:00
Jeremy	74ec05f959	Retrait du commit "2a346a3570"	2025-11-30 23:10:38 -05:00
Jeremy	a30a759635	Update du robots.txt	2025-11-30 23:07:30 -05:00
Jeremy	2a346a3570	Test footer (pour la case jaune qui impacte le rendu ;-;)	2025-11-30 23:03:16 -05:00
Jeremy	6e3ebac84d	Update du footer (Update du style du footer + Ajout d'un bouton pour accéder à la page des crédits) + Correctif d'un bug mineur dans le nav	2025-11-30 22:56:07 -05:00
Jeremy	4e5c1a91cf	Ajout d'un crédit	2025-11-30 22:21:57 -05:00
Jeremy	2ac8609e50	Refonte des crédits + quasi finalisation des crédits + retrait des images inutilisés dans les pages d'équipe et de l'histoire DE	2025-11-30 22:17:51 -05:00
Jeremy	caf02fadc3	Finalisation page reponse (page lorsqu'on soumet le form)	2025-11-30 20:41:49 -05:00
Jeremy	a5b9155d6d	Page d'histoire DE finalisation	2025-11-30 20:33:27 -05:00
Jeremy	4c490e7c83	Page d'histoire - finalisation	2025-11-30 20:33:17 -05:00
Jeremy	fb11438ed2	Ajout des images dans la page d'histoire DE	2025-11-30 20:09:13 -05:00
Jeremy	c7c07192db	Refonte graphique de la page d'histoire DE + Ajout du texte	2025-11-30 19:07:55 -05:00
Jeremy	6cd978a05c	Fix page team pour le validateur	2025-11-30 18:15:08 -05:00
Jeremy	0c7fab02cc	Fix pour le validateur - Page team	2025-11-30 18:13:33 -05:00
Jeremy	644bfe556e	Fix mineur	2025-11-30 18:10:56 -05:00
Jeremy	0cf786feee	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 18:09:07 -05:00
Jeremy	d89fb1a8d0	NAV : Finalisation !	2025-11-30 18:09:01 -05:00
Stan	549b0f6eab	Page aPropos et style	2025-11-30 17:59:33 -05:00
Jeremy	f9c1919bf5	MAJ: To do list	2025-11-30 17:49:04 -05:00
Andres	8a6c1ac35d	ajout de mon email	2025-11-30 17:43:27 -05:00
Andres	615115afaa	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 17:40:32 -05:00
Andres	2c6082950a	ajout d'ombrage sur le background	2025-11-30 17:40:30 -05:00
Jeremy	b28eb08eae	Correctif a la mise en forme du styles.css	2025-11-30 17:37:27 -05:00
Jeremy	d21f5d2820	Correctif a la mise en forme du styles.css	2025-11-30 17:37:00 -05:00
Jeremy	28b11d4b1d	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 17:32:15 -05:00
Jeremy	1d3ff16a01	Correctif au nav	2025-11-30 17:32:13 -05:00
Andres	808aaf3a9f	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 17:31:44 -05:00
Andres	6edb6a5de4	ajout de css et html pour zone wiki et contact	2025-11-30 17:31:42 -05:00
Andres	c62b58f145	img wiki	2025-11-30 17:29:26 -05:00
Jeremy	0316193ae4	Team page : Correctif au header + background fixed	2025-11-30 17:08:32 -05:00
Jeremy	fceb8610d6	Page d'équipe : correctif pour l'accessibilité	2025-11-30 16:56:24 -05:00
Jeremy	0d6b2fe373	Ajout d'une couleur blanche au texte lorsque selectionner (pour que sa reste visible lorsque le texte d'origine est noire)	2025-11-30 16:54:13 -05:00
Jeremy	17788b03d4	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 16:50:31 -05:00
Jeremy	bf90493dd0	Page d'équipe complété !	2025-11-30 16:50:29 -05:00
Stan	4ee5f9cc68	reparation lien armures dans index.html	2025-11-30 16:36:23 -05:00
Stan	a7ba076bcb	Changement aPropos	2025-11-30 16:34:44 -05:00
Jeremy	0c45c9b55a	Fix au saut de ligne sur la page d'équipe	2025-11-30 16:13:49 -05:00
Jeremy	76775e33c6	Update a la page d'équipe pour le bouton du header	2025-11-30 16:08:49 -05:00
Jeremy	eb18199848	Fix du filtre dans la page d'équipe	2025-11-30 15:58:53 -05:00
Jeremy	2079027b9e	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 15:54:52 -05:00
Jeremy	a1fc788779	Update majeur a la page d'équipe. Uniformisation du style	2025-11-30 15:54:50 -05:00
Andres	b24cc0c509	ajout d'un tableau avec plus de warframes	2025-11-30 15:33:31 -05:00
Andres	7ebb3494bc	ajout de warframes suppl	2025-11-30 15:33:01 -05:00
Andres	6621c57487	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 14:16:45 -05:00
Andres	cf2f07ff0b	ajout de lien vers le site de warframe	2025-11-30 14:16:43 -05:00
Jeremy	a6d96165eb	Retrait d'une propriété inutile	2025-11-30 14:10:08 -05:00
Jeremy	287cc0f120	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-30 14:09:31 -05:00
Andres	cf5c915754	modifications dans les sections des armures	2025-11-30 13:39:28 -05:00
Andres	156e74174a	image habilités Voruna	2025-11-30 13:39:10 -05:00
Andres	3a476b7635	image habilités Sevagoth	2025-11-30 13:38:57 -05:00
Andres	c2c5beca62	image habilités Rhino	2025-11-30 13:23:34 -05:00
Andres	fb2d0d0a32	image habilités Koumei	2025-11-30 13:17:54 -05:00
Andres	a2ab6c78d9	modifications dans les sections des armures	2025-11-30 13:12:18 -05:00
Andres	13ea13f811	image habilités Frost	2025-11-30 13:06:56 -05:00
Andres	d03937340e	image habilités Equinox	2025-11-30 13:06:12 -05:00
Andres	1acdf83d03	ajout image habilités Ember	2025-11-30 12:51:28 -05:00
Andres	270a1d9ff1	changements dans le nav des habilités et le css	2025-11-30 12:47:59 -05:00
Andres	6530235070	nav des armures et css	2025-11-30 12:15:50 -05:00
Andres	01d9b26516	ajout nav pour armures	2025-11-30 11:57:23 -05:00
Andres	b1d9d4dfb8	ajout class div pour equinox	2025-11-30 11:39:16 -05:00
Jeremy	11e0de5d6d	Update au aside des sous-pages lore dans le css. Probleme du background pas réglé, mais optimisation du code.	2025-11-30 00:59:37 -05:00
LD	dc16a8c330	modification du fond de lore pour foncé	2025-11-29 20:57:54 -05:00
LD	6bb99a6842	mise à jour final sur l'apparence visuelle des pages de Lore	2025-11-29 20:52:31 -05:00
LD	6609536663	ajout et suppression des images des pages Lore et changement de la mise en page	2025-11-29 20:24:08 -05:00
LD	a65bd6ab78	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-28 14:07:40 -05:00
LD	3b7497d0d6	ajout de plus d'images	2025-11-28 14:07:38 -05:00
Jeremy	57292ac054	COMMIT 300 \| Retrait de commentaires obsolète	2025-11-28 13:55:44 -05:00
Jeremy	6f16bf2e10	Correctif readme	2025-11-28 13:55:08 -05:00
Jeremy	a726716583	gitignore TEMPORAIRE video JEREMY	2025-11-28 13:48:48 -05:00
Jeremy	d37d0a0853	credits partiel sans media	2025-11-28 13:47:46 -05:00
LD	64c0fcd15b	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-28 13:43:55 -05:00
LD	e58387373d	modification d'images pour l'accueil et intégration d'une vidéo	2025-11-28 13:43:52 -05:00
Stan	a64a33f365	ajout de mkv pour git lfs	2025-11-28 11:46:44 -05:00
Stan	a653265b1a	changement a stan	2025-11-28 11:45:30 -05:00
LD	190e5617d3	Modification des images de la page lore	2025-11-28 10:26:24 -05:00
LD	43a0c841c6	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-28 09:17:05 -05:00
LD	0b12f5724a	correction d'orthographe abilités vers habiletés	2025-11-28 09:17:02 -05:00
Stan	7b890d85ad	changer README et aPropos.html	2025-11-27 10:39:50 -05:00
LD	b20ec0e060	ajustements mineurs sur la page Lore	2025-11-26 19:47:47 -05:00
LD	0e3a3eeadd	correction erreur pour le style apropos	2025-11-26 15:34:17 -05:00
LD	04dbe42ac1	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 15:33:10 -05:00
LD	3acdca367e	Finalisation de la page index, autant CSS que HTML. Plus qu'à Mettre les vrais images après les avoir prises	2025-11-26 15:33:08 -05:00
Stan	38ea64eb28	continuer aPropos.html	2025-11-26 15:11:30 -05:00
LD	0174f17dd3	ajout d'une section dans la page index	2025-11-26 14:40:05 -05:00
LD	ea1f567586	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 14:32:48 -05:00
LD	3f5c114ea4	ajout au dictionnaire et ajout d'images pour la page index	2025-11-26 14:32:45 -05:00
Stan	f75c20703e	arret de script ...	2025-11-26 14:20:28 -05:00
Andres	b88568ad83	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 14:17:39 -05:00
Andres	1a4dd5fb9a	changements dans le css et html des habilites-row	2025-11-26 14:17:36 -05:00
Jeremy	a730b56f7a	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 14:07:05 -05:00
Jeremy	e0b312c93d	Modification des crédit de la page d'équipe.	2025-11-26 14:07:03 -05:00
LD	8cfbdcda18	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 14:00:12 -05:00
LD	7e484189a4	correction de la section rencontrez l'équipe dans la page index	2025-11-26 14:00:09 -05:00
Jeremy	bf54592bf8	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 14:00:01 -05:00
Jeremy	302eb34efb	Correctif des boutons dans la page de histoire DE	2025-11-26 13:59:58 -05:00
LD	e3ef195270	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 13:55:11 -05:00
LD	e05f2703db	Modification d'une classe Lore qui s'appliquait sur tout les h2 et h3 de toutes les pages	2025-11-26 13:55:09 -05:00
Andres	4b5ad07114	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 13:54:44 -05:00
Andres	ad947ed0aa	changements dahs la disposition de la section habilités	2025-11-26 13:54:42 -05:00
LD	47bee40b5f	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 13:50:39 -05:00
LD	85ecd671ec	modification du style et code pour index	2025-11-26 13:50:36 -05:00
Stan	c0c5d9f621	modifier style et script	2025-11-26 13:31:11 -05:00
LD	348b0a645d	Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01	2025-11-26 13:23:12 -05:00
LD	dbf7b7ca86	ajout d'une image et de styles pour l'index	2025-11-26 13:23:09 -05:00
Andres	07056ea903	changements pour les habilités d'ember dans le html et css	2025-11-26 12:56:11 -05:00