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

Compare commits

base: Dev_Web:a1700911298a7547793428d5a1419d464cd1e521
Branches Tags
Dev_Web:main
...
compare: Dev_Web:main
Branches Tags
Dev_Web:main

16 Commits
a170091129 ... 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
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
75 changed files with 2887 additions and 215 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"
]
}

2715
log-git-251203.txt Normal file
View File

File diff suppressed because it is too large Load Diff

59
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>
@@ -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>
@@ -141,38 +139,31 @@
<button type="reset">Réinitialiser</button>
</div>
</form>
</div>
<div class="colonne" id="contactInfo">
</section>
<section class="coordonnees">
<div id="contactInfo">
<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>
<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>
<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>
<p id="titreCourriel">Courriel :</p>
<a id="contenuCourriel" target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
</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>
</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>
</section>
</div>
</main>

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>

15
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>
@@ -287,6 +287,17 @@
<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>
</main>

133
www/css/style.css
View File

@@ -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 {
@@ -423,7 +383,6 @@ footer a:hover {
text-align: right;
}
.aPropos .grille #contenuAdresse,
.aPropos .grille #contenuInfo,
.aPropos .grille #contenuTelephone,
@@ -440,7 +399,6 @@ footer a:hover {
color: #c19f8a;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.conteneurMaps::-webkit-scrollbar {
display: none;
@@ -460,7 +418,7 @@ footer a:hover {
.aPropos #mapsFrame {
border-radius: 20px;
width: 100%;
height: 500px;
height: 400px;
}
.aPropos .sidebyside label {
@@ -482,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 */
@@ -1008,6 +962,13 @@ footer a:hover {
}
.missions .sidebyside {
display: flex;
max-width: 100%;
}
.missions section {
height: 40vh;
min-height: 200px;
@@ -1022,7 +983,7 @@ footer a:hover {
}
.missions h1,
h2 {
.missions h2 {
margin-bottom: 2em;
}
@@ -1036,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;
}
@@ -1049,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;
}
@@ -1324,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;
@@ -1421,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;

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>

0
www/images/F4vicon.ico → www/images/f4vicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

0
www/images/ImagesAndres/Ember/Ember.jpg → www/images/imagesAndres/Ember/Ember.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 952 KiB

After

Width:  |  Height:  |  Size: 952 KiB

0
www/images/ImagesAndres/Ember/EmberHeirloom.jpg → www/images/imagesAndres/Ember/EmberHeirloom.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1002 KiB

After

Width:  |  Height:  |  Size: 1002 KiB

0
www/images/ImagesAndres/Ember/EmberPh.jpg → www/images/imagesAndres/Ember/EmberPh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 338 KiB

After

Width:  |  Height:  |  Size: 338 KiB

0
www/images/ImagesAndres/Ember/EquinoxPh.jpg → www/images/imagesAndres/Ember/EquinoxPh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 286 KiB

After

Width:  |  Height:  |  Size: 286 KiB

0
www/images/ImagesAndres/Ember/habEmber.PNG → www/images/imagesAndres/Ember/habEmber.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 316 KiB

After

Width:  |  Height:  |  Size: 316 KiB

0
www/images/ImagesAndres/Equinox/AspectJour.jpg → www/images/imagesAndres/Equinox/AspectJour.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Equinox/AspectJourRouge.jpg → www/images/imagesAndres/Equinox/AspectJourRouge.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Equinox/AspectNuit.jpg → www/images/imagesAndres/Equinox/AspectNuit.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

0
www/images/ImagesAndres/Equinox/AspectNuitRouge.jpg → www/images/imagesAndres/Equinox/AspectNuitRouge.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Equinox/Equinox.jpg → www/images/imagesAndres/Equinox/Equinox.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Equinox/EquinoxRouge.jpg → www/images/imagesAndres/Equinox/EquinoxRouge.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

0
www/images/ImagesAndres/Equinox/equinoxHab.PNG → www/images/imagesAndres/Equinox/equinoxHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 692 KiB

After

Width:  |  Height:  |  Size: 692 KiB

0
www/images/ImagesAndres/Excalibur.PNG → www/images/imagesAndres/Excalibur.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 107 KiB

0
www/images/ImagesAndres/Frost/Frost.jpg → www/images/imagesAndres/Frost/Frost.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Frost/FrostHeirloom.jpg → www/images/imagesAndres/Frost/FrostHeirloom.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

0
www/images/ImagesAndres/Frost/FrostPh.jpg → www/images/imagesAndres/Frost/FrostPh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 391 KiB

After

Width:  |  Height:  |  Size: 391 KiB

0
www/images/ImagesAndres/Frost/frostHab.PNG → www/images/imagesAndres/Frost/frostHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 770 KiB

After

Width:  |  Height:  |  Size: 770 KiB

0
www/images/ImagesAndres/Koumei/Avatar2.PNG → www/images/imagesAndres/Koumei/Avatar2.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

0
www/images/ImagesAndres/Koumei/AvatarKoumei.PNG → www/images/imagesAndres/Koumei/AvatarKoumei.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 409 KiB

After

Width:  |  Height:  |  Size: 409 KiB

0
www/images/ImagesAndres/Koumei/Koumei.jpg → www/images/imagesAndres/Koumei/Koumei.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

0
www/images/ImagesAndres/Koumei/KoumeiPh - Copie.jpg → www/images/imagesAndres/Koumei/KoumeiPh - Copie.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 233 KiB

After

Width:  |  Height:  |  Size: 233 KiB

0
www/images/ImagesAndres/Koumei/PurpleKoumei.jpg → www/images/imagesAndres/Koumei/PurpleKoumei.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Koumei/kouhab.PNG → www/images/imagesAndres/Koumei/kouhab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 586 KiB

After

Width:  |  Height:  |  Size: 586 KiB

0
www/images/ImagesAndres/Koumei/koumeiHab.PNG → www/images/imagesAndres/Koumei/koumeiHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

0
www/images/ImagesAndres/Nokko.PNG → www/images/imagesAndres/Nokko.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

0
www/images/ImagesAndres/Nova.PNG → www/images/imagesAndres/Nova.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

0
www/images/ImagesAndres/Rhino/Rhino.jpg → www/images/imagesAndres/Rhino/Rhino.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

0
www/images/ImagesAndres/Rhino/RhinoHeirloom.jpg → www/images/imagesAndres/Rhino/RhinoHeirloom.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
www/images/ImagesAndres/Rhino/RhinoPh.jpg → www/images/imagesAndres/Rhino/RhinoPh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 266 KiB

After

Width:  |  Height:  |  Size: 266 KiB

0
www/images/ImagesAndres/Rhino/rhinoHab.PNG → www/images/imagesAndres/Rhino/rhinoHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 688 KiB

After

Width:  |  Height:  |  Size: 688 KiB

0
www/images/ImagesAndres/Sevagoth/Sevagoth.jpg → www/images/imagesAndres/Sevagoth/Sevagoth.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

0
www/images/ImagesAndres/Sevagoth/SevagothPh.jpg → www/images/imagesAndres/Sevagoth/SevagothPh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 77 KiB

0
www/images/ImagesAndres/Sevagoth/SevagothRed.jpg → www/images/imagesAndres/Sevagoth/SevagothRed.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

0
www/images/ImagesAndres/Sevagoth/sevagothHab.PNG → www/images/imagesAndres/Sevagoth/sevagothHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 876 KiB

After

Width:  |  Height:  |  Size: 876 KiB

0
www/images/ImagesAndres/Voruna/Voruna.jpg → www/images/imagesAndres/Voruna/Voruna.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.9 MiB

After

Width:  |  Height:  |  Size: 1.9 MiB

0
www/images/ImagesAndres/Voruna/VorunaVoidshell.jpg → www/images/imagesAndres/Voruna/VorunaVoidshell.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

0
www/images/ImagesAndres/Voruna/vorunaHab.PNG → www/images/imagesAndres/Voruna/vorunaHab.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 973 KiB

After

Width:  |  Height:  |  Size: 973 KiB

0
www/images/ImagesAndres/accueilWiki.PNG → www/images/imagesAndres/accueilWiki.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

0
www/images/ImagesAndres/mag.PNG → www/images/imagesAndres/mag.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 94 KiB

0
www/images/ImagesAndres/warframeWiki.PNG → www/images/imagesAndres/warframeWiki.PNG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

0
www/images/ImagesCredits/Header.webp → www/images/imagesCredits/Header.webp
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 177 KiB

After

Width:  |  Height:  |  Size: 177 KiB

0
www/images/ImagesReponse/Merci.png → www/images/imagesReponse/Merci.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 107 KiB

0
www/images/LogoALT-F4_Nav.svg → www/images/logoALT-F4_Nav.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 281 KiB

After

Width:  |  Height:  |  Size: 281 KiB

0
www/images/LogoAlt-F4_NavGlitch.svg → www/images/logoAlt-F4_NavGlitch.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

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

74
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(){
if (count == 3) {
document.getElementById('logoAccueil').style.filter = "blur(3px)";
function timerBlur() {
var count = 3;
var timer2 = setInterval(function () {
}
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);
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);
}
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>

0
www/multimedia/mediasAndres/Ember.mp4 → www/multimedia/mediasAndres/ember.mp4
View File

0
www/multimedia/mediasAndres/EmberVid.webm → www/multimedia/mediasAndres/emberVid.webm
View File

0
www/multimedia/mediasAndres/Equinox.mp4 → www/multimedia/mediasAndres/equinox.mp4
View File

0
www/multimedia/mediasAndres/Frost.mp4 → www/multimedia/mediasAndres/frost.mp4
View File

0
www/multimedia/mediasAndres/FrostVid.webm → www/multimedia/mediasAndres/frostVid.webm
View File

0
www/multimedia/mediasAndres/Koumei.mp4 → www/multimedia/mediasAndres/koumei.mp4
View File

0
www/multimedia/mediasAndres/KoumeiVid.webm → www/multimedia/mediasAndres/koumeiVid.webm
View File

0
www/multimedia/mediasAndres/Rhino.mp4 → www/multimedia/mediasAndres/rhino.mp4
View File

0
www/multimedia/mediasAndres/RhinoVid.webm → www/multimedia/mediasAndres/rhinoVid.webm
View File

0
www/multimedia/mediasAndres/Sevagoth.mp4 → www/multimedia/mediasAndres/sevagoth.mp4
View File

0
www/multimedia/mediasAndres/SevagothVid.webm → www/multimedia/mediasAndres/sevagothVid.webm
View File

0
www/multimedia/mediasAndres/Voruna.mp4 → www/multimedia/mediasAndres/voruna.mp4
View File

0
www/multimedia/mediasAndres/VorunaVid.webm → www/multimedia/mediasAndres/vorunaVid.webm
View File

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>

5
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,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>

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>