283 lines
11 KiB
HTML
283 lines
11 KiB
HTML
<!-- /**********************************************************/
|
|
/* Fichier : credits.html */
|
|
/* Titre : Crédits */
|
|
/* Auteur : © Jérémy Hébert, Cégep de Sherbrooke */
|
|
/*************************************************************-->
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<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="stylesheet" href="css/style.css">
|
|
<script src="js/script.js"></script>
|
|
<title>Crédits</title>
|
|
</head>
|
|
|
|
<body>
|
|
<nav>
|
|
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></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">Univers Sci-fi</a></li>
|
|
<li><a href="missions.html">Missions</a></li>
|
|
<li><a href="armures.html">Armures</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main class="credits">
|
|
<header class="introduction">
|
|
<div class="introduction">
|
|
<h1>Crédits</h1>
|
|
<p>Découvrez les personnes et ressources qui ont contribué au fait que ce site puisse voir le jour.</p>
|
|
<a href="#premiereBox">Plus d'infos</a>
|
|
</div>
|
|
</header>
|
|
|
|
<section>
|
|
<article id="premiereBox">
|
|
<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 jeux.
|
|
</p>
|
|
<div class="bouton"><a href="https://www.warframe.com/fr/game/about">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<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.
|
|
</li>
|
|
<li class="contenu">
|
|
Léa a également fournis la vaste majorité des images.
|
|
</li>
|
|
</ul>
|
|
<div class="bouton"><a href="team.html#lea">Voir la personne</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<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.
|
|
</li>
|
|
<li class="contenu">
|
|
Jérémy a également fournis 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>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Andres David Herrera Escorcia</h2>
|
|
<p class="contenu">
|
|
Pour connaître le rôle de Andres, rendez-vous sur la page de l'équipe en cliquant sur le bouton.
|
|
</p>
|
|
<div class="bouton"><a href="team.html#andres">Voir la personne</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<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.
|
|
</p>
|
|
<div class="bouton"><a href="team.html#stanislas">Voir la personne</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>discotools.xyz</h2>
|
|
<p class="contenu">
|
|
Discotools.xyz a permi 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>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Figma</h2>
|
|
<p class="contenu">
|
|
Figma a été utiliser dans la conception du logo, du favicon et de l'image de remerciement pour avoir remplis le formulaire.
|
|
</p>
|
|
<div class="bouton"><a href="https://www.figma.com/fr-fr/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<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 remplis le formulaire.
|
|
</p>
|
|
<div class="bouton"><a href="https://dribbble.com/lycocanario">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Visual Studio Code</h2>
|
|
<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>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>/noclip</h2>
|
|
<p class="contenu">
|
|
Le documentaire sur Warframe conçu par /noclip a servit à 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>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Jacob Deschamps & Josianne Fortin</h2>
|
|
<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>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Gitea</h2>
|
|
<p class="contenu">
|
|
Les systèmes de Gitea ont permi un travail connecté durant l'ensemble du projet.
|
|
</p>
|
|
<div class="bouton"><a href="https://about.gitea.com/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>ChatGPT</h2>
|
|
<p class="contenu">
|
|
ChatGPT a permi la rédaction de certains texte du site.
|
|
</p>
|
|
<div class="bouton"><a href="https://chatgpt.com/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Gemini</h2>
|
|
<p class="contenu">
|
|
Gemini a permi la rédaction de certains texte du site.
|
|
</p>
|
|
<div class="bouton"><a href="https://gemini.google.com/app">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Moqups</h2>
|
|
<p class="contenu">
|
|
Moqups a permis de créé la maquette autour de laquelle c'est articulé le style artistique du site.
|
|
</p>
|
|
<div class="bouton"><a href="https://moqups.com/fr/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Google Maps</h2>
|
|
<p class="contenu">
|
|
Google Maps a permi l'intégration de la map sur le site.
|
|
</p>
|
|
<div class="bouton"><a href="https://www.google.com/maps">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>World Wide Web Consortium</h2>
|
|
<p class="contenu">
|
|
Les validateurs du World Wide Web Consortium ont permi la révison du code de l'ensemble du site.
|
|
</p>
|
|
<div class="bouton"><a href="https://validator.w3.org/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Brave Search</h2>
|
|
<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>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Google</h2>
|
|
<p class="contenu">
|
|
Le moteur de recherche Google a dépanné a de multiples reprises.
|
|
</p>
|
|
<div class="bouton"><a href="https://www.google.com/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>DuckDuckGo</h2>
|
|
<p class="contenu">
|
|
Le moteur de recherche DuckDuckGo a dépanné a de multiples reprises.
|
|
</p>
|
|
<div class="bouton"><a href="https://duckduckgo.com/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>paint.net</h2>
|
|
<p class="contenu">
|
|
L'outil paint.net a permi l'édition de plusieurs images présentent sur le site.
|
|
</p>
|
|
<div class="bouton"><a href="https://www.getpaint.net/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
|
|
<article>
|
|
<div class="box">
|
|
<h2>Google Fonts</h2>
|
|
<p class="contenu">
|
|
Le site de Google Fonts a permi de trouver une police pour le site.
|
|
</p>
|
|
<div class="bouton"><a href="https://fonts.google.com/">Voir la source</a></div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Copyright © 2025 Les Alt-F4. Tout 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>
|
|
|
|
</html> |