Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/armures.html

@@ -48,24 +48,27 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
-                <div class="habilites">
+                <div class="habilites-row">
-                    <h3>Habilités</h3>
+                    <div class="habilites">
-                    <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
+                        <h3>Habilités</h3>
-                    <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le
+                        <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
-                        temps,
+                        <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec
-                        consommant de l’énergie une fois sa
+                            le
-                        jauge pleine. Relancez le sort pour éteindre les flammes.
+                            temps,
-                    </p>
+                            consommant de l’énergie une fois sa
-                    <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
+                            jauge pleine. Relancez le sort pour éteindre les flammes.
-                        ennemis
+                        </p>
-                        et détruit leur armure.</p>
+                        <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
-                    <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
+                            ennemis
-                        ennemis
+                            et détruit leur armure.</p>
-                        dans un feu capable de se propager dans leurs rangs.</p>
+                        <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
-                </div>
+                            ennemis
+                            dans un feu capable de se propager dans leurs rangs.</p>
+                    </div>
 
-                <div class="habilites-video">
+                    <div class="habilites-video">
-                    <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                        <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                    </div>
                 </div>
             </div>
         </section>

www/css/style.css

@@ -222,7 +222,7 @@ footer {
 
 /****************************/
 /* PAGE: L'équipe */
-/* AUTEUR: Jérémy & Andres */
+/* AUTEUR: Jérémy */
 /****************************/
 .team {
     background: #13172c url("../images/imagesTeam/Intro.png") center;
@@ -735,10 +735,17 @@ blockquote a {
 .armures .perso .content {
     position: relative;
     z-index: 10;
+    flex-direction: row;
+    gap: 30px;
+    align-items: flex-start;
+}
+
+.armures .perso .habilites-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
     align-items: flex-start;
+    margin-top: 20px;
 }
 
 .armures .perso .habilites-video {
@@ -748,7 +755,7 @@ blockquote a {
 }
 
 .armures .perso .habilites-video video {
-    width: 30%;
+    width: 100%;
     height: auto;
     border-radius: 10px;
     display: block;

www/js/script.js

@@ -1,18 +1,68 @@
 
 // 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 !");
-            // for (document.querySelector("nav")
-    });
 
+        var topEl  = document.getElementsByTagName("nav"); // maybe header
+        var listLI = topEl[0].getElementsByTagName("li");
+
+
+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
@@ -25,7 +75,7 @@ while (walker.nextNode()) {
     [...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/

www/team.html

@@ -120,7 +120,7 @@
     </main>
 
     <footer>
-        <p>© Jérémy Hébert & Andres David Herrera Escorcia. Tout droits réservés. <br> Novembre 2025 <br> Page créée par
+        <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>
     </footer>