283 lines
12 KiB
HTML
283 lines
12 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 jeu.
|
||
</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 fourni 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 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>
|
||
</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 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>
|
||
</article>
|
||
|
||
<article>
|
||
<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.
|
||
</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 rempli 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 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>
|
||
</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 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>
|
||
</article>
|
||
|
||
<article>
|
||
<div class="box">
|
||
<h2>ChatGPT</h2>
|
||
<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>
|
||
</article>
|
||
|
||
<article>
|
||
<div class="box">
|
||
<h2>Gemini</h2>
|
||
<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>
|
||
</article>
|
||
|
||
<article>
|
||
<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.
|
||
</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 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>
|
||
</article>
|
||
|
||
<article>
|
||
<div class="box">
|
||
<h2>World Wide Web Consortium</h2>
|
||
<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>
|
||
</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é à 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é à 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 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>
|
||
</article>
|
||
|
||
<article>
|
||
<div class="box">
|
||
<h2>Google Fonts</h2>
|
||
<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>
|
||
</article>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<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>
|
||
|
||
</html> |