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

Compare commits

base: Dev_Web:26c9d66a42e23c3d3de28446a0d8a8aae537a19d
Branches Tags
Dev_Web:main
...
compare: Dev_Web:main
Branches Tags
Dev_Web:main

7 Commits
26c9d66a42 ... main

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
17 changed files with 136 additions and 99 deletions
Expand all files Collapse all files

4
.vscode/extensions.json vendored
View File

@@ -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"
]
}

31
log-git-251203.txt
View File

@@ -1,3 +1,34 @@
commit 32b0d3ea0a5b3f514ee13021b4839f9019b590f9
Author: Stan <sr92.zkd-gitea@sr-netw.ca>
Date: Wed Dec 3 23:41:50 2025 -0500
RENOMMER FICHIER PArtiel
commit ef7a3603cd27d6174fe18033db7a69f536a7b07d
Author: Jeremy <empty@zkd.ca>
Date: Wed Dec 3 23:40:05 2025 -0500
Ajout d'un lien pour télécharger la chanson
commit 45b5ca9b53aa3cf52f7f665426e3aa6be15682c7
Author: Jeremy <empty@zkd.ca>
Date: Wed Dec 3 23:30:13 2025 -0500
Correction erreur de virgule
commit 0d4fc0cdafbd9b0e0010f2ee9efd5fd94809ff25
Merge: 7387f0b a170091
Author: Jeremy <empty@zkd.ca>
Date: Wed Dec 3 23:20:24 2025 -0500
Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01
commit 7387f0b83aa6759e71dadb1d25cae53123f5d39e
Author: Jeremy <empty@zkd.ca>
Date: Wed Dec 3 23:20:19 2025 -0500
Finalisation aPropos.html + CSS
commit a1700911298a7547793428d5a1419d464cd1e521
Author: Stan <sr92.zkd-gitea@sr-netw.ca>
Date: Wed Dec 3 23:18:14 2025 -0500

4
www/aPropos.html
View File

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

56
www/armures.html
View File

@@ -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,16 @@
<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>
@@ -393,13 +393,13 @@
<div class="accueilwiki">
<a target="_blank" href="https://wiki.warframe.com/">
<img src="./images/ImagesAndres/accueilWiki.PNG" alt="jdjj">
<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">
<img src="./images/imagesAndres/warframeWiki.PNG" alt="fsfsf">
</a>
</div>
</main>

7
www/credits.html
View File

@@ -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>
@@ -294,7 +294,8 @@
<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 class="bouton"><a target="_blank" href="multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3"
download>Télécharger la musique</a></div>
</div>
</article>
</section>

17
www/css/style.css
View File

@@ -962,6 +962,13 @@ footer a:hover {
}
.missions .sidebyside {
display: flex;
max-width: 100%;
}
.missions section {
height: 40vh;
min-height: 200px;
@@ -990,12 +997,12 @@ footer a:hover {
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;
}
@@ -1003,7 +1010,7 @@ footer a:hover {
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;
}
@@ -1278,7 +1285,7 @@ footer a:hover {
}
.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;
@@ -1375,7 +1382,7 @@ footer a:hover {
/* 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;

4
www/histoire.html
View File

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

4
www/index.html
View File

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

72
www/js/script.js
View File

@@ -6,49 +6,45 @@
// 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(){
function timerBlur() {
var count = 3;
var timer2 = setInterval(function () {
if (count == 3) {
document.getElementById('logoAccueil').style.filter = "blur(3px)";
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();
// NOTE: Change Current Page based on url in <NAV>
// 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, ...
};

4
www/lore.html
View File

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

4
www/missions.html
View File

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

4
www/reponse.html
View File

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

4
www/sousPageLore1.html
View File

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

6
www/sousPageLore2.html
View File

@@ -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,8 @@
<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>
<li><a href="team.html">L’équipe</a></li>

4
www/sousPageLore3.html
View File

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

4
www/sousPageLore4.html
View File

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

4
www/team.html
View File

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