Compare commits
54 Commits
c22c418208
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| b2e657498c | |||
| 7c534b1473 | |||
| 6fdfeb95aa | |||
| 8927b8878b | |||
| 9d5dbcb2de | |||
| 453c5fca07 | |||
| 4678052b69 | |||
| 26c9d66a42 | |||
| a1115e5d6f | |||
| a62c28d069 | |||
| 32b0d3ea0a | |||
| 55d95fdff5 | |||
| ef7a3603cd | |||
| 45b5ca9b53 | |||
| 0d4fc0cdaf | |||
| 7387f0b83a | |||
| a170091129 | |||
| db098654dc | |||
| 31eb6bf609 | |||
|
ecaf487c96 | ||
|
|
4517f6c275 | ||
| 4e4a0937be | |||
|
|
1c729295f7 | ||
|
|
c7ecee7dcc | ||
| c9f366fcb8 | |||
| f1c4159a78 | |||
| e4d2a7dbd7 | |||
| c48a22978b | |||
| 50b012ec96 | |||
| 2cf8da051b | |||
|
|
5dcb76df6c | ||
|
|
9835cbca11 | ||
|
|
cdd0cc7a17 | ||
|
|
0af3351b29 | ||
| deffdeec50 | |||
| 3affba6764 | |||
| ac184a0c24 | |||
| f97c5a6d63 | |||
| 69e081c034 | |||
| daebb6a889 | |||
| 052f838a3e | |||
| 94156b83f6 | |||
| ca154c6150 | |||
| 84fdadf1e8 | |||
| 9d0959ab6e | |||
| c7ce5a8763 | |||
| f5e479f491 | |||
| fa7b9696b7 | |||
| f7b3a2a626 | |||
| 1bd9cc9200 | |||
| 837868e33b | |||
| 54ea2620be | |||
| 06690f35b4 | |||
| a9be81072a |
30
.gitignore
vendored
30
.gitignore
vendored
@@ -508,3 +508,33 @@ $RECYCLE.BIN/
|
||||
|
||||
www/medias/mediasCredits/warframeDuviriRide.mp4
|
||||
www/medias/mediasHistoireDE/warframeRailjackRide.mp4
|
||||
www/multimedia/mediasCredits/warframeDuviriRide.mp4
|
||||
www/multimedia/mediasHistoireDE/warframeRailjackRide.mp4
|
||||
COMPRESS/warframeRailjackRide.mp4
|
||||
COMPRESS/Ember.mp4
|
||||
COMPRESS/Equinox.mp4
|
||||
COMPRESS/Frost.mp4
|
||||
COMPRESS/Koumei.mp4
|
||||
COMPRESS/Rhino.mp4
|
||||
COMPRESS/Sevagoth.mp4
|
||||
COMPRESS/Voruna.mp4
|
||||
COMPRESS/warframeDuviriRide.mp4
|
||||
www/multimediaHQ/we_All_Lift_Together_mPTCq3LiZSE.mp3
|
||||
www/multimediaHQ/mediasAndres/Ember.mp4
|
||||
www/multimediaHQ/mediasAndres/EmberVid.webm
|
||||
www/multimediaHQ/mediasAndres/Equinox.mp4
|
||||
www/multimediaHQ/mediasAndres/equinox.webm
|
||||
www/multimediaHQ/mediasAndres/Frost.mp4
|
||||
www/multimediaHQ/mediasAndres/FrostVid.webm
|
||||
www/multimediaHQ/mediasAndres/Koumei.mp4
|
||||
www/multimediaHQ/mediasAndres/KoumeiVid.webm
|
||||
www/multimediaHQ/mediasAndres/nokko.webm
|
||||
www/multimediaHQ/mediasAndres/Rhino.mp4
|
||||
www/multimediaHQ/mediasAndres/RhinoVid.webm
|
||||
www/multimediaHQ/mediasAndres/Sevagoth.mp4
|
||||
www/multimediaHQ/mediasAndres/SevagothVid.webm
|
||||
www/multimediaHQ/mediasAndres/Voruna.mp4
|
||||
www/multimediaHQ/mediasAndres/VorunaVid.webm
|
||||
www/multimediaHQ/mediasCredits/warframeDuviriRide.mp4
|
||||
www/multimediaHQ/mediasHistoireDE/warframeRailjackRide.mp4
|
||||
www/multimediaHQ/mediasLea/warframeIntro.mp4
|
||||
|
||||
4
.vscode/extensions.json
vendored
4
.vscode/extensions.json
vendored
@@ -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"
|
||||
]
|
||||
}
|
||||
19
README.md
19
README.md
@@ -28,6 +28,7 @@
|
||||
- [ ] Lea
|
||||
- [ ] Stan
|
||||
- [x] Jeremy
|
||||
- [ ]
|
||||
|
||||
<header> – Un entête incluant :
|
||||
▪ Un logo conçu par vous
|
||||
@@ -53,7 +54,7 @@ o <main> – Le contenu principal de la page
|
||||
- [x] Logo
|
||||
- [ ] 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)
|
||||
- [ ] 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] 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>`
|
||||
@@ -63,6 +64,22 @@ o <main> – Le contenu principal de la page
|
||||
- [x] balise `<main>`
|
||||
- [ ] class dans balise `<body>`
|
||||
- [x] Inclure les references pour chaques fichier multimedia
|
||||
- [ ] Au moins un lien de téléchargement
|
||||
- [ ] Un tableau
|
||||
- [x] • La dimension du tableau doit être au moins de 4 colonnes et 4 lignes.
|
||||
- [x] • Il doit y avoir de la fusion à l’intérieur du tableau.
|
||||
- [x] • Les bordures doivent être faites par CSS.
|
||||
- [ ] Des listes
|
||||
- [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 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
|
||||
bannière)
|
||||
- [x] Aucun texte bidon de type Lorem Ipsum ne sera accepté dans le site Web.
|
||||
- [ ]
|
||||
|
||||
```md
|
||||
. Vous pouvez les ajouter sur une page différente ou sur chaque page contenant les éléments concernés.
|
||||
|
||||
2715
log-git-251203.txt
Normal file
2715
log-git-251203.txt
Normal file
File diff suppressed because it is too large
Load Diff
@@ -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,8 @@
|
||||
|
||||
<body class="aProposBG">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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" class="active">À propos</a></li>
|
||||
@@ -33,22 +34,20 @@
|
||||
<main class="aPropos">
|
||||
<h1>Contactez l’équipe!</h1>
|
||||
<div class="sidebyside">
|
||||
<div>
|
||||
<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>
|
||||
@@ -96,7 +95,6 @@
|
||||
<div>
|
||||
<label>Quel personnage voudriez-vous essayer : </label>
|
||||
<div class="sidebyside">
|
||||
<!-- test clickable region no need for in label when surrounding input ?? -->
|
||||
<label class="clickLabel" for="persoOne">
|
||||
<input type="checkbox" id="persoOne" name="persoOne" value="1">
|
||||
Ember</label>
|
||||
@@ -133,7 +131,6 @@
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>Votre appréciation</legend>
|
||||
<!-- TODO : for="niveau" -->
|
||||
<textarea name="zoneComment" rows="10" cols="80"
|
||||
placeholder="Quelque chose à ajouter?"></textarea>
|
||||
</fieldset>
|
||||
@@ -142,71 +139,31 @@
|
||||
<button type="reset">Réinitialiser</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div>
|
||||
</section>
|
||||
|
||||
<section class="coordonnees">
|
||||
<div id="contactInfo">
|
||||
<div>
|
||||
<div>
|
||||
<h2>Coordonnées</h2>
|
||||
<div>
|
||||
<p>Adresse : <a 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>
|
||||
<p>Pour plus d’information sur les créateurs : <a target="_blank"
|
||||
href="https://www.cegepsherbrooke.qc.ca/">Cégep de Sherbrooke</a></p>
|
||||
<p>Téléphone : <a href="tel:+18195646350">+1 (819) 564-6350</a></p>
|
||||
</div>
|
||||
</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>
|
||||
<div>
|
||||
<p>Courriel :
|
||||
<a target="_blank" href="mailto:empty@zkd.ca">Équipe Les Alt-F4</a>
|
||||
</p>
|
||||
<div class="conteneurMaps">
|
||||
<iframe title="Maps pour cégep"
|
||||
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>
|
||||
<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="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>
|
||||
<!--
|
||||
FIXME: Input nom et courriel largeur
|
||||
FIXME: Centrer les div et fond-d'ecran
|
||||
FIXME: Padding 2e box ...
|
||||
|
||||
|
||||
Contenu minimal de la page de contact de votre site Web :
|
||||
• <main> – Le contenu principal de la page
|
||||
o Des informations de contact sous forme de :
|
||||
▪ Des coordonnées (adresse civique, adresse courriel, etc.) (peuvent être fictives)
|
||||
▪ Une carte interactive (Google maps, etc.)
|
||||
|
||||
|
||||
475 Rue du Cégep, Sherbrooke, QC J1E 4K1
|
||||
https://www.cegepsherbrooke.qc.ca/
|
||||
+18195646350
|
||||
|
||||
|
||||
|
||||
o Un formulaire de type « contactez-nous » :
|
||||
▪ Deux zones de texte monolignes
|
||||
▪ Une zone de texte multilignes
|
||||
▪ Une liste déroulante
|
||||
▪ Des choix sous forme de cases à cocher
|
||||
▪ Des choix sous forme de boutons radio
|
||||
▪ Un bouton de réinitialisation du formulaire
|
||||
▪ Un bouton d’envoi du formulaire
|
||||
o Lors de son envoi, le formulaire doit faire afficher une nouvelle page contenant un message de remerciement
|
||||
pour avoir complété le formulaire (ex : reponse.html). Cette page devra être créé en plus des autres pages
|
||||
demandées.
|
||||
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -214,7 +171,7 @@ demandées.
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Stanislas Royal.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
146
www/armures.html
146
www/armures.html
@@ -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,8 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -32,7 +33,7 @@
|
||||
|
||||
<main class="armures">
|
||||
<header class="video-header">
|
||||
<video id="entete" src="./medias/mediasAndres/nokko.webm" autoplay muted loop></video>
|
||||
<video id="entete" src="multimedia/mediasAndres/nokko.webm" autoplay muted loop></video>
|
||||
<h1 id="title">Armures</h1>
|
||||
|
||||
<nav class="wf-nav">
|
||||
@@ -69,7 +70,7 @@
|
||||
<section id="Ember" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/EmberVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/emberVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -92,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="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/ember.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -105,7 +106,7 @@
|
||||
<section id="Equinox" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/equinox.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/equinox.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -126,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="./medias/mediasAndres/Equinox.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/equinox.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,7 +139,7 @@
|
||||
<section id="Frost" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/FrostVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/frostVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -159,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="./medias/mediasAndres/Frost.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/frost.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -171,7 +172,7 @@
|
||||
<section id="Koumei" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/KoumeiVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/koumeiVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -193,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="./medias/mediasAndres/Koumei.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/koumei.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -205,7 +206,7 @@
|
||||
<section id="Rhino" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/RhinoVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/rhinoVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -226,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="./medias/mediasAndres/Rhino.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/rhino.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -238,7 +239,7 @@
|
||||
<section id="Sevagoth" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/SevagothVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/sevagothVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -259,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="./medias/mediasAndres/Sevagoth.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/sevagoth.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -271,7 +272,7 @@
|
||||
<section id="Voruna" class="perso">
|
||||
|
||||
<video class="bg-video" autoplay muted loop playsinline>
|
||||
<source src="./medias/mediasAndres/VorunaVid.webm" type="video/webm">
|
||||
<source src="multimedia/mediasAndres/vorunaVid.webm" type="video/webm">
|
||||
</video>
|
||||
|
||||
<div class="bg-overlay"></div>
|
||||
@@ -296,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="./medias/mediasAndres/Voruna.mp4" autoplay muted loop playsinline></video>
|
||||
<video src="multimedia/mediasAndres/voruna.mp4" autoplay muted loop playsinline></video>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -324,16 +325,60 @@
|
||||
|
||||
<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>
|
||||
<td colspan="4">Compétences</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<li>
|
||||
<ul>
|
||||
<li>Coupe éphémère</li>
|
||||
<li>Flash radial</li>
|
||||
<li>Javelot radial</li>
|
||||
<li>Épée exaltée</li>
|
||||
</ul>
|
||||
</li>
|
||||
</td>
|
||||
<td>
|
||||
<li>
|
||||
<ul>
|
||||
<li>Abruti</li>
|
||||
<li>Magnétiser</li>
|
||||
<li>Polariser</li>
|
||||
<li>Écraser</li>
|
||||
</ul>
|
||||
</li>
|
||||
</td>
|
||||
<td>
|
||||
<li>
|
||||
<ul>
|
||||
<li>Peste fongique</li>
|
||||
<li>Béret lumineux</li>
|
||||
<li>Enracinement</li>
|
||||
<li>Rebond de Spore</li>
|
||||
</ul>
|
||||
</li>
|
||||
</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>Étoile nulle</li>
|
||||
<li>Goutte d'antimatière</li>
|
||||
<li>Trou de ver</li>
|
||||
<li>Imprégnation moléculaire</li>
|
||||
</ul>
|
||||
</li>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
@@ -347,58 +392,23 @@
|
||||
</div>
|
||||
|
||||
<div class="accueilwiki">
|
||||
<a href="https://wiki.warframe.com/">
|
||||
<img src="./images/ImagesAndres/accueilWiki.PNG" alt="jdjj">
|
||||
<a target="_blank" href="https://wiki.warframe.com/">
|
||||
<img src="./images/imagesAndres/accueilWiki.PNG" alt="jdjj">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="accueilwiki">
|
||||
<a href="https://wiki.warframe.com/w/Warframes">
|
||||
<img src="./images/ImagesAndres/warframeWiki.PNG" alt="fsfsf">
|
||||
<a target="_blank" href="https://wiki.warframe.com/w/Warframes">
|
||||
<img src="./images/imagesAndres/warframeWiki.PNG" alt="fsfsf">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="wikiinfo">
|
||||
<h2>⬇️Si vous avez des questions⬇️</h2>
|
||||
</div>
|
||||
|
||||
<div class="contact-lists">
|
||||
|
||||
<h2>Moyens de communication</h2>
|
||||
<ol>
|
||||
<li>Téléphone : 514-555-9283</li>
|
||||
<li>Instagram : @AltF4_Official</li>
|
||||
<li>Twitter/X : @AltF4Team</li>
|
||||
<li><a href="mailto:davidescorcia.ca@mail.com">Envoyer un courriel</a></li>
|
||||
</ol>
|
||||
<br>
|
||||
<h2>Réseaux associés</h2>
|
||||
|
||||
<ul>
|
||||
<li>Communautés en ligne
|
||||
<ul>
|
||||
<li>Serveur Discord — Communauté ALT-F4</li>
|
||||
<li>Forum officiel Warframe — Section ALT-F4</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li>Contenus multimédias
|
||||
<ul>
|
||||
<li>Chaîne YouTube ALT-F4</li>
|
||||
<li>Live Twitch hebdomadaire</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Andres David Herrera Escorcia.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,8 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -44,9 +45,11 @@
|
||||
<div class="box">
|
||||
<h2>Warframe</h2>
|
||||
<p class="contenu">
|
||||
Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du jeu.
|
||||
Le site internet de Warframe a été consulté afin d’obtenir des images et vidéos authentiques du
|
||||
jeu.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -55,7 +58,8 @@
|
||||
<h2>Léa Dezothez</h2>
|
||||
<ul>
|
||||
<li class="contenu">
|
||||
Pour connaître le rôle de Léa, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
|
||||
Pour connaître le rôle de Léa, rendez-vous sur la page de l’équipe en cliquant sur le
|
||||
bouton.
|
||||
</li>
|
||||
<li class="contenu">
|
||||
Léa a également fourni la vaste majorité des images.
|
||||
@@ -70,10 +74,12 @@
|
||||
<h2>Jérémy Hébert</h2>
|
||||
<ul>
|
||||
<li class="contenu">
|
||||
Pour connaître le rôle de Jérémy, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
|
||||
Pour connaître le rôle de Jérémy, rendez-vous sur la page de l’équipe en cliquant sur le
|
||||
bouton.
|
||||
</li>
|
||||
<li class="contenu">
|
||||
Jérémy a également fourni les logos ainsi que l’image se trouvant dans la page de réponse au formulaire.
|
||||
Jérémy a également fourni les logos ainsi que l’image se trouvant dans la page de réponse au
|
||||
formulaire.
|
||||
</li>
|
||||
</ul>
|
||||
<div class="bouton"><a href="team.html#jeremy">Voir la personne</a></div>
|
||||
@@ -94,7 +100,8 @@
|
||||
<div class="box">
|
||||
<h2>Stanislas Royal</h2>
|
||||
<p class="contenu">
|
||||
Pour connaître le rôle de Stanislas, rendez-vous sur la page de l’équipe en cliquant sur le bouton.
|
||||
Pour connaître le rôle de Stanislas, rendez-vous sur la page de l’équipe en cliquant sur le
|
||||
bouton.
|
||||
</p>
|
||||
<div class="bouton"><a href="team.html#stanislas">Voir la personne</a></div>
|
||||
</div>
|
||||
@@ -106,7 +113,8 @@
|
||||
<p class="contenu">
|
||||
Discotools.xyz a permis la création du bouclier présent dans le logo ainsi que le favicon.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -114,9 +122,10 @@
|
||||
<div class="box">
|
||||
<h2>Figma</h2>
|
||||
<p class="contenu">
|
||||
Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour avoir rempli le formulaire.
|
||||
Figma a été utilisé dans la conception du logo, du favicon et de l’image de remerciement pour
|
||||
avoir rempli le formulaire.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -124,9 +133,11 @@
|
||||
<div class="box">
|
||||
<h2>Lyco Canario</h2>
|
||||
<p class="contenu">
|
||||
Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le formulaire.
|
||||
Lyco Canario est derrière la poule utilisée dans l’image de remerciement pour avoir rempli le
|
||||
formulaire.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -136,7 +147,8 @@
|
||||
<p class="contenu">
|
||||
Visual Studio Code a été l’outil de développement utilisé pour l’ensemble du projet.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -144,9 +156,12 @@
|
||||
<div class="box">
|
||||
<h2>/noclip</h2>
|
||||
<p class="contenu">
|
||||
Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de Digital Extremes.
|
||||
Le documentaire sur Warframe conçu par /noclip a servi à rédiger la page sur l’histoire de
|
||||
Digital Extremes.
|
||||
</p>
|
||||
<div class="bouton"><a href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir la source</a></div>
|
||||
<div class="bouton"><a target="_blank"
|
||||
href="https://www.youtube.com/watch?v=UOE6528pwFc&list=PL-THgg8QnvU7Weo1mCM9H2AXljC7UrDm8&index=2">Voir
|
||||
la source</a></div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -156,7 +171,9 @@
|
||||
<p class="contenu">
|
||||
La théorie fournie par le corps professoral a dépanné l’équipe à de multiples reprises.
|
||||
</p>
|
||||
<div class="bouton"><a href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la source</a></div>
|
||||
<div class="bouton"><a target="_blank"
|
||||
href="https://moodle.cegepsherbrooke.qc.ca/course/view.php?id=1518">Voir la
|
||||
source</a></div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -166,7 +183,7 @@
|
||||
<p class="contenu">
|
||||
Les systèmes de Gitea ont permis un travail connecté durant l’ensemble du projet.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -176,7 +193,7 @@
|
||||
<p class="contenu">
|
||||
ChatGPT a permis la rédaction de certains textes du site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -186,7 +203,7 @@
|
||||
<p class="contenu">
|
||||
Gemini a permis la rédaction de certains textes du site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -194,9 +211,10 @@
|
||||
<div class="box">
|
||||
<h2>Moqups</h2>
|
||||
<p class="contenu">
|
||||
Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du site.
|
||||
Moqups a permis la création de la maquette, afin de rendre prévisible le style artistique du
|
||||
site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -206,7 +224,7 @@
|
||||
<p class="contenu">
|
||||
Google Maps a permis l’intégration de la carte géographique sur le site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -216,7 +234,7 @@
|
||||
<p class="contenu">
|
||||
Les valideurs du World Wide Web Consortium ont permis la révision du code de l’ensemble du site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -226,7 +244,7 @@
|
||||
<p class="contenu">
|
||||
Le moteur de recherche Brave Search a dépanné a de multiples reprises.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -236,7 +254,7 @@
|
||||
<p class="contenu">
|
||||
Le moteur de recherche Google a dépanné à de multiples reprises.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -246,7 +264,7 @@
|
||||
<p class="contenu">
|
||||
Le moteur de recherche DuckDuckGo a dépanné à de multiples reprises.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -256,7 +274,7 @@
|
||||
<p class="contenu">
|
||||
L’outil paint.net a permis l’édition de plusieurs images présentes sur le site.
|
||||
</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>
|
||||
</article>
|
||||
|
||||
@@ -266,7 +284,18 @@
|
||||
<p class="contenu">
|
||||
Le site de Google Fonts a permis de trouver une police pour le site.
|
||||
</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>
|
||||
</article>
|
||||
</section>
|
||||
@@ -276,7 +305,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Jérémy Hébert.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -17,44 +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;
|
||||
}
|
||||
|
||||
.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/ */
|
||||
@@ -180,7 +142,7 @@ footer a:hover {
|
||||
|
||||
.accueil #video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -188,8 +150,8 @@ footer a:hover {
|
||||
background-color: #13172cb0;
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
height: 118.5%;
|
||||
left: 50%;
|
||||
padding-bottom: 36.6%;
|
||||
transform: translate(-50%, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
@@ -290,7 +252,6 @@ footer a:hover {
|
||||
/****************************/
|
||||
.aProposBG {
|
||||
background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
@@ -299,15 +260,40 @@ 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;
|
||||
}
|
||||
|
||||
.aPropos>div:first {
|
||||
.aPropos>main>div:first {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
/* min-height: calc(100vh - 60px); */
|
||||
/* display: block; */
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -316,23 +302,8 @@ footer a:hover {
|
||||
max-width: 700px;
|
||||
max-height: 600px;
|
||||
overflow: scroll;
|
||||
margin-top: 3em;
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.aPropos .conteneurMaps iframe {
|
||||
border: 0;
|
||||
margin: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.aPropos .sidebyside>div {
|
||||
margin: 5px 20px;
|
||||
}
|
||||
|
||||
.aPropos .sidebyside>h1 {
|
||||
width: 120%;
|
||||
|
||||
margin-top: 2em;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.aPropos textarea {
|
||||
@@ -340,27 +311,14 @@ footer a:hover {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.aPropos form {
|
||||
width: 70ch;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
background-color: #726F9A;
|
||||
border-radius: 15px;
|
||||
padding: 1em;
|
||||
border-radius: 20px;
|
||||
padding: 16px;
|
||||
color: #E6ECF3;
|
||||
overflow: scroll;
|
||||
/*!SECTION COULEUR
|
||||
|
||||
#B47871
|
||||
#641A10
|
||||
#13172C
|
||||
#726F9A
|
||||
#273A56
|
||||
#C19F8A
|
||||
Couleur texte : #FFEFE5
|
||||
|
||||
|
||||
*/
|
||||
}
|
||||
|
||||
.aPropos p {
|
||||
@@ -370,25 +328,97 @@ Couleur texte : #FFEFE5
|
||||
.aPropos #contactInfo {
|
||||
background-color: #273A56;
|
||||
padding: 1em;
|
||||
border-radius: 15px;
|
||||
border-radius: 20px;
|
||||
color: #E6ECF3;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aPropos a:link {
|
||||
.aPropos .grille {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"titreAdresse contenuAdresse"
|
||||
"titreInfo contenuInfo"
|
||||
"titreTelephone contenuTelephone"
|
||||
"titreCourriel contenuCourriel";
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
|
||||
.aPropos .grille #titreAdresse {
|
||||
grid-area: titreAdresse;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aPropos .grille #contenuAdresse {
|
||||
grid-area: contenuAdresse;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aPropos .grille #titreInfo {
|
||||
grid-area: titreInfo;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aPropos .grille #contenuInfo {
|
||||
grid-area: contenuInfo;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aPropos .grille #titreTelephone {
|
||||
grid-area: titreTelephone;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aPropos .grille #contenuTelephone {
|
||||
grid-area: contenuTelephone;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aPropos .grille #titreCourriel {
|
||||
grid-area: titreCourriel;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.aPropos .grille #contenuCourriel {
|
||||
grid-area: contenuCourriel;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.aPropos .grille #contenuAdresse,
|
||||
.aPropos .grille #contenuInfo,
|
||||
.aPropos .grille #contenuTelephone,
|
||||
.aPropos .grille #contenuCourriel {
|
||||
color: #E6ECF3;
|
||||
font-weight: 800;
|
||||
text-decoration: underline;
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.aPropos a:visited {
|
||||
.aPropos .grille #contenuAdresse:hover,
|
||||
.aPropos .grille #contenuInfo:hover,
|
||||
.aPropos .grille #contenuTelephone:hover,
|
||||
.aPropos .grille #contenuCourriel:hover {
|
||||
color: #c19f8a;
|
||||
|
||||
}
|
||||
|
||||
.aPropos a:hover {
|
||||
color: #726F9A;
|
||||
/* Hide scrollbar for Chrome, Safari and Opera */
|
||||
.conteneurMaps::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide scrollbar for IE, Edge and Firefox */
|
||||
.conteneurMaps {
|
||||
-ms-overflow-style: none;
|
||||
/* IE and Edge */
|
||||
scrollbar-width: none;
|
||||
/* Firefox */
|
||||
padding: 0;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.aPropos #mapsFrame {
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.aPropos .sidebyside label {
|
||||
@@ -406,24 +436,20 @@ Couleur texte : #FFEFE5
|
||||
margin: 1em auto 1em 0px;
|
||||
}
|
||||
|
||||
.aPropos #contactInfo h2 {
|
||||
.aPropos h2 {
|
||||
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 */
|
||||
@@ -918,50 +944,75 @@ Couleur texte : #FFEFE5
|
||||
/* PAGE: Missions */
|
||||
/* AUTEUR: Stanislas Royal */
|
||||
/****************************/
|
||||
/*.missions {
|
||||
background-color: rgb(43, 189, 226);
|
||||
} */
|
||||
|
||||
.missions {
|
||||
width: 100%;
|
||||
background-color: #273A56;
|
||||
color: #ffefe5;
|
||||
text-shadow: 2px 2px 2px #13172c;
|
||||
}
|
||||
|
||||
.missions audio {
|
||||
margin: 2em auto auto auto;
|
||||
position: sticky;
|
||||
top: 65px;
|
||||
left: 40vh;
|
||||
width: 70vh;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.missions .sidebyside {
|
||||
|
||||
display: flex;
|
||||
max-width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.missions section {
|
||||
width: 100vw;
|
||||
height: 40vh;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.missions article {
|
||||
/* max-width: 70vw; */
|
||||
width: 70vw;
|
||||
height: 40vh;
|
||||
border:#273A56 2px solid;
|
||||
margin: 10vh 10vw;
|
||||
margin: 1vh 10vw;
|
||||
padding: 3em;
|
||||
text-align: left;
|
||||
/* float: left */
|
||||
}
|
||||
.missions h1,h2 {
|
||||
|
||||
.missions h1,
|
||||
.missions h2 {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.missions section:nth-child(odd) article {
|
||||
.missions>section:first-of-type {
|
||||
padding: 0 20vw;
|
||||
}
|
||||
|
||||
.missions #autreMissions a:any-link {
|
||||
color: #bf815b;
|
||||
text-decoration: underline;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.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;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.missions section article p {
|
||||
max-width: 50%;
|
||||
/* margin: auto;
|
||||
float: left; */
|
||||
}
|
||||
|
||||
.missions section:nth-child(even)>article>p {
|
||||
margin: auto 0 auto auto;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#assassination {
|
||||
@@ -972,42 +1023,55 @@ Couleur texte : #FFEFE5
|
||||
.missions #missionsInfo {
|
||||
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #survie {
|
||||
background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #assassination {
|
||||
background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #capture {
|
||||
background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #defense {
|
||||
background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #excavation {
|
||||
background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #extermination {
|
||||
background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #hijack {
|
||||
background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #interception {
|
||||
background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #invasion {
|
||||
background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #mobileDefense {
|
||||
background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #sauvetage {
|
||||
background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #sabotage {
|
||||
background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
|
||||
}
|
||||
|
||||
.missions #autreMissions {
|
||||
background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
|
||||
}
|
||||
@@ -1205,6 +1269,10 @@ Couleur texte : #FFEFE5
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.wf-table-simple li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/****************************/
|
||||
/* PAGE: Crédits */
|
||||
/* AUTEUR: Jérémy Hébert */
|
||||
@@ -1217,7 +1285,7 @@ Couleur texte : #FFEFE5
|
||||
}
|
||||
|
||||
.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;
|
||||
@@ -1314,7 +1382,7 @@ Couleur texte : #FFEFE5
|
||||
/* 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;
|
||||
|
||||
@@ -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,12 +18,13 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4"
|
||||
id="logoAccueil"></a>
|
||||
|
||||
<ul>
|
||||
<li><a href="aPropos.html">À propos</a></li>
|
||||
<li><a href="team.html">L’équipe</a></li>
|
||||
<li><a href="histoire.html" class="active">Histoire de DE</a></li>
|
||||
<li><a href="histoire.html" class="active">Histoire de DE</a></li>
|
||||
<li><a href="lore.html">Univers Sci-fi</a></li>
|
||||
<li><a href="missions.html">Missions</a></li>
|
||||
<li><a href="armures.html">Armures</a></li>
|
||||
@@ -45,7 +46,11 @@
|
||||
<div class="box">
|
||||
<h2 class="titre">La face cachée de Warframe</h2>
|
||||
<p class="contenuChapitre">
|
||||
Warframe est aujourd’hui un pilier du jeu en ligne, un univers singulier mêlant science-fiction organique et combats rapides. Pourtant, derrière son apparence futuriste, son existence même tient du miracle. Le jeu est né à une époque où Digital Extremes, son studio créateur, était au bord de l’effondrement après dix années difficiles. L’histoire de Warframe est celle d’un sauvetage inattendu, d’une idée persistante et d’une équipe déterminée à se réinventer.
|
||||
Warframe est aujourd’hui un pilier du jeu en ligne, un univers singulier mêlant science-fiction
|
||||
organique et combats rapides. Pourtant, derrière son apparence futuriste, son existence même
|
||||
tient du miracle. Le jeu est né à une époque où Digital Extremes, son studio créateur, était au
|
||||
bord de l’effondrement après dix années difficiles. L’histoire de Warframe est celle d’un
|
||||
sauvetage inattendu, d’une idée persistante et d’une équipe déterminée à se réinventer.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -54,7 +59,12 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">Les premiers pas de James Schmalz</h3>
|
||||
<p class="contenuChapitre">
|
||||
L’histoire commence avec James Schmalz, un passionné qui crée des jeux par loisir bien avant d’en faire une profession. Pendant ses études universitaires, il réalise un petit jeu, Legends of Murder, vendu à un magazine pour un montant modeste, mais révélateur de son potentiel. Inspiré par des œuvres de science-fiction, il conçoit ensuite Solar Winds, qui attire l’attention d’Epic MegaGames. Ce premier succès est suivi d’un autre encore plus important, Epic Pinball, qui lui apporte une notoriété suffisante pour fonder Digital Extremes.
|
||||
L’histoire commence avec James Schmalz, un passionné qui crée des jeux par loisir bien avant
|
||||
d’en faire une profession. Pendant ses études universitaires, il réalise un petit jeu, Legends
|
||||
of Murder, vendu à un magazine pour un montant modeste, mais révélateur de son potentiel.
|
||||
Inspiré par des œuvres de science-fiction, il conçoit ensuite Solar Winds, qui attire
|
||||
l’attention d’Epic MegaGames. Ce premier succès est suivi d’un autre encore plus important, Epic
|
||||
Pinball, qui lui apporte une notoriété suffisante pour fonder Digital Extremes.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -63,7 +73,11 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">La décennie Unreal Tournament</h3>
|
||||
<p class="contenuChapitre">
|
||||
Durant près de dix ans, Digital Extremes collabore étroitement avec Epic Games sur la franchise Unreal Tournament. Les deux studios travaillent presque comme une seule entité, partageant leurs équipes et leurs talents. Cette période voit naître certains des jeux multijoueurs les plus marquants de leur époque. Cependant, lorsque les deux entreprises prennent des chemins différents, Digital Extremes cherche à établir son propre projet ambitieux.
|
||||
Durant près de dix ans, Digital Extremes collabore étroitement avec Epic Games sur la franchise
|
||||
Unreal Tournament. Les deux studios travaillent presque comme une seule entité, partageant leurs
|
||||
équipes et leurs talents. Cette période voit naître certains des jeux multijoueurs les plus
|
||||
marquants de leur époque. Cependant, lorsque les deux entreprises prennent des chemins
|
||||
différents, Digital Extremes cherche à établir son propre projet ambitieux.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -72,7 +86,14 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">Le piège du Travail à louer</h3>
|
||||
<p class="contenuChapitre">
|
||||
Le studio décide alors de se lancer dans un projet interne, Dark Sector, voulu comme une nouvelle grande franchise de science-fiction. Au lieu de leur offrir l’indépendance créative, ce prototype les enferme dans un cycle de travail à la demande pour différents éditeurs. Pariah, Warpath, l’adaptation PlayStation 3 de Bioshock et une version transformée de Dark Sector sont produits durant cette période. Le studio survit, mais la créativité s’érode. Pourtant, au cœur de ces années difficiles, un concept refuse de disparaître : celui d’un monde de science-fiction sombre, évolutif, formé d’armures vivantes et de technologie organique. C’était la racine de Warframe.
|
||||
Le studio décide alors de se lancer dans un projet interne, Dark Sector, voulu comme une
|
||||
nouvelle grande franchise de science-fiction. Au lieu de leur offrir l’indépendance créative, ce
|
||||
prototype les enferme dans un cycle de travail à la demande pour différents éditeurs. Pariah,
|
||||
Warpath, l’adaptation PlayStation 3 de Bioshock et une version transformée de Dark Sector sont
|
||||
produits durant cette période. Le studio survit, mais la créativité s’érode. Pourtant, au cœur
|
||||
de ces années difficiles, un concept refuse de disparaître : celui d’un monde de science-fiction
|
||||
sombre, évolutif, formé d’armures vivantes et de technologie organique. C’était la racine de
|
||||
Warframe.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -81,7 +102,13 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">Neuf mois pour recommencer</h3>
|
||||
<p class="contenuChapitre">
|
||||
Lorsque le marché du jeu vidéo se transforme et que les contrats se raréfient, Digital Extremes se retrouve en situation critique. La décision est prise de ressusciter l’ancienne idée de Dark Sector et d’en faire un nouveau jeu en ligne. Le studio dispose de neuf mois pour créer un prototype jouable, concevoir un site fonctionnel, bâtir une infrastructure en ligne complète et construire les fondations d’un modèle économique. Sans expérience dans le domaine des jeux persistants, l’équipe se lance dans une course contre la montre. L’objectif est clair : sortir un jeu minimal, mais fonctionnel, capable de servir de base pour l’avenir.
|
||||
Lorsque le marché du jeu vidéo se transforme et que les contrats se raréfient, Digital Extremes
|
||||
se retrouve en situation critique. La décision est prise de ressusciter l’ancienne idée de Dark
|
||||
Sector et d’en faire un nouveau jeu en ligne. Le studio dispose de neuf mois pour créer un
|
||||
prototype jouable, concevoir un site fonctionnel, bâtir une infrastructure en ligne complète et
|
||||
construire les fondations d’un modèle économique. Sans expérience dans le domaine des jeux
|
||||
persistants, l’équipe se lance dans une course contre la montre. L’objectif est clair : sortir
|
||||
un jeu minimal, mais fonctionnel, capable de servir de base pour l’avenir.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -90,7 +117,14 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">Les premiers soutiens de la communauté</h3>
|
||||
<p class="contenuChapitre">
|
||||
À son lancement, Warframe avance timidement. Digital Extremes propose alors un Pack fondateur permettant de soutenir le développement du jeu. Les premiers achats surprennent l’équipe et leur offrent un encouragement vital. En parallèle, le studio réévalue rapidement son modèle économique. Les premiers systèmes favorisaient trop fortement les joueurs payants, ce qui menaçait de briser la confiance naissante. En janvier 2013, la décision est prise d’abandonner ces éléments, marquant la transition vers un modèle plus équitable. L’arrivée du jeu sur Steam quelques mois plus tard marque un tournant décisif : le public s’élargit brusquement et les revenus permettent enfin au studio de stabiliser sa situation.
|
||||
À son lancement, Warframe avance timidement. Digital Extremes propose alors un Pack fondateur
|
||||
permettant de soutenir le développement du jeu. Les premiers achats surprennent l’équipe et leur
|
||||
offrent un encouragement vital. En parallèle, le studio réévalue rapidement son modèle
|
||||
économique. Les premiers systèmes favorisaient trop fortement les joueurs payants, ce qui
|
||||
menaçait de briser la confiance naissante. En janvier 2013, la décision est prise d’abandonner
|
||||
ces éléments, marquant la transition vers un modèle plus équitable. L’arrivée du jeu sur Steam
|
||||
quelques mois plus tard marque un tournant décisif : le public s’élargit brusquement et les
|
||||
revenus permettent enfin au studio de stabiliser sa situation.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -99,7 +133,14 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">L’évolution continue</h3>
|
||||
<p class="contenuChapitre">
|
||||
Une fois l’urgence de la survie passée, Digital Extremes adopte une philosophie simple : Warframe doit évoluer constamment pour rester attractif. Le studio développe de nouvelles zones, enrichit le système de mouvement, ajoute régulièrement des Warframes et ouvre la porte aux créations de la communauté à travers le programme Tennogen. Cette dynamique s’accompagne d’un dialogue constant avec les joueurs, rendu possible par des diffusions en direct, des événements communautaires et des mises à jour fréquentes. Les développeurs apprennent à intégrer certaines pratiques inventées par les joueurs eux-mêmes, transformant des exploits en mécaniques officielles lorsque celles-ci améliorent le plaisir de jeu.
|
||||
Une fois l’urgence de la survie passée, Digital Extremes adopte une philosophie simple :
|
||||
Warframe doit évoluer constamment pour rester attractif. Le studio développe de nouvelles zones,
|
||||
enrichit le système de mouvement, ajoute régulièrement des Warframes et ouvre la porte aux
|
||||
créations de la communauté à travers le programme Tennogen. Cette dynamique s’accompagne d’un
|
||||
dialogue constant avec les joueurs, rendu possible par des diffusions en direct, des événements
|
||||
communautaires et des mises à jour fréquentes. Les développeurs apprennent à intégrer certaines
|
||||
pratiques inventées par les joueurs eux-mêmes, transformant des exploits en mécaniques
|
||||
officielles lorsque celles-ci améliorent le plaisir de jeu.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -108,7 +149,14 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">Un univers bizarre et unique</h3>
|
||||
<p class="contenuChapitre">
|
||||
L’une des forces de Warframe réside dans son identité visuelle et narrative. Plutôt que de s’inspirer des productions hollywoodiennes, les artistes du studio se tournent vers des influences européennes, notamment le travail de Moebius. Le résultat est un univers étrange, biomécanique, parfois déroutant, mais toujours distinctif. Chaque élément possède un vocabulaire propre, des Syandanas aux Kavats en passant par les factions dotées de leurs propres caractéristiques culturelles. Ce choix esthétique, parfois clivant, est devenu l’une des signatures essentielles du jeu. Ce qui semblait être une barrière à l’entrée est devenu un atout, un monde si singulier que ceux qui s’y plongent s’y attachent profondément.
|
||||
L’une des forces de Warframe réside dans son identité visuelle et narrative. Plutôt que de
|
||||
s’inspirer des productions hollywoodiennes, les artistes du studio se tournent vers des
|
||||
influences européennes, notamment le travail de Moebius. Le résultat est un univers étrange,
|
||||
biomécanique, parfois déroutant, mais toujours distinctif. Chaque élément possède un vocabulaire
|
||||
propre, des Syandanas aux Kavats en passant par les factions dotées de leurs propres
|
||||
caractéristiques culturelles. Ce choix esthétique, parfois clivant, est devenu l’une des
|
||||
signatures essentielles du jeu. Ce qui semblait être une barrière à l’entrée est devenu un
|
||||
atout, un monde si singulier que ceux qui s’y plongent s’y attachent profondément.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -117,7 +165,12 @@
|
||||
<div class="box">
|
||||
<h3 class="nomChapitre">La transformation en succès durable</h3>
|
||||
<p class="contenuChapitre">
|
||||
Avec le temps, Warframe devient un exemple rare de jeu en ligne porté par la passion, l’adaptabilité et le lien avec sa communauté. Ce qui aurait pu être le dernier espoir d’un studio en difficulté devient une œuvre en perpétuelle expansion, façonnée par ses créateurs comme par ses joueurs. L’histoire de Digital Extremes et de Warframe illustre qu’un projet né de la nécessité peut devenir une référence, à condition d’être animé par une vision forte et la volonté de toujours se réinventer.
|
||||
Avec le temps, Warframe devient un exemple rare de jeu en ligne porté par la passion,
|
||||
l’adaptabilité et le lien avec sa communauté. Ce qui aurait pu être le dernier espoir d’un
|
||||
studio en difficulté devient une œuvre en perpétuelle expansion, façonnée par ses créateurs
|
||||
comme par ses joueurs. L’histoire de Digital Extremes et de Warframe illustre qu’un projet né de
|
||||
la nécessité peut devenir une référence, à condition d’être animé par une vision forte et la
|
||||
volonté de toujours se réinventer.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@@ -128,7 +181,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Jérémy Hébert.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 952 KiB After Width: | Height: | Size: 952 KiB |
|
Before Width: | Height: | Size: 1002 KiB After Width: | Height: | Size: 1002 KiB |
|
Before Width: | Height: | Size: 338 KiB After Width: | Height: | Size: 338 KiB |
|
Before Width: | Height: | Size: 286 KiB After Width: | Height: | Size: 286 KiB |
|
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 316 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 692 KiB After Width: | Height: | Size: 692 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 391 KiB After Width: | Height: | Size: 391 KiB |
|
Before Width: | Height: | Size: 770 KiB After Width: | Height: | Size: 770 KiB |
|
Before Width: | Height: | Size: 333 KiB After Width: | Height: | Size: 333 KiB |
|
Before Width: | Height: | Size: 409 KiB After Width: | Height: | Size: 409 KiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 233 KiB After Width: | Height: | Size: 233 KiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
BIN
www/images/imagesAndres/Koumei/kouhab.PNG
Normal file
BIN
www/images/imagesAndres/Koumei/kouhab.PNG
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 586 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 71 KiB After Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 266 KiB After Width: | Height: | Size: 266 KiB |
|
Before Width: | Height: | Size: 688 KiB After Width: | Height: | Size: 688 KiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
|
Before Width: | Height: | Size: 876 KiB After Width: | Height: | Size: 876 KiB |
|
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 2.1 MiB After Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 973 KiB After Width: | Height: | Size: 973 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 177 KiB After Width: | Height: | Size: 177 KiB |
|
Before Width: | Height: | Size: 107 KiB After Width: | Height: | Size: 107 KiB |
|
Before Width: | Height: | Size: 281 KiB After Width: | Height: | Size: 281 KiB |
|
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
@@ -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,8 @@
|
||||
|
||||
<body class="accueil">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -34,7 +35,7 @@
|
||||
<header>
|
||||
<section>
|
||||
<div id="texte">
|
||||
<h1>WARFRAME : <br> Toute une histoire</h1>
|
||||
<h1>WARFRAME: <br> Toute une histoire</h1>
|
||||
<p> Warframe est un jeu d’action coopératif free-to-play dans lequel vous incarnez un Tenno, un
|
||||
guerrier
|
||||
d’élite
|
||||
@@ -46,9 +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">
|
||||
<source src="medias/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>
|
||||
|
||||
@@ -78,7 +77,7 @@
|
||||
<p>Conseiller</p>
|
||||
</div>
|
||||
<a href="team.html">
|
||||
<h2>Rencontrez l’équipe!</h2>
|
||||
<p>Rencontrez l'équipe!</p>
|
||||
</a>
|
||||
</article>
|
||||
</section>
|
||||
@@ -91,9 +90,9 @@
|
||||
<p>Fondé en 1993, Digital Extremes s’est imposé comme un pionnier de l’industrie du jeu vidéo grâce
|
||||
à des titres marquants allant de l’ancêtre «shareware» Epic Pinball à la série emblématique
|
||||
Unreal (coproduite avec Epic Games), puis au succès mondial du jeu gratuit en ligne Warframe.
|
||||
Avec plus de 30 ans d’innovation à son actif, le studio est reconnu non seulement pour la
|
||||
Avec plus de 30 ans d’innovation à son actif, le studio est reconnu non seulement pour la
|
||||
qualité de ses jeux,
|
||||
mais aussi pour sa culture interne forte : une équipe diversifiée comptant plus de 450 personnes
|
||||
mais aussi pour sa culture interne forte: une équipe diversifiée comptant plus de 450 personnes
|
||||
réparties au Canada et à l’international, un environnement de travail collaboratif, créatif et
|
||||
engagé, ainsi qu’un profond attachement à la communauté de joueurs. Basé à Londres en Ontario,
|
||||
Digital Extremes continue d’insuffler sa passion pour le développement et le partage, en gardant
|
||||
@@ -152,7 +151,7 @@
|
||||
<div class="droite">
|
||||
<h2>Les armures</h2>
|
||||
|
||||
<p>Les Warframes sont au cœur de l’expérience de Warframe : de puissantes armures biomécaniques
|
||||
<p>Les Warframes sont au cœur de l’expérience de Warframe: de puissantes armures biomécaniques
|
||||
dotées
|
||||
de capacités uniques qui définissent entièrement le style de jeu du joueur. Chacune possède
|
||||
quatre
|
||||
@@ -172,12 +171,12 @@
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
</footer>
|
||||
<footer>
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
153
www/js/script.js
153
www/js/script.js
@@ -1,123 +1,50 @@
|
||||
|
||||
/* AUTEUR: Stan
|
||||
DATE : 2025-12-03
|
||||
DESC: Ajout de glitch comme certains evenement dans Warframe
|
||||
*/
|
||||
// https://www.geeksforgeeks.org/html/difference-between-domcontentloaded-and-load-events/
|
||||
// Performance for my useCase (modify NAV and FOOTER)
|
||||
// https://stackoverflow.com/questions/44329324/cannot-read-property-symbolsymbol-iterator-of-undefined
|
||||
/*
|
||||
document.addEventListener("DOMContentLoaded",
|
||||
function(e) {
|
||||
console.log("DOMContentLoaded triggered !");
|
||||
|
||||
var topEl = document.getElementsByTagName("nav"); // maybe header
|
||||
var listLI = topEl[0].getElementsByTagName("li");
|
||||
// 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)";
|
||||
|
||||
document.getElementById("");
|
||||
// var allA = listLI.getElementsByTagName("a");
|
||||
// topEl.
|
||||
}
|
||||
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);
|
||||
|
||||
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()
|
||||
);
|
||||
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);
|
||||
}
|
||||
*/
|
||||
|
||||
// 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.");
|
||||
});
|
||||
*/
|
||||
|
||||
window.onload = function () {
|
||||
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>
|
||||
|
||||
|
||||
// TODO Add timer for glitch
|
||||
// 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, ...
|
||||
};
|
||||
@@ -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,8 @@
|
||||
|
||||
<body class="lore">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -76,7 +77,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -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,8 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -33,18 +34,21 @@
|
||||
<main class="missions">
|
||||
<section id="missionsInfo">
|
||||
<h1>Les missions</h1>
|
||||
<p>Il existe plusieurs types de missions dans Warframe. Une des mécaniques du jeu les missions sont très
|
||||
importante par le fait qu'elles nous permettent de récolter des resources pour créer de meilleures
|
||||
armes, armures et compagnons
|
||||
Les styles de missions présentés seront les plus communes et celles que le joueur rencontrera le plus
|
||||
lors de l'histoire et de l'exploration de la carte stellaire.</p>
|
||||
<p>Il existe plusieurs types de missions dans Warframe. Une des mécaniques du jeu, les missions, est très
|
||||
importante par le fait qu’elles nous permettent de récolter des ressources pour créer de meilleures
|
||||
armes, armures et compagnons.
|
||||
Les styles de missions présentées seront les plus communes et celles que le joueur rencontrera le plus
|
||||
lors de l’histoire et de l’exploration de la carte stellaire.</p>
|
||||
</section>
|
||||
<audio src="multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3" loop controls>Balise audio non
|
||||
supportée</audio>
|
||||
<section id="survie">
|
||||
<article>
|
||||
<h2>Survival</h2>
|
||||
<p>Les missions de survie sont a durée illimités, les joueurs reçoivent a chaque 5 minutes le choix de
|
||||
continuer ou d’évacuer. Ils reçoivent aussi une recompenses basée sur le niveau de la difficulté.
|
||||
Lorsque les joueurs évacuent, ils n'ont pas besoin de se rendre a l'extraction contrairement aux
|
||||
<p>Les missions de survie sont à durée illimitée, les joueurs reçoivent à chaque cinq minutes le choix
|
||||
de
|
||||
continuer ou d’évacuer. Ils reçoivent aussi une récompense basée sur le niveau de la difficulté.
|
||||
Lorsque les joueurs évacuent, ils n’ont pas besoin de se rendre à l’extraction, contrairement aux
|
||||
autres
|
||||
types de missions.</p>
|
||||
</article>
|
||||
@@ -52,23 +56,24 @@
|
||||
<section id="assassination">
|
||||
<article>
|
||||
<h2>Assassination</h2>
|
||||
<p>Les missions d'assassination présente une victime a localiser et éliminer, il n'y a que tres rarement
|
||||
d'autre objectif. Ceci représente donc des missions rapidement completer.</p>
|
||||
<p>Les missions d’assassination présentent une victime à localiser et éliminer, il n’y a que très
|
||||
rarement
|
||||
d’autre objectif. Ceci représente donc des missions rapidement complétées.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="capture">
|
||||
<article>
|
||||
<h2>Capture</h2>
|
||||
<p>Dans le meme style que les missions d'Assassination, il faut localiser la cible et la diminuer ses
|
||||
<p>Dans le même style que les missions d’Assassination, il faut localiser la cible et la diminuer ses
|
||||
points
|
||||
de vie avant de pouvoir la capturer</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="defense">
|
||||
<article>
|
||||
<h2>Defense</h2>
|
||||
<p>Une defense oblige les joueurs a protéger un objet sur la carte. Il y a généralement un bouclier pour
|
||||
aider les joueurs et la mission peut être chronométré ou a plusieurs vague comme un missions de
|
||||
<h2>Défense</h2>
|
||||
<p>Une défense oblige les joueurs à protéger un objet sur la carte. Il y a généralement un bouclier pour
|
||||
aider les joueurs et la mission peut être chronométrée ou a plusieurs vagues, comme une mission de
|
||||
survie.
|
||||
</p>
|
||||
</article>
|
||||
@@ -76,33 +81,33 @@
|
||||
<section id="excavation">
|
||||
<article>
|
||||
<h2>Excavation</h2>
|
||||
<p>Découlant un peu des missions de defenses, les joueurs doivent se rendre a un point d'excavation ou
|
||||
<p>Découlant un peu des missions de défenses, les joueurs doivent se rendre à un point d’excavation ou
|
||||
une
|
||||
perceuse minière se doit d’être alimenter en énergie et protéger le temps qu'elle fonctionne.</p>
|
||||
perceuse minière se doit d’être alimentée en énergie et protéger le temps qu’elle fonctionne.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="extermination">
|
||||
<article>
|
||||
<h2>Extermination</h2>
|
||||
<p>Généralement, pendant un conflit entre des factions du jeu, le joueur se doit de libérer l'espace du
|
||||
conflit au detriment des factions présentes. Il y a un minimum d'ennemi a éliminer pour completer la
|
||||
missions, ensuite le joueur peut explorer la carte ou se rendre a l'extraction.</p>
|
||||
<p>Généralement, pendant un conflit entre des factions du jeu, le joueur se doit de libérer l’espace du
|
||||
conflit au détriment des factions présentes. Il y a un minimum d’ennemi à éliminer pour compléter la
|
||||
mission, ensuite le joueur peut explorer la carte ou se rendre a l’extraction.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="hijack">
|
||||
<article>
|
||||
<h2>Hijack</h2>
|
||||
<p>Une autre mission de defense, ou l'objet est un véhicule avançant lentement vers l'objectif, les
|
||||
<p>Une autre mission de défense, où l’objet est un véhicule avançant lentement vers l’objectif, les
|
||||
joueurs
|
||||
doivent défendre le véhicule. La mission est nommer hijack puisqu'il s'agit normalement d'un
|
||||
doivent défendre le véhicule. La mission est nommée hijack, puisqu’il s’agit normalement d’un
|
||||
véhicule
|
||||
appartenant a la faction de la carte.</p>
|
||||
appartenant à la faction de la carte.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="interception">
|
||||
<article>
|
||||
<h2>Interception</h2>
|
||||
<p>Une mission basée sur "Capture the Flag", les joueurs doivent capturer des zones et les controller le
|
||||
<p>Une mission basée sur «Capture the Flag», les joueurs doivent capturer des zones et les contrôler le
|
||||
plus longtemps possible. Il est possible de faire ce type de mission seul, si le joueur utilise un
|
||||
Warframe avec une grande mobilité.</p>
|
||||
</article>
|
||||
@@ -110,38 +115,46 @@
|
||||
<section id="invasion">
|
||||
<article>
|
||||
<h2>Invasion</h2>
|
||||
<p>Mission d'extermination contre une espèce alien mutante. ?????</p>
|
||||
<p>Mission d’extermination contre une espèce extraterrestre mutante. Deux factions s’opposent pour le
|
||||
contrôle d’une planète, les joueurs choisissent leur camp!</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="mobileDefense">
|
||||
<article>
|
||||
<h2>Mobile Defense</h2>
|
||||
<p>Une mission ou nous devons déplacer un objet pour pirater des consoles, généralement trois consoles,
|
||||
<h2>Mobile Défense</h2>
|
||||
<p>Une mission où nous devons déplacer un objet pour pirater des consoles, généralement trois consoles,
|
||||
et
|
||||
le temps du piratage nous défendons le terminal pour pouvoir procéder ensuite au suivant.</p>
|
||||
le temps du piratage, nous défendons le terminal pour pouvoir procéder ensuite au suivant.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="sauvetage">
|
||||
<article>
|
||||
<h2>Rescue</h2>
|
||||
<p>L'objectif, ici, est de localiser un prisonnier dans une base, de le libérer, pour ensuite l'escorter
|
||||
jusqu'a l'extraction</p>
|
||||
<p>L’objectif, ici, est de localiser un prisonnier dans une base, de le libérer, pour ensuite l’escorter
|
||||
jusqu’à l’extraction</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="sabotage">
|
||||
<article>
|
||||
<h2>Sabotage</h2>
|
||||
<p>Mission ou les joueurs font exploser des réacteurs pour détruire une base ennemi.</p>
|
||||
<p>Mission où les joueurs font exploser des réacteurs pour détruire une base ennemie.</p>
|
||||
</article>
|
||||
</section>
|
||||
<section id="autreMissions">
|
||||
<article>
|
||||
<h2>Autres missions</h2>
|
||||
<p>Il existe encore bien plus de style de missions, je vous invite a jouer pour les découvrir.</p>
|
||||
<p><a target="_blank" href="https://www.warframe.com/download">Page de téléchargement de Warframe</a>
|
||||
</p>
|
||||
<iframe title="steam" src="https://store.steampowered.com/widget/230410/" frameborder="0" width="646"
|
||||
height="190"></iframe>
|
||||
<div class="sidebyside">
|
||||
<div>
|
||||
<p>Il existe encore bien plus de style de missions, je vous invite à jouer pour les découvrir.
|
||||
</p>
|
||||
<p><a target="_blank" href="https://www.warframe.com/download">Page de téléchargement de
|
||||
Warframe</a>
|
||||
</p>
|
||||
</div>
|
||||
<iframe title="steam" src="https://store.steampowered.com/widget/230410/" frameborder="0"
|
||||
width="646" height="190"></iframe>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
@@ -150,7 +163,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Stanislas Royal.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
BIN
www/multimedia/mediasAndres/ember.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/ember.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/equinox.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/equinox.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/frost.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/frost.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/koumei.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/koumei.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/rhino.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/rhino.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/sevagoth.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/sevagoth.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/mediasAndres/voruna.mp4
LFS
Normal file
BIN
www/multimedia/mediasAndres/voruna.mp4
LFS
Normal file
Binary file not shown.
BIN
www/multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3
Normal file
BIN
www/multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3
Normal file
Binary file not shown.
@@ -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,8 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -39,7 +40,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Jérémy Hébert.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,8 @@
|
||||
|
||||
<body class="lore">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -57,7 +58,8 @@
|
||||
Le joueur apprend de l’information sur sa propre faction, les <em>Tennos</em> (Ten-noes),
|
||||
lorsque la femme arrive dans un temple où trois figures sont agenouillées. Elle pose une fleur
|
||||
de
|
||||
lotus devant chacune d’elles et, après chaque fleur posée, le joueur voit un <em>flash-back </em>de
|
||||
lotus devant chacune d’elles et, après chaque fleur posée, le joueur voit un <em>flash-back
|
||||
</em>de
|
||||
la
|
||||
personne agenouillée.
|
||||
Après l’introduction, une voix féminine demande au joueur son premier choix : celui de sa
|
||||
@@ -148,7 +150,8 @@
|
||||
<p>
|
||||
Une quête qui a été ajoutée récemment introduit ensuite le Tenno plus en profondeur dans
|
||||
l’univers
|
||||
des mods. De plus, elle permet de comprendre comment les utiliser pour rendre la Warframe et ses armes plus puissantes. Cette
|
||||
des mods. De plus, elle permet de comprendre comment les utiliser pour rendre la Warframe et ses
|
||||
armes plus puissantes. Cette
|
||||
quête
|
||||
introduit aussi un personnage important qui s’appelle <em>Teshin</em>(Tes-shine). Il est la
|
||||
figure
|
||||
@@ -158,7 +161,8 @@
|
||||
qui se débloque uniquement une fois que le joueur a complété au moins une fois toutes les
|
||||
missions
|
||||
de la
|
||||
carte solaire. Ce contenu est considéré comme de fin de jeu, et permet d’avoir une plus grande dose de difficulté une que fois
|
||||
carte solaire. Ce contenu est considéré comme de fin de jeu, et permet d’avoir une plus grande
|
||||
dose de difficulté une que fois
|
||||
toutes
|
||||
les missions
|
||||
sont terminées.
|
||||
@@ -227,7 +231,8 @@
|
||||
apprendre plus sur
|
||||
cette arme. Après la deuxième pièce d’information trouvée, le Tenno apprend la présence
|
||||
d’une
|
||||
nouvelle faction ennemie, appelée les Infestés. Cette faction attaque autant les Grineers que
|
||||
nouvelle faction ennemie, appelée les Infestés. Cette faction attaque autant les Grineers
|
||||
que
|
||||
les
|
||||
Tennos et
|
||||
inflige du poison comme effet de statut. Une quête d’extermination suit celle d’espionnage
|
||||
@@ -342,7 +347,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,16 +19,16 @@
|
||||
|
||||
<body class="lore">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/logoALT-F4_Nav.svg" alt="ALT-F4" id="logoAccueil"></a>
|
||||
|
||||
<ul>
|
||||
<li><a href="aPropos.html">À propos</a></li>
|
||||
<li><a href="team.html">L’équipe</a></li>
|
||||
<li><a href="histoire.html">Histoire de DE</a></li>
|
||||
<li><a href="lore.html" class="active">Univers Sci-fi</a></li>
|
||||
<li><a href="missions.html">Missions</a></li>
|
||||
<li><a href="armures.html">Armures</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="aPropos.html">À propos</a></li>
|
||||
<li><a href="team.html">L’équipe</a></li>
|
||||
<li><a href="histoire.html">Histoire de DE</a></li>
|
||||
<li><a href="lore.html" class="active">Univers Sci-fi</a></li>
|
||||
<li><a href="missions.html">Missions</a></li>
|
||||
<li><a href="armures.html">Armures</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
@@ -121,7 +121,8 @@
|
||||
Tout le long du chemin, deux voix peuvent être entendues, une voix masculine
|
||||
appelée <em>Ballas</em> et une voix féminine faisant penser au Lotus appelé
|
||||
<em>Margulis</em>. Une fois arrivée au réservoir, une cinématique joue qui montre un
|
||||
réservoir d’eau d’où un réceptacle sort, un corps en tombant. Le joueur perd le contrôle de sa
|
||||
réservoir d’eau d’où un réceptacle sort, un corps en tombant. Le joueur perd le contrôle de
|
||||
sa
|
||||
Warframe et la perspective change pour celle de la personne au sol. Elle rampe jusqu’à la
|
||||
Warframe et en posant la main dessus, reprend partiellement le contrôle. Le Stalker apparaît
|
||||
finalement, mais, quand il réalise ce que le Tenno est et ce que ça veut dire pour lui, il
|
||||
@@ -223,8 +224,10 @@
|
||||
<p>
|
||||
Après la quête précédente, Ordis intercepte un message du Voile Rouge qui glace le sang. Cette
|
||||
quête suit Rell, un Tenno particulier qui n’a pas eu la chance du second rêve, traité comme
|
||||
défectueux par les Orokin, seuls sa mère et Margulis ont été bons avec lui. D’après le wiki, après
|
||||
l’écrasement du Zariman Ten Zero, un vaisseau envoyé par les Orokin pour traverser le néant, «Rell
|
||||
défectueux par les Orokin, seuls sa mère et Margulis ont été bons avec lui. D’après le wiki,
|
||||
après
|
||||
l’écrasement du Zariman Ten Zero, un vaisseau envoyé par les Orokin pour traverser le néant,
|
||||
«Rell
|
||||
a éventuellement été récupéré par les précurseurs du Voile Rouge. Ils ont étudié ses
|
||||
enseignements sur les dangers du néant, appelant éventuellement l’entité du néant que Rell
|
||||
percevait “L’indifférence” ou “L’œil sans paupière” [(The Indifference or The Lidless Eye)].
|
||||
@@ -298,7 +301,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,8 @@
|
||||
|
||||
<body class="lore">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -89,7 +90,8 @@
|
||||
</blockquote>
|
||||
|
||||
<p>
|
||||
Cette quête est extrêmement longue, allant jusqu’à quatre heures, avec des points de sauvegarde.
|
||||
Cette quête est extrêmement longue, allant jusqu’à quatre heures, avec des points de
|
||||
sauvegarde.
|
||||
Pendant cette quête, aucun autre contenu n’est disponible. Elle introduit plusieurs
|
||||
personnages, comme un Corpus nommé Veso-R, un grineer nommé Kahl-175 et le Voyageur, ainsi
|
||||
que la mort de Natah, de Teshin et de l’opérateur qui est renvoyé dans le néant par Ballas.
|
||||
@@ -150,7 +152,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,8 @@
|
||||
|
||||
<body class="lore">
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -138,7 +139,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Léa Dezothez.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -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,8 @@
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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>
|
||||
@@ -47,15 +48,24 @@
|
||||
<h3 class="role">Directrice artistique</h3>
|
||||
<div class="description">
|
||||
<p>
|
||||
Léa est une personne passionnée par les jeux vidéo, la lecture et les chevaux. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’elle apprécie le plus au quotidien, montrant un bel équilibre entre l’univers virtuel, la soif de connaissance et le monde équestre.
|
||||
Léa est une personne passionnée par les jeux vidéo, la lecture et les chevaux. Ces intérêts
|
||||
occupent une place importante dans sa vie et reflètent ce qu’elle apprécie le plus au
|
||||
quotidien, montrant un bel équilibre entre l’univers virtuel, la soif de connaissance et le
|
||||
monde équestre.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Elle a choisi de rejoindre le programme d’informatique parce qu’elle souhaite prendre part à la création d’un jeu vidéo et, à terme, voir son nom dans les crédits. Son rêve ultime est de pouvoir peut-être un jour créer le jeu qui lui tient le plus à cœur. C’est cet objectif créatif et ambitieux qui l’a menée à s’inscrire au programme.
|
||||
Elle a choisi de rejoindre le programme d’informatique parce qu’elle souhaite prendre part à
|
||||
la création d’un jeu vidéo et, à terme, voir son nom dans les crédits. Son rêve ultime est
|
||||
de pouvoir peut-être un jour créer le jeu qui lui tient le plus à cœur. C’est cet objectif
|
||||
créatif et ambitieux qui l’a menée à s’inscrire au programme.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Après l’obtention de son diplôme de TI, Léa aspire principalement à se faire embaucher par une firme de jeux vidéo pour commencer sa carrière. Si ce n’est pas possible immédiatement, son plan de secours est d’aller faire un diplôme à l’université. Son objectif principal est donc de s’intégrer, d’une manière ou d’une autre, dans l’industrie du jeu vidéo.
|
||||
Après l’obtention de son diplôme de TI, Léa aspire principalement à se faire embaucher par
|
||||
une firme de jeux vidéo pour commencer sa carrière. Si ce n’est pas possible immédiatement,
|
||||
son plan de secours est d’aller faire un diplôme à l’université. Son objectif principal est
|
||||
donc de s’intégrer, d’une manière ou d’une autre, dans l’industrie du jeu vidéo.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -67,15 +77,25 @@
|
||||
<h3 class="role">Coordonnateur</h3>
|
||||
<div class="description">
|
||||
<p>
|
||||
Jérémy est une personne passionnée par la programmation, la cuisine et la politique. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien, combinant une aptitude technique, un plaisir créatif et une conscience des enjeux sociaux.
|
||||
Jérémy est une personne passionnée par la programmation, la cuisine et la politique. Ces
|
||||
intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au
|
||||
quotidien, combinant une aptitude technique, un plaisir créatif et une conscience des enjeux
|
||||
sociaux.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Il a choisi de rejoindre le programme d’informatique après avoir hésité avec la comptabilité, car il cherchait initialement un domaine faisant appel à la logique (comme les mathématiques). Son choix s’est finalement porté sur l’informatique parce qu’il a toujours apprécié le domaine et qu’il avait une soif d’en apprendre plus sur le sujet.
|
||||
Il a choisi de rejoindre le programme d’informatique après avoir hésité avec la
|
||||
comptabilité, car il cherchait initialement un domaine faisant appel à la logique (comme les
|
||||
mathématiques). Son choix s’est finalement porté sur l’informatique parce qu’il a toujours
|
||||
apprécié le domaine et qu’il avait une soif d’en apprendre plus sur le sujet.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Après l’obtention de son diplôme de TI, Jérémy aspire à deux chemins principaux : soit poursuivre ses études à l’université, soit rejoindre une entreprise dans le domaine. Il est ouvert à des rôles en cybersécurité ou en développement d’application, pourvu que cela n’implique pas de la réseautique, définissant ainsi clairement la portée de ses aspirations professionnelles.
|
||||
Après l’obtention de son diplôme de TI, Jérémy aspire à deux chemins principaux : soit
|
||||
poursuivre ses études à l’université, soit rejoindre une entreprise dans le domaine. Il est
|
||||
ouvert à des rôles en cybersécurité ou en développement d’application, pourvu que cela
|
||||
n’implique pas de la réseautique, définissant ainsi clairement la portée de ses aspirations
|
||||
professionnelles.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -87,15 +107,22 @@
|
||||
<h3 class="role">Conseiller</h3>
|
||||
<div class="description">
|
||||
<p>
|
||||
Andres est une personne passionnée par le soccer, les sports et la poésie. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien.
|
||||
Andres est une personne passionnée par le soccer, les sports et la poésie. Ces intérêts
|
||||
occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au
|
||||
quotidien.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Il a choisi de rejoindre le programme d’informatique parce qu’il a beaucoup joué à des jeux vidéo au cours de sa vie. Cela l’a amené à penser qu’il pourrait aimer programmer, tout simplement.
|
||||
Il a choisi de rejoindre le programme d’informatique parce qu’il a beaucoup joué à des jeux
|
||||
vidéo au cours de sa vie. Cela l’a amené à penser qu’il pourrait aimer programmer, tout
|
||||
simplement.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Après l’obtention de son diplôme de TI, Andres aspire principalement à gagner beaucoup d’argent grâce à l’investissement. Il aimerait aussi développer un jeu de style Pokémon ou un jeu RPG, même s’il n’a pas encore décidé. Dans tous les cas, il souhaite atteindre une liberté financière, soit par la création d’un jeu, soit par ses investissements.
|
||||
Après l’obtention de son diplôme de TI, Andres aspire principalement à gagner beaucoup
|
||||
d’argent grâce à l’investissement. Il aimerait aussi développer un jeu de style Pokémon ou
|
||||
un jeu RPG, même s’il n’a pas encore décidé. Dans tous les cas, il souhaite atteindre une
|
||||
liberté financière, soit par la création d’un jeu, soit par ses investissements.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -107,15 +134,21 @@
|
||||
<h3 class="role">Programmeur</h3>
|
||||
<div class="description">
|
||||
<p>
|
||||
Stanislas est une personne passionnée par l’informatique, la lecture et le respect de la vie privée. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il apprécie le plus au quotidien, notamment l’équilibre entre la technologie et l’éthique.
|
||||
Stanislas est une personne passionnée par l’informatique, la lecture et le respect de la vie
|
||||
privée. Ces intérêts occupent une place importante dans sa vie et reflètent ce qu’il
|
||||
apprécie le plus au quotidien, notamment l’équilibre entre la technologie et l’éthique.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Il a choisi de rejoindre le programme d’informatique parce que la cybersécurité l’a beaucoup attiré. C’est ce domaine précis qui l’a mené à s’inscrire au programme. Cela démontre une motivation très ciblée pour une expertise technique et cruciale.
|
||||
Il a choisi de rejoindre le programme d’informatique parce que la cybersécurité l’a beaucoup
|
||||
attiré. C’est ce domaine précis qui l’a mené à s’inscrire au programme. Cela démontre une
|
||||
motivation très ciblée pour une expertise technique et cruciale.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Après l’obtention de son diplôme de TI, Stanislas aspire principalement à travailler. Son objectif est donc de passer directement à l’application professionnelle de ses compétences et de contribuer concrètement au marché de l’emploi.
|
||||
Après l’obtention de son diplôme de TI, Stanislas aspire principalement à travailler. Son
|
||||
objectif est donc de passer directement à l’application professionnelle de ses compétences
|
||||
et de contribuer concrètement au marché de l’emploi.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -127,7 +160,7 @@
|
||||
<p>Copyright © 2025 Les Alt-F4. Tous droits réservés.</p>
|
||||
<p>Page créée par Jérémy Hébert.</p>
|
||||
<a href="credits.html">Crédits</a>
|
||||
<p id="updateDate">DATE_WEBSITE</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user