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

Compare commits

base: Dev_Web:1c729295f762229e1e054110c0fffd9f49b9ee55
Branches Tags
Dev_Web:main
...
compare: Dev_Web:main
Branches Tags
Dev_Web:main

22 Commits
1c729295f7 ... 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
Stan
a170091129 Diminution des video a 720p 2025-12-03 23:18:14 -05:00
Stan
db098654dc ajout entete 2025-12-03 23:05:26 -05:00
Stan
31eb6bf609 clean script.js et ajout target_blank et checklist 2025-12-03 23:05:16 -05:00
Andres
ecaf487c96 correction liste 2025-12-03 22:41:50 -05:00
Andres
4517f6c275 correction liste 2025-12-03 22:37:43 -05:00
Stan
4e4a0937be maps damn it 2025-12-03 22:37:25 -05:00
84 changed files with 2987 additions and 377 deletions
Expand all files Collapse all files

28
.gitignore vendored
View File

@@ -510,3 +510,31 @@ www/medias/mediasCredits/warframeDuviriRide.mp4
www/medias/mediasHistoireDE/warframeRailjackRide.mp4 www/medias/mediasHistoireDE/warframeRailjackRide.mp4
www/multimedia/mediasCredits/warframeDuviriRide.mp4 www/multimedia/mediasCredits/warframeDuviriRide.mp4
www/multimedia/mediasHistoireDE/warframeRailjackRide.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

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

17
README.md
View File

@@ -54,7 +54,7 @@ o <main> – Le contenu principal de la page
- [x] Logo - [x] Logo
- [ ] Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages) - [ ] Une bannière conçue par vous (vous n’êtes pas obligés de garder la même sur toutes vos pages)
- [x] Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages) - [x] Le titre principal de la page Web (vous n’êtes pas obligés de garder le même sur toutes vos pages)
- [ ] balise `<nav>` - [x] balise `<nav>`
- [x] Un bouton pour chaque page du site Web (sous la forme d’une liste `<ul>`) avec des effets de CSS - [x] Un bouton pour chaque page du site Web (sous la forme d’une liste `<ul>`) avec des effets de CSS
- [x] Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un fil d’Ariane. - [x] Trouvez une façon d’indiquer sur quelle page se trouve actuellement le visiteur. Ou l’implantation d’un fil d’Ariane.
- [x] balise `<footer>` - [x] balise `<footer>`
@@ -66,16 +66,19 @@ o <main> – Le contenu principal de la page
- [x] Inclure les references pour chaques fichier multimedia - [x] Inclure les references pour chaques fichier multimedia
- [ ] Au moins un lien de téléchargement - [ ] Au moins un lien de téléchargement
- [ ] Un tableau - [ ] Un tableau
- [ ] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes. - [x] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
- [ ] • Il doit y avoir de la fusion à l’intérieur du tableau. - [x] • Il doit y avoir de la fusion à l’intérieur du tableau.
- [ ] • Les bordures doivent être faites par CSS. - [x] • Les bordures doivent être faites par CSS.
- [ ] Des listes - [ ] Des listes
- [ ] • Au moins une liste à puce contenant au moins 3 éléments. - [x] • Au moins une liste à puce contenant au moins 3 éléments.
- [ ] • Au moins une liste numérotée contenant au moins 3 éléments. - [ ] • Au moins une liste numérotée contenant au moins 3 éléments.
- [ ] • Au moins une d’entre elle doit être une liste imbriquée d’au moins 2 éléments supplémentaires. - [ ] • Au moins une d’entre elle doit être une liste imbriquée d’au moins 2 éléments supplémentaires.
- [ ] Du contenu multimédia - [ ] • Au moins un fichier audio - [x] • Au moins deux fichiers vidéo - [ ] • Au moins de cinq images différentes (excluant les photos des membres de l’équipe, le logo et la - [ ] Du contenu multimédia
- [ ] • Au moins un fichier audio
- [x] • Au moins deux fichiers vidéo
- [ ] • Au moins de cinq images différentes (excluant les photos des membres de l’équipe, le logo et la
bannière) bannière)
- [ ] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web. - [x] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web.
- [ ] - [ ]
```md ```md

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

File diff suppressed because it is too large Load Diff

34
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>
@@ -34,22 +34,20 @@
<main class="aPropos"> <main class="aPropos">
<h1>Contactez l’équipe!</h1> <h1>Contactez l’équipe!</h1>
<div class="sidebyside"> <div class="sidebyside">
<div class="colonne"> <section class="commentaire">
<!-- utilisation de get pour avoir les variables dans l'url : page statique --> <!-- utilisation de get pour avoir les variables dans l'url : page statique -->
<!-- si utilisation de serveur dynamique, changer pour POST --> <!-- si utilisation de serveur dynamique, changer pour POST -->
<form method="get" action="reponse.html"> <form method="get" action="reponse.html">
<h2>Commentaire</h2> <h2>Commentaire</h2>
<fieldset id="firstField"> <fieldset id="infoContact">
<legend>Informations de contact</legend> <legend>Informations de contact</legend>
<div> <div>
<label for="nomComplet">Votre nom complet :</label> <label for="nomComplet">Votre nom complet :</label>
<input id="nomComplet" name="nomComplet" type="text" required minlength="3" <input id="nomComplet" name="nomComplet" type="text" required minlength="3" placeholder="Prénom Nom">
placeholder="Prénom Nom">
</div> </div>
<div> <div>
<label for="email">Votre adresse courriel : </label> <label for="email">Votre adresse courriel : </label>
<input id="email" name="email" type="email" required <input id="email" name="email" type="email" required placeholder="(ex. vous@fournisseur.com)" size="30">
placeholder="(ex. vous@fournisseur.com)" size="30">
</div> </div>
</fieldset> </fieldset>
<fieldset> <fieldset>
@@ -141,22 +139,18 @@
<button type="reset">Réinitialiser</button> <button type="reset">Réinitialiser</button>
</div> </div>
</form> </form>
</div> </section>
<div class="colonne">
<section class="coordonnees">
<div id="contactInfo"> <div id="contactInfo">
<div>
<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" <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>
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 <a id="contenuInfo" target="_blank" href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a>
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>
@@ -164,16 +158,12 @@
<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>
<div class="conteneurMaps"> <div class="conteneurMaps">
<iframe id="mapsFrame" title="Maps pour cégep" <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>
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2800.9120010040356!2d-71.88890908663183!3d45.41111407095251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb7b3a7a1058a9f%3A0xac83ae2c6ba0672c!2sC%C3%A9gep%20De%20Sherbrooke!5e0!3m2!1sen!2sca!4v1764356213744!5m2!1sen!2sca"
width="600" height="450" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>
</section>
</div> </div>
</main> </main>

60
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>
@@ -392,14 +392,14 @@
</div> </div>
<div class="accueilwiki"> <div class="accueilwiki">
<a 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 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>

56
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>
@@ -48,7 +48,8 @@
Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du
jeu. jeu.
</p> </p>
<div class="bouton"><a href="https://www.warframe.com/fr/game/about">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://www.warframe.com/fr/game/about">Voir la
source</a></div>
</div> </div>
</article> </article>
@@ -112,7 +113,8 @@
<p class="contenu"> <p class="contenu">
Discotools.xyz a permis la création du bouclier présent dans le logo ainsi que le favicon. Discotools.xyz a permis la création du bouclier présent dans le logo ainsi que le favicon.
</p> </p>
<div class="bouton"><a href="https://discotools.xyz/fr/icons-editor">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://discotools.xyz/fr/icons-editor">Voir la
source</a></div>
</div> </div>
</article> </article>
@@ -123,7 +125,7 @@
Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour
avoir rempli le formulaire. avoir rempli le formulaire.
</p> </p>
<div class="bouton"><a href="https://www.figma.com/fr-fr/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://www.figma.com/fr-fr/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -134,7 +136,8 @@
Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le
formulaire. formulaire.
</p> </p>
<div class="bouton"><a href="https://dribbble.com/lycocanario">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://dribbble.com/lycocanario">Voir la source</a>
</div>
</div> </div>
</article> </article>
@@ -144,7 +147,8 @@
<p class="contenu"> <p class="contenu">
Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet. Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet.
</p> </p>
<div class="bouton"><a href="https://code.visualstudio.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://code.visualstudio.com/">Voir la source</a>
</div>
</div> </div>
</article> </article>
@@ -155,7 +159,7 @@
Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de
Digital Extremes. Digital Extremes.
</p> </p>
<div class="bouton"><a <div class="bouton"><a target="_blank"
href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir
la source</a></div> la source</a></div>
</div> </div>
@@ -167,7 +171,8 @@
<p class="contenu"> <p class="contenu">
La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises. La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
</p> </p>
<div class="bouton"><a href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la <div class="bouton"><a target="_blank"
href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
source</a></div> source</a></div>
</div> </div>
</article> </article>
@@ -178,7 +183,7 @@
<p class="contenu"> <p class="contenu">
Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet. Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet.
</p> </p>
<div class="bouton"><a href="https://about.gitea.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://about.gitea.com/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -188,7 +193,7 @@
<p class="contenu"> <p class="contenu">
ChatGPT a permis la rédaction de certains textes du site. ChatGPT a permis la rédaction de certains textes du site.
</p> </p>
<div class="bouton"><a href="https://chatgpt.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://chatgpt.com/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -198,7 +203,7 @@
<p class="contenu"> <p class="contenu">
Gemini a permis la rédaction de certains textes du site. Gemini a permis la rédaction de certains textes du site.
</p> </p>
<div class="bouton"><a href="https://gemini.google.com/app">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://gemini.google.com/app">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -209,7 +214,7 @@
Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du
site. site.
</p> </p>
<div class="bouton"><a href="https://moqups.com/fr/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://moqups.com/fr/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -219,7 +224,7 @@
<p class="contenu"> <p class="contenu">
Google Maps a permis l’intégration de la carte géographique sur le site. Google Maps a permis l’intégration de la carte géographique sur le site.
</p> </p>
<div class="bouton"><a href="https://www.google.com/maps">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://www.google.com/maps">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -229,7 +234,7 @@
<p class="contenu"> <p class="contenu">
Les valideurs du World Wide Web Consortium ont permis la révision du code de l’ensemble du site. Les valideurs du World Wide Web Consortium ont permis la révision du code de l’ensemble du site.
</p> </p>
<div class="bouton"><a href="https://validator.w3.org/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://validator.w3.org/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -239,7 +244,7 @@
<p class="contenu"> <p class="contenu">
Le moteur de recherche Brave Search a dépanné a de multiples reprises. Le moteur de recherche Brave Search a dépanné a de multiples reprises.
</p> </p>
<div class="bouton"><a href="https://search.brave.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://search.brave.com/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -249,7 +254,7 @@
<p class="contenu"> <p class="contenu">
Le moteur de recherche Google a dépanné à de multiples reprises. Le moteur de recherche Google a dépanné à de multiples reprises.
</p> </p>
<div class="bouton"><a href="https://www.google.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://www.google.com/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -259,7 +264,7 @@
<p class="contenu"> <p class="contenu">
Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises. Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises.
</p> </p>
<div class="bouton"><a href="https://duckduckgo.com/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://duckduckgo.com/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -269,7 +274,7 @@
<p class="contenu"> <p class="contenu">
L’outil paint.net a permis l’édition de plusieurs images présentes sur le site. L’outil paint.net a permis l’édition de plusieurs images présentes sur le site.
</p> </p>
<div class="bouton"><a href="https://www.getpaint.net/">Voir la source</a></div> <div class="bouton"><a target="_blank" href="https://www.getpaint.net/">Voir la source</a></div>
</div> </div>
</article> </article>
@@ -279,7 +284,18 @@
<p class="contenu"> <p class="contenu">
Le site de Google Fonts a permis de trouver une police pour le site. Le site de Google Fonts a permis de trouver une police pour le site.
</p> </p>
<div class="bouton"><a href="https://fonts.google.com/">Voir la source</a></div> <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> </div>
</article> </article>
</section> </section>

148
www/css/style.css
View File

@@ -17,58 +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 **/
.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 { 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/ */
@@ -312,6 +260,33 @@ footer a:hover {
display: block; 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 { .aPropos h1 {
text-align: center; text-align: center;
} }
@@ -331,35 +306,19 @@ footer a:hover {
padding: 1em; padding: 1em;
} }
.aPropos .sidebyside>div {
margin: 5px 20px;
}
.aPropos .sidebyside>h2 {
width: 100%;
}
.aPropos textarea { .aPropos textarea {
resize: none; resize: none;
width: 100%; width: 100%;
} }
.aPropos form { .aPropos form {
width: 70ch; width: 100%;
height: 100%;
margin: auto; margin: auto;
background-color: #726F9A; background-color: #726F9A;
border-radius: 20px; border-radius: 20px;
padding: 1em; padding: 16px;
color: #E6ECF3; color: #E6ECF3;
overflow: none;
}
.aPropos .sidebyside>div {
height: 100%;
} }
.aPropos p { .aPropos p {
@@ -371,6 +330,7 @@ footer a:hover {
padding: 1em; padding: 1em;
border-radius: 20px; border-radius: 20px;
color: #E6ECF3; color: #E6ECF3;
width: 100%;
} }
.aPropos .grille { .aPropos .grille {
@@ -423,7 +383,6 @@ footer a:hover {
text-align: right; text-align: right;
} }
.aPropos .grille #contenuAdresse, .aPropos .grille #contenuAdresse,
.aPropos .grille #contenuInfo, .aPropos .grille #contenuInfo,
.aPropos .grille #contenuTelephone, .aPropos .grille #contenuTelephone,
@@ -440,18 +399,26 @@ footer a:hover {
color: #c19f8a; color: #c19f8a;
} }
/* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for Chrome, Safari and Opera */
.conteneurMaps::-webkit-scrollbar { .conteneurMaps::-webkit-scrollbar {
display: none; display: none;
} }
/* Hide scrollbar for IE, Edge and Firefox */ /* Hide scrollbar for IE, Edge and Firefox */
.conteneurMaps { .conteneurMaps {
-ms-overflow-style: none; /* IE and Edge */ -ms-overflow-style: none;
scrollbar-width: none; /* Firefox */ /* IE and Edge */
scrollbar-width: none;
/* Firefox */
padding: 0;
margin: auto;
width: 100%;
} }
.aPropos #mapsFrame { .aPropos #mapsFrame {
border-radius: 20px; border-radius: 20px;
width: 100%;
height: 400px;
} }
.aPropos .sidebyside label { .aPropos .sidebyside label {
@@ -473,20 +440,16 @@ footer a:hover {
margin-bottom: 1em; margin-bottom: 1em;
} }
.aPropos #firstField label { .aPropos #infoContact label {
width: 11em; width: 11em;
display: inline-block display: inline-block
} }
.aPropos #firstField input { .aPropos #infoContact input {
width: 25em; width: 25em;
display: inline-block display: inline-block
} }
/*.aPropos div {*/
/* display: block; */
/*}*/
/****************************/ /****************************/
/* PAGE: L'équipe */ /* PAGE: L'équipe */
/* AUTEUR: Jérémy Hébert */ /* AUTEUR: Jérémy Hébert */
@@ -999,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;
@@ -1013,7 +983,7 @@ footer a:hover {
} }
.missions h1, .missions h1,
h2 { .missions h2 {
margin-bottom: 2em; margin-bottom: 2em;
} }
@@ -1027,12 +997,12 @@ h2 {
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;
} }
@@ -1040,7 +1010,7 @@ h2 {
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;
} }
@@ -1299,6 +1269,10 @@ h2 {
padding: 10px; padding: 10px;
} }
.wf-table-simple li {
list-style: none;
}
/****************************/ /****************************/
/* PAGE: Crédits */ /* PAGE: Crédits */
/* AUTEUR: Jérémy Hébert */ /* AUTEUR: Jérémy Hébert */
@@ -1311,7 +1285,7 @@ h2 {
} }
.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;
@@ -1408,7 +1382,7 @@ h2 {
/* 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>

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

140
www/js/script.js
View File

@@ -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/ // 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() { function timerBlur() {
var count = 3; var count = 3;
var timer2 = setInterval(function () { var timer2 = setInterval(function () {
@@ -92,16 +14,13 @@ function timerBlur(){
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) else if (count == 0) {
{
document.getElementById('logoAccueil').style.filter = ""; document.getElementById('logoAccueil').style.filter = "";
clearInterval(timer2); clearInterval(timer2);
} }
@@ -113,52 +32,19 @@ function timerBlur(){
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();
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 <header>)
myNav = document.getElementsByTagName("nav");
console.log(myNav.length());
for (var i = 0; i < myNav.children.length(); i++) {
var tableChild = myNav.children[i];
console.log(tableChild.tagName);
// Do stuff
}
/* for (const child of myNav.children) {
console.log(child.tagName);
}
*/
}, 2000);
// NOTE: Change Current Page based on url in <NAV> // NOTE: Change Current Page based on url in <NAV>
// TODO Add timer for glitch
// 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>

BIN
www/multimedia/mediasAndres/Ember.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Equinox.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Frost.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Koumei.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Rhino.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Sevagoth.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/Voruna.mp4 LFS
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/ember.mp4 LFS Normal file
View File

Binary file not shown.

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

BIN
www/multimedia/mediasAndres/equinox.mp4 LFS Normal file
View File

Binary file not shown.

BIN
www/multimedia/mediasAndres/frost.mp4 LFS Normal file
View File

Binary file not shown.

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

BIN
www/multimedia/mediasAndres/koumei.mp4 LFS Normal file
View File

Binary file not shown.

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

BIN
www/multimedia/mediasAndres/rhino.mp4 LFS Normal file
View File

Binary file not shown.

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

BIN
www/multimedia/mediasAndres/sevagoth.mp4 LFS Normal file
View File

Binary file not shown.

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

BIN
www/multimedia/mediasAndres/voruna.mp4 LFS Normal file
View File

Binary file not shown.

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

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>