diff --git a/.gitignore b/.gitignore
index a8e7fc6..2b512e8 100644
--- 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
diff --git a/README.md b/README.md
index b30b3e7..00fe361 100644
--- a/README.md
+++ b/README.md
@@ -54,7 +54,7 @@ o
Discotools.xyz a permis la création du bouclier présent dans le logo ainsi que le favicon.
- + @@ -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. - + @@ -134,7 +136,8 @@ Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le formulaire. - + @@ -144,7 +147,8 @@Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet.
- + @@ -155,7 +159,7 @@ Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de Digital Extremes. - @@ -167,7 +171,8 @@La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
- @@ -178,7 +183,7 @@Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet.
- + @@ -188,7 +193,7 @@ChatGPT a permis la rédaction de certains textes du site.
- + @@ -198,7 +203,7 @@Gemini a permis la rédaction de certains textes du site.
- + @@ -209,7 +214,7 @@ Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du site. - + @@ -219,7 +224,7 @@Google Maps a permis l’intégration de la carte géographique sur le site.
- + @@ -229,7 +234,7 @@Les valideurs du World Wide Web Consortium ont permis la révision du code de l’ensemble du site.
- + @@ -239,7 +244,7 @@Le moteur de recherche Brave Search a dépanné a de multiples reprises.
- + @@ -249,7 +254,7 @@Le moteur de recherche Google a dépanné à de multiples reprises.
- + @@ -259,7 +264,7 @@Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises.
- + @@ -269,7 +274,7 @@L’outil paint.net a permis l’édition de plusieurs images présentes sur le site.
- + @@ -279,7 +284,7 @@Le site de Google Fonts a permis de trouver une police pour le site.
- + diff --git a/www/css/style.css b/www/css/style.css index 0879039..64bb2ba 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -1290,6 +1290,10 @@ h2 { padding: 10px; } +.wf-table-simple li { + list-style: none; +} + /****************************/ /* PAGE: Crédits */ /* AUTEUR: Jérémy Hébert */ diff --git a/www/js/script.js b/www/js/script.js index 89a5ba0..1536cb0 100644 --- a/www/js/script.js +++ b/www/js/script.js @@ -1,89 +1,11 @@ - +/* 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"); - - -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."); -}); -*/ +// 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(){ @@ -126,39 +48,7 @@ function timerGlitch(){ 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