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
84 changed files with 3039 additions and 445 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -510,3 +510,31 @@ 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
@@ -54,7 +54,7 @@ o <main> – Le contenu principal de la page
    - [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)
-  - [ ] balise `<nav>`
+  - [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>`
@@ -66,16 +66,19 @@ o <main> – Le contenu principal de la page
  - [x] Inclure les references pour chaques fichier multimedia
  - [ ] Au moins un lien de téléchargement
  - [ ] Un tableau
-    - [ ] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
-    - [ ] • Il doit y avoir de la fusion à l’intérieur du tableau.
-    - [ ] • Les bordures doivent être faites par CSS.
+    - [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
-    - [ ] • Au moins une liste à puce contenant au moins 3 éléments.
+    - [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)
-  - [ ] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web.
+  - [ ] 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
--- a/log-git-251203.txt
+++ b/log-git-251203.txt
--- a/www/aPropos.html
+++ b/www/aPropos.html
@@ -10,7 +10,7 @@
 <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>
@@ -18,7 +18,7 @@

 <body class="aProposBG">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
@@ -34,22 +34,20 @@
    <main class="aPropos">
        <h1>Contactez l’équipe!</h1>
        <div class="sidebyside">
-            <div class="colonne">
+            <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="firstField">
+                    <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">
+                            <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">
+                            <input id="email" name="email" type="email" required placeholder="(ex. vous@fournisseur.com)" size="30">
                        </div>
                    </fieldset>
                    <fieldset>
@@ -97,7 +95,6 @@
                            <div>
                                <label>Quel personnage voudriez-vous essayer : </label>
                                <div class="sidebyside">
-                                    <!-- test clickable region no need for in label when surrounding input ?? -->
                                    <label class="clickLabel" for="persoOne">
                                        <input type="checkbox" id="persoOne" name="persoOne" value="1">
                                        Ember</label>
@@ -134,7 +131,6 @@
                    </fieldset>
                    <fieldset>
                        <legend>Votre appréciation</legend>
-                        <!-- TODO : for="niveau" -->
                        <textarea name="zoneComment" rows="10" cols="80"
                            placeholder="Quelque chose à ajouter?"></textarea>
                    </fieldset>
@@ -143,73 +139,31 @@
                        <button type="reset">Réinitialiser</button>
                    </div>
                </form>
-            </div>
-            <div class="colonne">
+            </section>

+            <section class="coordonnees">
                <div id="contactInfo">
                    <div>
-                        <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>
+                        <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="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="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>
+                            <p id="titreCourriel">Courriel :</p>
+                            <a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
                        </div>
-
-                        <div>
-                            <div>
-                                <div class="conteneurMaps">
-                                    <iframe id="mapsFrame" title="Maps pour cégep"
-                                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca"
-                                        width="600" height="450" allowfullscreen="" loading="lazy"
-                                        referrerpolicy="no-referrer-when-downgrade"></iframe>
-                                </div>
-                            </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>
-                    <!--
-FIXME: Input nom et courriel largeur 
-FIXME: Centrer les div et fond-d'ecran
-FIXME: Padding 2e box ...
-
-
-Contenu minimal de la page de contact de votre site Web :
-• <main> – Le contenu principal de la page
-o Des informations de contact sous forme de :
-▪ Des coordonnées (adresse civique, adresse courriel, etc.) (peuvent être fictives)
-▪ Une carte interactive (Google maps, etc.)
-
-
-475 Rue du Cégep, Sherbrooke, QC J1E 4K1
-https://www.cegepsherbrooke.qc.ca/
-+18195646350
-
-
-
-o Un formulaire de type « contactez-nous » :
-▪ Deux zones de texte monolignes
-▪ Une zone de texte multilignes
-▪ Une liste déroulante
-▪ Des choix sous forme de cases à cocher
-▪ Des choix sous forme de boutons radio
-▪ Un bouton de réinitialisation du formulaire
-▪ Un bouton d’envoi du formulaire
-o Lors de son envoi, le formulaire doit faire afficher une nouvelle page contenant un message de remerciement
-pour avoir complété le formulaire (ex : reponse.html). Cette page devra être créé en plus des autres pages
-demandées.
-
-->
                </div>
-            </div>
+            </section>
        </div>
    </main>

--- a/www/armures.html
+++ b/www/armures.html
@@ -10,7 +10,7 @@
 <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>Armures</title>
@@ -18,7 +18,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
@@ -70,7 +70,7 @@
        <section id="Ember" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/EmberVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/emberVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -93,11 +93,11 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Ember/habEmber.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/ember.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -127,10 +127,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Equinox/equinoxHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/equinox.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -139,7 +139,7 @@
        <section id="Frost" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/FrostVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/frostVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -160,10 +160,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Frost/frostHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/frost.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -172,7 +172,7 @@
        <section id="Koumei" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/KoumeiVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/koumeiVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -194,10 +194,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Koumei/koumeiHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/koumei.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -206,7 +206,7 @@
        <section id="Rhino" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/RhinoVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/rhinoVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -227,10 +227,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Rhino/rhinoHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/rhino.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -239,7 +239,7 @@
        <section id="Sevagoth" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/SevagothVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/sevagothVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -260,10 +260,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Sevagoth/sevagothHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/sevagoth.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -272,7 +272,7 @@
        <section id="Voruna" class="perso">

            <video class="bg-video" autoplay muted loop playsinline>
-                <source src="multimedia/mediasAndres/VorunaVid.webm" type="video/webm">
+                <source src="multimedia/mediasAndres/vorunaVid.webm" type="video/webm">
            </video>

            <div class="bg-overlay"></div>
@@ -297,10 +297,10 @@

                <div class="habilites-row">
                    <div class="habilites">
-                        <img src="./images/ImagesAndres/Voruna/vorunaHab.PNG" alt="hh">
+                        <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>
+                        <video src="multimedia/mediasAndres/voruna.mp4" autoplay muted loop playsinline></video>
                    </div>
                </div>
            </div>
@@ -325,16 +325,60 @@

                    <tr>
                        <td>
-                            <img src="./images/ImagesAndres/Excalibur.PNG" alt="Excalibur">
+                            <img src="./images/imagesAndres/Excalibur.PNG" alt="Excalibur">
                        </td>
                        <td>
-                            <img src="./images/ImagesAndres/mag.PNG" alt="Mag">
+                            <img src="./images/imagesAndres/mag.PNG" alt="Mag">
                        </td>
                        <td>
-                            <img src="./images/ImagesAndres/Nokko.PNG" alt="Nokko">
+                            <img src="./images/imagesAndres/Nokko.PNG" alt="Nokko">
                        </td>
                        <td>
-                            <img src="./images/ImagesAndres/Nova.PNG" alt="Nova">
+                            <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>
@@ -348,51 +392,16 @@
            </div>

            <div class="accueilwiki">
-                <a href="https://wiki.warframe.com/">
-                    <img src="./images/ImagesAndres/accueilWiki.PNG" alt="jdjj">
+                <a target="_blank" href="https://wiki.warframe.com/">
+                    <img src="./images/imagesAndres/accueilWiki.PNG" alt="jdjj">
                </a>
            </div>

            <div class="accueilwiki">
-                <a href="https://wiki.warframe.com/w/Warframes">
-                    <img src="./images/ImagesAndres/warframeWiki.PNG" alt="fsfsf">
+                <a target="_blank" href="https://wiki.warframe.com/w/Warframes">
+                    <img src="./images/imagesAndres/warframeWiki.PNG" alt="fsfsf">
                </a>
            </div>
-
-            <div class="wikiinfo">
-                <h2>⬇️Si vous avez des questions⬇️</h2>
-            </div>
-
-            <div class="contact-lists">
-
-                <h2>Moyens de communication</h2>
-                <ol>
-                    <li>Téléphone : 514-555-9283</li>
-                    <li>Instagram : @AltF4_Official</li>
-                    <li>Twitter/X : @AltF4Team</li>
-                    <li><a href="mailto:davidescorcia.ca@mail.com">Envoyer un courriel</a></li>
-                </ol>
-                <br>
-                <h2>Réseaux associés</h2>
-
-                <ul>
-                    <li>Communautés en ligne
-                        <ul>
-                            <li>Serveur Discord — Communauté ALT-F4</li>
-                            <li>Forum officiel Warframe — Section ALT-F4</li>
-                        </ul>
-                    </li>
-
-                    <li>Contenus multimédias
-                        <ul>
-                            <li>Chaîne YouTube ALT-F4</li>
-                            <li>Live Twitch hebdomadaire</li>
-                        </ul>
-                    </li>
-                </ul>
-
-            </div>
-        </section>
    </main>

    <footer>
--- a/www/credits.html
+++ b/www/credits.html
@@ -10,7 +10,7 @@
 <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>Crédits</title>
@@ -18,7 +18,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
@@ -48,7 +48,8 @@
                        Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du
                        jeu.
                    </p>
-                    <div class="bouton"><a href="https://www.warframe.com/fr/game/about">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://www.warframe.com/fr/game/about">Voir la
+                            source</a></div>
                </div>
            </article>

@@ -112,7 +113,8 @@
                    <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 href="https://discotools.xyz/fr/icons-editor">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://discotools.xyz/fr/icons-editor">Voir la
+                            source</a></div>
                </div>
            </article>

@@ -123,7 +125,7 @@
                        Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour
                        avoir rempli le formulaire.
                    </p>
-                    <div class="bouton"><a href="https://www.figma.com/fr-fr/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://www.figma.com/fr-fr/">Voir la source</a></div>
                </div>
            </article>

@@ -134,7 +136,8 @@
                        Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le
                        formulaire.
                    </p>
-                    <div class="bouton"><a href="https://dribbble.com/lycocanario">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://dribbble.com/lycocanario">Voir la source</a>
+                    </div>
                </div>
            </article>

@@ -144,7 +147,8 @@
                    <p class="contenu">
                        Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet.
                    </p>
-                    <div class="bouton"><a href="https://code.visualstudio.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://code.visualstudio.com/">Voir la source</a>
+                    </div>
                </div>
            </article>

@@ -155,7 +159,7 @@
                        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
+                    <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>
@@ -167,7 +171,8 @@
                    <p class="contenu">
                        La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
                    </p>
-                    <div class="bouton"><a href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
+                    <div class="bouton"><a target="_blank"
+                            href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
                            source</a></div>
                </div>
            </article>
@@ -178,7 +183,7 @@
                    <p class="contenu">
                        Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet.
                    </p>
-                    <div class="bouton"><a href="https://about.gitea.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://about.gitea.com/">Voir la source</a></div>
                </div>
            </article>

@@ -188,7 +193,7 @@
                    <p class="contenu">
                        ChatGPT a permis la rédaction de certains textes du site.
                    </p>
-                    <div class="bouton"><a href="https://chatgpt.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://chatgpt.com/">Voir la source</a></div>
                </div>
            </article>

@@ -198,7 +203,7 @@
                    <p class="contenu">
                        Gemini a permis la rédaction de certains textes du site.
                    </p>
-                    <div class="bouton"><a href="https://gemini.google.com/app">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://gemini.google.com/app">Voir la source</a></div>
                </div>
            </article>

@@ -209,7 +214,7 @@
                        Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du
                        site.
                    </p>
-                    <div class="bouton"><a href="https://moqups.com/fr/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://moqups.com/fr/">Voir la source</a></div>
                </div>
            </article>

@@ -219,7 +224,7 @@
                    <p class="contenu">
                        Google Maps a permis l’intégration de la carte géographique sur le site.
                    </p>
-                    <div class="bouton"><a href="https://www.google.com/maps">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://www.google.com/maps">Voir la source</a></div>
                </div>
            </article>

@@ -229,7 +234,7 @@
                    <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 href="https://validator.w3.org/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://validator.w3.org/">Voir la source</a></div>
                </div>
            </article>

@@ -239,7 +244,7 @@
                    <p class="contenu">
                        Le moteur de recherche Brave Search a dépanné a de multiples reprises.
                    </p>
-                    <div class="bouton"><a href="https://search.brave.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://search.brave.com/">Voir la source</a></div>
                </div>
            </article>

@@ -249,7 +254,7 @@
                    <p class="contenu">
                        Le moteur de recherche Google a dépanné à de multiples reprises.
                    </p>
-                    <div class="bouton"><a href="https://www.google.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://www.google.com/">Voir la source</a></div>
                </div>
            </article>

@@ -259,7 +264,7 @@
                    <p class="contenu">
                        Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises.
                    </p>
-                    <div class="bouton"><a href="https://duckduckgo.com/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://duckduckgo.com/">Voir la source</a></div>
                </div>
            </article>

@@ -269,7 +274,7 @@
                    <p class="contenu">
                        L’outil paint.net a permis l’édition de plusieurs images présentes sur le site.
                    </p>
-                    <div class="bouton"><a href="https://www.getpaint.net/">Voir la source</a></div>
+                    <div class="bouton"><a target="_blank" href="https://www.getpaint.net/">Voir la source</a></div>
                </div>
            </article>

@@ -279,7 +284,18 @@
                    <p class="contenu">
                        Le site de Google Fonts a permis de trouver une police pour le site.
                    </p>
-                    <div class="bouton"><a href="https://fonts.google.com/">Voir la source</a></div>
+                    <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>
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -17,58 +17,6 @@
    box-sizing: border-box;
 }

-/** SECTION modifier par script  **/
-#updateDate {
-    visibility: hidden;
-    display: none;
-}
-
-#updateDateV {
-    visibility: visible;
-    display: block;
-    background-color: yellow;
-    font-weight: bold;
-    color: black;
-}
-
-#updateDateW {
-    visibility: visible;
-    display: block;
-    font-weight: bold;
-    color: white;
-}
-
-#pageCouranteNAV {
-    text-shadow: violet 2px;
-    box-shadow: #ffefe5;
-}
-
-/** FIN DE SECTION modifier par script  **/
-
-.sidebyside {
-    display: flex;
-}
-
-.colonne {
-    flex: 1;
-}
-
-/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
-.col-container {
-    display: table;
-}
-
-.col {
-    display: table-cell;
-    /* Make elements inside the container behave like table cells */
-}
-
-.centered {
-    text-align: center;
-    margin: auto;
-    display: block;
-}
-
 body {
    min-height: 100vh;
    /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */
@@ -312,6 +260,33 @@ footer a:hover {
    display: block;
 }

+.aPropos .sidebyside {
+    display: flex;
+    max-width: 100%;
+}
+
+.aPropos .sidebyside section.commentaire,
+.aPropos .sidebyside section.coordonnees {
+    width: 50%;
+    margin: 16px;
+}
+
+/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
+.aPropos .col-container {
+    display: table;
+}
+
+.aPropos .col {
+    display: table-cell;
+    /* Make elements inside the container behave like table cells */
+}
+
+.aPropos .centered {
+    text-align: center;
+    margin: auto;
+    display: block;
+}
+
 .aPropos h1 {
    text-align: center;
 }
@@ -331,35 +306,19 @@ footer a:hover {
    padding: 1em;
 }

-
-.aPropos .sidebyside>div {
-    margin: 5px 20px;
-}
-
-.aPropos .sidebyside>h2 {
-    width: 100%;
-
-}
-
 .aPropos textarea {
    resize: none;
    width: 100%;
 }

-
 .aPropos form {
-    width: 70ch;
+    width: 100%;
+    height: 100%;
    margin: auto;
    background-color: #726F9A;
    border-radius: 20px;
-    padding: 1em;
+    padding: 16px;
    color: #E6ECF3;
-    overflow: none;
-
-}
-
-.aPropos .sidebyside>div {
-    height: 100%;
 }

 .aPropos p {
@@ -371,6 +330,7 @@ footer a:hover {
    padding: 1em;
    border-radius: 20px;
    color: #E6ECF3;
+    width: 100%;
 }

 .aPropos .grille {
@@ -380,6 +340,7 @@ footer a:hover {
        "titreInfo contenuInfo"
        "titreTelephone contenuTelephone"
        "titreCourriel contenuCourriel";
+    grid-template-columns: 1fr 2fr;
 }

 .aPropos .grille #titreAdresse {
@@ -422,7 +383,6 @@ footer a:hover {
    text-align: right;
 }

-
 .aPropos .grille #contenuAdresse,
 .aPropos .grille #contenuInfo,
 .aPropos .grille #contenuTelephone,
@@ -439,8 +399,26 @@ footer a:hover {
    color: #c19f8a;
 }

+/* Hide scrollbar for Chrome, Safari and Opera */
+.conteneurMaps::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.conteneurMaps {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+    padding: 0;
+    margin: auto;
+    width: 100%;
+}
+
 .aPropos #mapsFrame {
    border-radius: 20px;
+    width: 100%;
+    height: 400px;
 }

 .aPropos .sidebyside label {
@@ -462,20 +440,16 @@ footer a:hover {
    margin-bottom: 1em;
 }

-.aPropos #firstField label {
+.aPropos #infoContact label {
    width: 11em;
    display: inline-block
 }

-.aPropos #firstField input {
+.aPropos #infoContact input {
    width: 25em;
    display: inline-block
 }

-/*.aPropos div {*/
-/*    display: block; */
-/*}*/
-
 /****************************/
 /* PAGE: L'équipe */
 /* AUTEUR: Jérémy Hébert */
@@ -988,6 +962,13 @@ footer a:hover {

 }

+.missions .sidebyside {
+
+        display: flex;
+    max-width: 100%;
+
+}
+
 .missions section {
    height: 40vh;
    min-height: 200px;
@@ -1002,7 +983,7 @@ footer a:hover {
 }

 .missions h1,
-h2 {
+.missions h2 {
    margin-bottom: 2em;
 }

@@ -1016,12 +997,12 @@ h2 {
    font-weight: 600;
 }

-.missions section:nth-child(odd) article {
+.missions section:nth-child(even) article {
    text-align: right;
    /* float: right; */
 }

-.missions section:nth-child(even) article {
+.missions section:nth-child(odd) article {
    text-align: left;
 }

@@ -1029,7 +1010,7 @@ h2 {
    max-width: 50%;
 }

-.missions section:nth-child(odd)>article>p {
+.missions section:nth-child(even)>article>p {
    margin: auto 0 auto auto;
    text-align: right;
 }
@@ -1288,6 +1269,10 @@ h2 {
    padding: 10px;
 }

+.wf-table-simple li {
+    list-style: none;
+}
+
 /****************************/
 /* PAGE: Crédits */
 /* AUTEUR: Jérémy Hébert */
@@ -1300,7 +1285,7 @@ h2 {
 }

 .credits header.introduction {
-    background: #13172c url("../images/ImagesCredits/Header.webp") center/cover fixed;
+    background: #13172c url("../images/imagesCredits/Header.webp") center/cover fixed;
    background-position: top;
    height: 100vh;
    display: block;
@@ -1397,7 +1382,7 @@ h2 {
 /* AUTEUR: Jérémy Hébert */
 /****************************/
 .reponse {
-    background: #C19F8A url("../images/ImagesReponse/Merci.png") center;
+    background: #C19F8A url("../images/imagesReponse/Merci.png") center;
    background-size: cover;
    background-position: top;
    color: #ffefe5;
--- a/www/histoire.html
+++ b/www/histoire.html
@@ -10,7 +10,7 @@
 <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>
@@ -18,7 +18,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/images/f4vicon.ico
+++ b/www/images/f4vicon.ico
--- 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/www/images/imagesAndres/Rhino/RhinoHeirloom.jpg
+++ b/www/images/imagesAndres/Rhino/RhinoHeirloom.jpg
--- a/www/images/imagesAndres/Rhino/RhinoPh.jpg
+++ b/www/images/imagesAndres/Rhino/RhinoPh.jpg
--- a/www/images/imagesAndres/Rhino/rhinoHab.PNG
+++ b/www/images/imagesAndres/Rhino/rhinoHab.PNG
--- a/www/images/imagesAndres/Sevagoth/Sevagoth.jpg
+++ b/www/images/imagesAndres/Sevagoth/Sevagoth.jpg
--- a/www/images/imagesAndres/Sevagoth/SevagothPh.jpg
+++ b/www/images/imagesAndres/Sevagoth/SevagothPh.jpg
--- a/www/images/imagesAndres/Sevagoth/SevagothRed.jpg
+++ b/www/images/imagesAndres/Sevagoth/SevagothRed.jpg
--- a/www/images/imagesAndres/Sevagoth/sevagothHab.PNG
+++ b/www/images/imagesAndres/Sevagoth/sevagothHab.PNG
--- a/www/images/imagesAndres/Voruna/Voruna.jpg
+++ b/www/images/imagesAndres/Voruna/Voruna.jpg
--- a/www/images/imagesAndres/Voruna/VorunaVoidshell.jpg
+++ b/www/images/imagesAndres/Voruna/VorunaVoidshell.jpg
--- a/www/images/imagesAndres/Voruna/vorunaHab.PNG
+++ b/www/images/imagesAndres/Voruna/vorunaHab.PNG
--- a/www/images/imagesAndres/accueilWiki.PNG
+++ b/www/images/imagesAndres/accueilWiki.PNG
--- a/www/images/imagesAndres/mag.PNG
+++ b/www/images/imagesAndres/mag.PNG
--- a/www/images/imagesAndres/warframeWiki.PNG
+++ b/www/images/imagesAndres/warframeWiki.PNG
--- a/www/images/imagesCredits/Header.webp
+++ b/www/images/imagesCredits/Header.webp
--- a/www/images/imagesReponse/Merci.png
+++ b/www/images/imagesReponse/Merci.png
--- a/www/images/logoALT-F4_Nav.svg
+++ b/www/images/logoALT-F4_Nav.svg
--- a/www/images/logoAlt-F4_NavGlitch.svg
+++ b/www/images/logoAlt-F4_NavGlitch.svg
--- a/www/index.html
+++ b/www/index.html
@@ -10,7 +10,7 @@
 <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>Les Alt-F4</title>
@@ -18,7 +18,7 @@

 <body class="accueil">
 	<nav>
-		<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+		<a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
 				id="logoAccueil"></a>

 		<ul>
@@ -47,10 +47,7 @@
 						évolution. Grâce à une grande liberté de personnalisation et à un contenu régulièrement enrichi,
 						Warframe offre une expérience profonde, fluide et accessible en équipe comme en solo.</p>
 				</div>
-				<video autoplay muted loop playsinline id="video">
-					Balise vidéo non supportée
-					<source src="multimedia/mediasLea/warframeIntro.mp4" type="video/mp4">
-				</video>
+				<video autoplay muted loop playsinline id="video" src="multimedia/mediasLea/warframeIntro.mp4">Balise vidéo non supportée</video>
 			</section>
 		</header>

--- a/www/js/script.js
+++ b/www/js/script.js
@@ -1,164 +1,50 @@
-
+/* AUTEUR: Stan
+   DATE : 2025-12-03
+   DESC: Ajout de glitch comme certains evenement dans Warframe
+   */
 // https://www.geeksforgeeks.org/html/difference-between-domcontentloaded-and-load-events/
-// Performance for my useCase (modify NAV and FOOTER)
-// https://stackoverflow.com/questions/44329324/cannot-read-property-symbolsymbol-iterator-of-undefined
-/*
-document.addEventListener("DOMContentLoaded", 
-    function(e) {
-        console.log("DOMContentLoaded triggered !");

-        var topEl  = document.getElementsByTagName("nav"); // maybe header
-        var listLI = topEl[0].getElementsByTagName("li");
+// https://www.w3schools.com/js/js_timing.asp
+// https://stackoverflow.com/questions/62039703/blur-an-image-with-javascript
+function timerBlur() {
+  var count = 3;
+  var timer2 = setInterval(function () {

+    if (count == 3) {
+      document.getElementById('logoAccueil').style.filter = "blur(3px)";

-document.getElementById("");
- //       var allA = listLI.getElementsByTagName("a");
-// topEl.
-
-listLI.forEach(nodeLI => {console.log(nodeLI.innerHTML);});
-*/
-/*
-allA.forEach(node => {
-    console.log(node);
-});
-
-*/
-/*
-        // let myNav = document.getElementsByTagName("nav");
-        // myNav.getElementsByTagName("a")
-        for (child of allA){
-            console.log(child.innerHTML);
-        }
-*/            // for (document.querySelector("nav")
-//    });
-
-
-/*!SECTION
-
-// .textContent
-// .innerHTML
-
-
-const parent = document.getElementById("myParent");
-const children = parent.children;
-
-for (let i = 0; i < children.length; i++) {
-  const child = children[i];
-  // Perform actions on the child element
-  console.log(child.textContent);
-}
-
-
-for (let i = 0; i < children.length; i++) {
-  const child = children[i];
-  // Perform actions on the child element
-  console.log(child.TagName);
-console.log(child.textContent);… 
-
-
-*/
-
-// javascript console output DOM tree
-// https://stackoverflow.com/questions/50305257/how-to-console-log-entire-html-dom-tree-in-order-with-attribute-names
-// https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker
-
-/*
-var walker = document.createTreeWalker(
-  document.documentElement,
-  NodeFilter.SHOW_ELEMENT // only elements
-);
-
-while (walker.nextNode()) {
-  let current = walker.currentNode;
-  console.log(
-    current.tagName,
-    [...current.attributes].map(({value,name}) => `${name}=${value}`).join()
-  );
-}
-*/
-
-// Needed for image loaded and fetched : Not on local computer.
-/*    https://www.geeksforgeeks.org/html/difference-between-domcontentloaded-and-load-events/
-document.addEventListener("load", function(e) {
-  console.log("The page has completely loaded.");
-});
-*/
-
-function timerBlur(){
-    var count = 3;
-    var timer2 = setInterval(function(){
-        
-        if (count == 3) {
-            document.getElementById('logoAccueil').style.filter = "blur(3px)";
-
-        }
-        else if (count == 2) 
-        {
-          document.getElementById('logoAccueil').style.filter = "blur(2px)";
-        }
-        else if (count == 1) 
-        {
-          document.getElementById('logoAccueil').style.filter = "blur(1px)";
-        }
-                  else if (count == 0) 
-        {
-          document.getElementById('logoAccueil').style.filter = "";
-          clearInterval(timer2);
-        }
-        count--;
-    }, 350);
+    }
+    else if (count == 2) {
+      document.getElementById('logoAccueil').style.filter = "blur(2px)";
+    }
+    else if (count == 1) {
+      document.getElementById('logoAccueil').style.filter = "blur(1px)";
+    }
+    else if (count == 0) {
+      document.getElementById('logoAccueil').style.filter = "";
+      clearInterval(timer2);
+    }
+    count--;
+  }, 350);

 }

-function timerGlitch(){
-    var timer = setInterval(function(){
-        curSrc = document.getElementById('logoAccueil').getAttribute('src');
-        if (curSrc == 'images/LogoALT-F4_Nav.svg') {
-          timerBlur();
-            document.getElementById('logoAccueil').setAttribute('src', 'images/LogoAlt-F4_NavGlitch.svg')
-        }
-        else
-        {
-          document.getElementById('logoAccueil').setAttribute('src', 'images/LogoALT-F4_Nav.svg')
-        }
-    }, 2500);
+function timerGlitch() {
+  var timer = setInterval(function () {
+    curSrc = document.getElementById('logoAccueil').getAttribute('src');
+    if (curSrc == 'images/logoALT-F4_Nav.svg') {
+      timerBlur();
+      document.getElementById('logoAccueil').setAttribute('src', 'images/logoAlt-F4_NavGlitch.svg')
+    }
+    else {
+      document.getElementById('logoAccueil').setAttribute('src', 'images/logoALT-F4_Nav.svg')
+    }
+  }, 2500);
 }

 window.onload = function () {
-    timerGlitch();
-    setTimeout(function () {
-/*                document.getElementById('message').innerHTML =
-                    'The page has finished loading! After 2 second'; */
-                    // Check if on the test domain and that the text changed, if so display Data.
-                    if (window.location.hostname === 's.zkd.ca' && document.getElementById("updateDate").innerHTML != 'DATE_WEBSITE' )
-                    {
-                        document.getElementById("updateDate").setAttribute("id", "updateDateV");
-                    } else
-                    {
-                        document.getElementById("updateDate").setAttribute("id", "updateDateW");
-                        document.getElementById("updateDateW").innerHTML = 'À la prochaine!';
-                    }
-
-                    // https://developer.mozilla.org/en-US/docs/Web/API/Element/children
-                    // const myHeader = document.getElementByTagName("header"); // TODO: Make sure only first nav (need <header>)
-                    myNav = document.getElementsByTagName("nav");
-                    console.log(myNav.length());
-
-                    for (var i = 0; i < myNav.children.length(); i++) {
-                        var tableChild = myNav.children[i];
-                        console.log(tableChild.tagName);
-                        // Do stuff
-                    }
-
-/*                    for (const child of myNav.children) {
-                    console.log(child.tagName);
-                    }
-*/
-            }, 2000);
-            // NOTE: Change Current Page based on url in <NAV>
-
-
-            // TODO Add timer for glitch
-            // NOTE Track mouse mouvement and show after a percentage of ?
-            // NOTE une page sur deux, ...
-        };
+  timerGlitch();
+  // NOTE: Change Current Page based on url in <NAV>
+  // NOTE Track mouse mouvement and show after a percentage of ?
+  // NOTE une page sur deux, ...
+};
--- a/www/lore.html
+++ b/www/lore.html
@@ -10,7 +10,7 @@
 <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>Univers Sci-fi</title>
@@ -18,7 +18,7 @@

 <body class="lore">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/missions.html
+++ b/www/missions.html
@@ -10,7 +10,7 @@
 <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>Missions</title>
@@ -18,7 +18,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/multimedia/mediasAndres/Ember.mp4
+++ b/www/multimedia/mediasAndres/Ember.mp4
--- a/www/multimedia/mediasAndres/Equinox.mp4
+++ b/www/multimedia/mediasAndres/Equinox.mp4
--- a/www/multimedia/mediasAndres/Frost.mp4
+++ b/www/multimedia/mediasAndres/Frost.mp4
--- a/www/multimedia/mediasAndres/Koumei.mp4
+++ b/www/multimedia/mediasAndres/Koumei.mp4
--- a/www/multimedia/mediasAndres/Rhino.mp4
+++ b/www/multimedia/mediasAndres/Rhino.mp4
--- a/www/multimedia/mediasAndres/Sevagoth.mp4
+++ b/www/multimedia/mediasAndres/Sevagoth.mp4
--- a/www/multimedia/mediasAndres/Voruna.mp4
+++ b/www/multimedia/mediasAndres/Voruna.mp4
--- a/www/multimedia/mediasAndres/ember.mp4
+++ b/www/multimedia/mediasAndres/ember.mp4
--- a/www/multimedia/mediasAndres/emberVid.webm
+++ b/www/multimedia/mediasAndres/emberVid.webm
--- a/www/multimedia/mediasAndres/equinox.mp4
+++ b/www/multimedia/mediasAndres/equinox.mp4
--- a/www/multimedia/mediasAndres/frost.mp4
+++ b/www/multimedia/mediasAndres/frost.mp4
--- a/www/multimedia/mediasAndres/frostVid.webm
+++ b/www/multimedia/mediasAndres/frostVid.webm
--- a/www/multimedia/mediasAndres/koumei.mp4
+++ b/www/multimedia/mediasAndres/koumei.mp4
--- a/www/multimedia/mediasAndres/koumeiVid.webm
+++ b/www/multimedia/mediasAndres/koumeiVid.webm
--- a/www/multimedia/mediasAndres/rhino.mp4
+++ b/www/multimedia/mediasAndres/rhino.mp4
--- a/www/multimedia/mediasAndres/rhinoVid.webm
+++ b/www/multimedia/mediasAndres/rhinoVid.webm
--- a/www/multimedia/mediasAndres/sevagoth.mp4
+++ b/www/multimedia/mediasAndres/sevagoth.mp4
--- a/www/multimedia/mediasAndres/sevagothVid.webm
+++ b/www/multimedia/mediasAndres/sevagothVid.webm
--- a/www/multimedia/mediasAndres/voruna.mp4
+++ b/www/multimedia/mediasAndres/voruna.mp4
--- a/www/multimedia/mediasAndres/vorunaVid.webm
+++ b/www/multimedia/mediasAndres/vorunaVid.webm
--- a/www/reponse.html
+++ b/www/reponse.html
@@ -11,7 +11,7 @@
 <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>Merci</title>
@@ -19,7 +19,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/sousPageLore1.html
+++ b/www/sousPageLore1.html
@@ -11,7 +11,7 @@
 <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>Arc 1</title>
@@ -19,7 +19,7 @@

 <body class="lore">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/sousPageLore2.html
+++ b/www/sousPageLore2.html
@@ -11,7 +11,7 @@
 <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>Arc 2</title>
@@ -19,8 +19,7 @@

 <body class="lore">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil"
-                </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>
--- a/www/sousPageLore3.html
+++ b/www/sousPageLore3.html
@@ -11,7 +11,7 @@
 <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>Arc 3</title>
@@ -19,7 +19,7 @@

 <body class="lore">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/sousPageLore4.html
+++ b/www/sousPageLore4.html
@@ -11,7 +11,7 @@
 <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>Arc 4</title>
@@ -19,7 +19,7 @@

 <body class="lore">
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
--- a/www/team.html
+++ b/www/team.html
@@ -10,7 +10,7 @@
 <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>L’équipe</title>
@@ -18,7 +18,7 @@

 <body>
    <nav>
-        <a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"
+        <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
                id="logoAccueil"></a>

        <ul>
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