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

Compare commits

base: Dev_Web:32b0d3ea0a5b3f514ee13021b4839f9019b590f9
Branches Tags
Dev_Web:main
...
compare: Dev_Web:main
Branches Tags
Dev_Web:main

11 Commits
32b0d3ea0a ... 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
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
Jeremy
55d95fdff5 Retrait script temporaire 2025-12-03 23:41:44 -05:00
17 changed files with 154 additions and 148 deletions
Expand all files Collapse all files

4
.vscode/extensions.json vendored
View File

@@ -25,6 +25,8 @@
"nhoizey.gremlins", "nhoizey.gremlins",
"s2junn.image-essentials", "s2junn.image-essentials",
"shardulm94.trailing-spaces", "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 commit a1700911298a7547793428d5a1419d464cd1e521
Author: Stan <sr92.zkd-gitea@sr-netw.ca> Author: Stan <sr92.zkd-gitea@sr-netw.ca>
Date: Wed Dec 3 23:18:14 2025 -0500 Date: Wed Dec 3 23:18:14 2025 -0500

39
www/aPropos.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<title>À propos</title> <title>À propos</title>
<script src="js/script.js"></script> <script src="js/script.js"></script>
@@ -18,7 +18,7 @@
<body class="aProposBG"> <body class="aProposBG">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>
@@ -139,27 +139,28 @@
<button type="reset">Réinitialiser</button> <button type="reset">Réinitialiser</button>
</div> </div>
</form> </form>
</section> </section>
<section class="coordonnees"> <section class="coordonnees">
<div id="contactInfo"> <div id="contactInfo">
<div> <div>
<h2>Coordonnées</h2> <h2>Coordonnées</h2>
<div class="grille"> <div class="grille">
<p id="titreAdresse">Adresse :</p> <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> <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> <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> <a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a>
<p id="titreTelephone">Téléphone :</p> <p id="titreTelephone">Téléphone :</p>
<a id="contenuTelephone" href="tel:+18195646350">+1 (819) 564-6350</a> <a id="contenuTelephone" href="tel:+18195646350">+1 (819) 564-6350</a>
<p id="titreCourriel">Courriel :</p> <p id="titreCourriel">Courriel :</p>
<a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a> <a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
</div> </div>
<div class="conteneurMaps"> <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> <iframe id="mapsFrame" title="Maps pour cégep" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d5601.823999127039!2d-71.8863288!3d45.4111141!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sca!4v1764819112867!5m2!1sfr!2sca" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div> </div>
</div> </div>
</section> </section>

56
www/armures.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Armures</title> <title>Armures</title>
@@ -18,7 +18,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>
@@ -70,7 +70,7 @@
<section id="Ember" class="perso"> <section id="Ember" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -93,11 +93,11 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Ember/habEmber.PNG" alt="hh"> <img src="./images/imagesAndres/Ember/habEmber.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -127,10 +127,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Equinox/equinoxHab.PNG" alt="hh"> <img src="./images/imagesAndres/Equinox/equinoxHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -139,7 +139,7 @@
<section id="Frost" class="perso"> <section id="Frost" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -160,10 +160,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Frost/frostHab.PNG" alt="hh"> <img src="./images/imagesAndres/Frost/frostHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -172,7 +172,7 @@
<section id="Koumei" class="perso"> <section id="Koumei" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -194,10 +194,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Koumei/koumeiHab.PNG" alt="hh"> <img src="./images/imagesAndres/Koumei/koumeiHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -206,7 +206,7 @@
<section id="Rhino" class="perso"> <section id="Rhino" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -227,10 +227,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Rhino/rhinoHab.PNG" alt="hh"> <img src="./images/imagesAndres/Rhino/rhinoHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -239,7 +239,7 @@
<section id="Sevagoth" class="perso"> <section id="Sevagoth" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -260,10 +260,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Sevagoth/sevagothHab.PNG" alt="hh"> <img src="./images/imagesAndres/Sevagoth/sevagothHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -272,7 +272,7 @@
<section id="Voruna" class="perso"> <section id="Voruna" class="perso">
<video class="bg-video" autoplay muted loop playsinline> <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> </video>
<div class="bg-overlay"></div> <div class="bg-overlay"></div>
@@ -297,10 +297,10 @@
<div class="habilites-row"> <div class="habilites-row">
<div class="habilites"> <div class="habilites">
<img src="./images/ImagesAndres/Voruna/vorunaHab.PNG" alt="hh"> <img src="./images/imagesAndres/Voruna/vorunaHab.PNG" alt="hh">
</div> </div>
<div class="habilites-video"> <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> </div>
</div> </div>
@@ -325,16 +325,16 @@
<tr> <tr>
<td> <td>
<img src="./images/ImagesAndres/Excalibur.PNG" alt="Excalibur"> <img src="./images/imagesAndres/Excalibur.PNG" alt="Excalibur">
</td> </td>
<td> <td>
<img src="./images/ImagesAndres/mag.PNG" alt="Mag"> <img src="./images/imagesAndres/mag.PNG" alt="Mag">
</td> </td>
<td> <td>
<img src="./images/ImagesAndres/Nokko.PNG" alt="Nokko"> <img src="./images/imagesAndres/Nokko.PNG" alt="Nokko">
</td> </td>
<td> <td>
<img src="./images/ImagesAndres/Nova.PNG" alt="Nova"> <img src="./images/imagesAndres/Nova.PNG" alt="Nova">
</td> </td>
</tr> </tr>
<tr> <tr>
@@ -393,13 +393,13 @@
<div class="accueilwiki"> <div class="accueilwiki">
<a target="_blank" href="https://wiki.warframe.com/"> <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> </a>
</div> </div>
<div class="accueilwiki"> <div class="accueilwiki">
<a target="_blank" href="https://wiki.warframe.com/w/Warframes"> <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> </a>
</div> </div>
</main> </main>

7
www/credits.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Crédits</title> <title>Crédits</title>
@@ -18,7 +18,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>
@@ -294,7 +294,8 @@
<p class="contenu"> <p class="contenu">
La chaine Youtube officielle de Waframe a permis d'obtenir la musique «We All Lift Together». La chaine Youtube officielle de Waframe a permis d'obtenir la musique «We All Lift Together».
</p> </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> </div>
</article> </article>
</section> </section>

45
www/css/style.css
View File

@@ -17,34 +17,6 @@
box-sizing: border-box; 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 **/
body { body {
min-height: 100vh; min-height: 100vh;
/* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */ /* Pour footer at bottom from : https://douiri.org/blog/fix-footer-bottom-css/ */
@@ -990,6 +962,13 @@ footer a:hover {
} }
.missions .sidebyside {
display: flex;
max-width: 100%;
}
.missions section { .missions section {
height: 40vh; height: 40vh;
min-height: 200px; min-height: 200px;
@@ -1018,12 +997,12 @@ footer a:hover {
font-weight: 600; font-weight: 600;
} }
.missions section:nth-child(odd) article { .missions section:nth-child(even) article {
text-align: right; text-align: right;
/* float: right; */ /* float: right; */
} }
.missions section:nth-child(even) article { .missions section:nth-child(odd) article {
text-align: left; text-align: left;
} }
@@ -1031,7 +1010,7 @@ footer a:hover {
max-width: 50%; max-width: 50%;
} }
.missions section:nth-child(odd)>article>p { .missions section:nth-child(even)>article>p {
margin: auto 0 auto auto; margin: auto 0 auto auto;
text-align: right; text-align: right;
} }
@@ -1306,7 +1285,7 @@ footer a:hover {
} }
.credits header.introduction { .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; background-position: top;
height: 100vh; height: 100vh;
display: block; display: block;
@@ -1403,7 +1382,7 @@ footer a:hover {
/* AUTEUR: Jérémy Hébert */ /* AUTEUR: Jérémy Hébert */
/****************************/ /****************************/
.reponse { .reponse {
background: #C19F8A url("../images/ImagesReponse/Merci.png") center; background: #C19F8A url("../images/imagesReponse/Merci.png") center;
background-size: cover; background-size: cover;
background-position: top; background-position: top;
color: #ffefe5; color: #ffefe5;

4
www/histoire.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Histoire de DE</title> <title>Histoire de DE</title>
@@ -18,7 +18,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

9
www/index.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Les Alt-F4</title> <title>Les Alt-F4</title>
@@ -18,7 +18,7 @@
<body class="accueil"> <body class="accueil">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>
@@ -47,10 +47,7 @@
évolution. Grâce à une grande liberté de personnalisation et à un contenu régulièrement enrichi, é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> Warframe offre une expérience profonde, fluide et accessible en équipe comme en solo.</p>
</div> </div>
<video autoplay muted loop playsinline id="video"> <video autoplay muted loop playsinline id="video" src="multimedia/mediasLea/warframeIntro.mp4">Balise vidéo non supportée</video>
Balise vidéo non supportée
<source src="multimedia/mediasLea/warframeIntro.mp4" type="video/mp4">
</video>
</section> </section>
</header> </header>

72
www/js/script.js
View File

@@ -6,49 +6,45 @@
// https://www.w3schools.com/js/js_timing.asp // https://www.w3schools.com/js/js_timing.asp
// https://stackoverflow.com/questions/62039703/blur-an-image-with-javascript // https://stackoverflow.com/questions/62039703/blur-an-image-with-javascript
function timerBlur(){ function timerBlur() {
var count = 3; var count = 3;
var timer2 = setInterval(function(){ var timer2 = setInterval(function () {
if (count == 3) { if (count == 3) {
document.getElementById('logoAccueil').style.filter = "blur(3px)"; document.getElementById('logoAccueil').style.filter = "blur(3px)";
} }
else if (count == 2) else if (count == 2) {
{ document.getElementById('logoAccueil').style.filter = "blur(2px)";
document.getElementById('logoAccueil').style.filter = "blur(2px)"; }
} else if (count == 1) {
else if (count == 1) document.getElementById('logoAccueil').style.filter = "blur(1px)";
{ }
document.getElementById('logoAccueil').style.filter = "blur(1px)"; else if (count == 0) {
} document.getElementById('logoAccueil').style.filter = "";
else if (count == 0) clearInterval(timer2);
{ }
document.getElementById('logoAccueil').style.filter = ""; count--;
clearInterval(timer2); }, 350);
}
count--;
}, 350);
} }
function timerGlitch(){ function timerGlitch() {
var timer = setInterval(function(){ var timer = setInterval(function () {
curSrc = document.getElementById('logoAccueil').getAttribute('src'); curSrc = document.getElementById('logoAccueil').getAttribute('src');
if (curSrc == 'images/LogoALT-F4_Nav.svg') { if (curSrc == 'images/logoALT-F4_Nav.svg') {
timerBlur(); timerBlur();
document.getElementById('logoAccueil').setAttribute('src', 'images/LogoAlt-F4_NavGlitch.svg') document.getElementById('logoAccueil').setAttribute('src', 'images/logoAlt-F4_NavGlitch.svg')
} }
else else {
{ document.getElementById('logoAccueil').setAttribute('src', 'images/logoALT-F4_Nav.svg')
document.getElementById('logoAccueil').setAttribute('src', 'images/LogoALT-F4_Nav.svg') }
} }, 2500);
}, 2500);
} }
window.onload = function () { window.onload = function () {
timerGlitch(); timerGlitch();
// NOTE: Change Current Page based on url in <NAV> // NOTE: Change Current Page based on url in <NAV>
// NOTE Track mouse mouvement and show after a percentage of ? // NOTE Track mouse mouvement and show after a percentage of ?
// NOTE une page sur deux, ... // NOTE une page sur deux, ...
}; };

4
www/lore.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Univers Sci-fi</title> <title>Univers Sci-fi</title>
@@ -18,7 +18,7 @@
<body class="lore"> <body class="lore">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

4
www/missions.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Missions</title> <title>Missions</title>
@@ -18,7 +18,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

4
www/reponse.html
View File

@@ -11,7 +11,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Merci</title> <title>Merci</title>
@@ -19,7 +19,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

4
www/sousPageLore1.html
View File

@@ -11,7 +11,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Arc 1</title> <title>Arc 1</title>
@@ -19,7 +19,7 @@
<body class="lore"> <body class="lore">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

5
www/sousPageLore2.html
View File

@@ -11,7 +11,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Arc 2</title> <title>Arc 2</title>
@@ -19,8 +19,7 @@
<body class="lore"> <body class="lore">
<nav> <nav>
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil" <a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil"></a>
</a>
<ul> <ul>
<li><a href="aPropos.html">À propos</a></li> <li><a href="aPropos.html">À propos</a></li>

4
www/sousPageLore3.html
View File

@@ -11,7 +11,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Arc 3</title> <title>Arc 3</title>
@@ -19,7 +19,7 @@
<body class="lore"> <body class="lore">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

4
www/sousPageLore4.html
View File

@@ -11,7 +11,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>Arc 4</title> <title>Arc 4</title>
@@ -19,7 +19,7 @@
<body class="lore"> <body class="lore">
<nav> <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> id="logoAccueil"></a>
<ul> <ul>

4
www/team.html
View File

@@ -10,7 +10,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="css/style.css">
<script src="js/script.js"></script> <script src="js/script.js"></script>
<title>L’équipe</title> <title>L’équipe</title>
@@ -18,7 +18,7 @@
<body> <body>
<nav> <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> id="logoAccueil"></a>
<ul> <ul>