ginou/informations.html

75 lines
6.5 KiB
HTML
Raw Normal View History

2021-01-09 00:11:40 +00:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ginou • informations</title>
<meta name="description" content="Site dédié à la mémoire et aux peintures de Geneviève Collignon, dite Ginou.">
<meta name="author" content="Famille Marchal">
2021-01-09 14:19:17 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1">
2021-01-09 00:11:40 +00:00
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
2022-08-09 22:18:52 +00:00
<script src="plugins/jquery-3.6.0.min.js"></script>
<script src="plugins/chart-3.9.1.min.js"></script>
2021-02-12 23:11:58 +00:00
<script src="scripts/menu.js"></script>
2021-04-03 16:37:16 +00:00
<script src="scripts/informations.js"></script>
2021-01-09 00:11:40 +00:00
</head>
<body>
<header>
<nav>
2021-04-03 16:37:16 +00:00
<img src="styles/icons/ginou.svg" class="ginou-icon">
<div id="hamburger">
2021-02-12 23:11:58 +00:00
<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
2021-01-09 00:11:40 +00:00
<ul>
2021-02-12 23:11:58 +00:00
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="divers.html">Divers</a></li>
<li class="selected"><a href="informations.html">Informations</a></li>
</div>
2021-01-09 00:11:40 +00:00
</ul>
</nav>
</header>
2021-01-28 17:46:11 +00:00
<article class="main infos">
2021-01-09 00:11:40 +00:00
<h1>Informations</h1>
2021-01-28 17:46:11 +00:00
2021-02-23 19:46:43 +00:00
<h2>Nous aider à compléter le site - contact</h2>
<p>Ce site dédié à la mémoire de Ginou n'est pas complet, et ne le sera peut-être malheureusement jamais. Cependant, si vous êtes en possession de l'une de ses &oelig;uvres qui n'est pas répertoriée ou dont la photo est manquante ou de mauvaise qualité, vous pouvez nous contacter pour que nous puissions l'ajouter. Nous vous en serions extrêmement reconnaissants&#8239;!</p>
2021-01-09 00:11:40 +00:00
2021-02-23 19:46:43 +00:00
<p>Vous pouvez nous joindre en cliquant ici&#8239;: <a href="mailto:badmail" class="mail">nous contacter</a> (cela devrait ouvrir votre client mail par défaut).</p>
2021-02-23 23:56:01 +00:00
<div class="stat">
<canvas id="photo"></canvas>
2021-03-07 00:06:12 +00:00
<span class="legend-cont"><span class="legend none"></span><span>Photo manquante</span></span>
2021-02-23 23:56:01 +00:00
<span class="legend-cont"><span class="legend bad"></span><span>Photo de mauvaise qualité</span></span>
<span class="legend-cont"><span class="legend ok"></span><span>Photo de qualité acceptable</span></span>
<span class="legend-cont"><span class="legend good"></span><span>Photo de bonne qualité</span></span>
</div>
2021-02-23 19:46:43 +00:00
<p>Certains noms de famille ont été remplacé par leurs initiales afin de respecter la vie privée des personnes dont Ginou a réalisé un portrait. Si ces personnes ou leur famille nous autorisent à publier le nom de famille complet en nous contactant, nous le feront avec plaisir.</p>
2021-01-09 00:11:40 +00:00
2021-01-28 17:46:11 +00:00
<h2>Notice d'utilisation</h2>
<p>Le site est constitué autour de deux rubriques majeures&#8239;: <em>Exposition</em> et <em>Explorer</em>.<br></p>
<h4>Exposition</h4>
2021-02-23 19:46:43 +00:00
<p>Cette rubrique se présente sous la forme d'une galerie de tableaux représentatifs dont nous possédons une photo de qualité correcte. Ceci la rend incomplète, mais c'est le meilleur moyen de découvrir de manière agréable l'&oelig;uvre de Ginou. En cliquant sur la photo d'un tableau, une galerie interactive s'ouvre. Il est alors possible de se déplacer à l'intérieur de cette galerie (avec les flèches de son clavier ou en glissant son doigt sur l'écran de son téléphone ou tablette) tout en visualisant les tableaux en haute résolution. Dans ce mode, au bas du tableau se trouve un cartel avec ses informations essentielles. En appuyant sur le <strong>&#8505;&#xFE0E;</strong> situé en haut à droite du cartel, on accède à une page incluant également les méta-données du tableau. Il est ainsi possible de voir la photo dans sa qualité maximale, par exemple, ou encore son thème, le lieu représenté, etc.</p>
2021-01-09 00:11:40 +00:00
2021-01-28 17:46:11 +00:00
<h4>Explorer</h4>
2021-02-23 19:46:43 +00:00
<p>Cette rubrique quant à elle est interactive et permet de visualiser l'ensemble des créations de Ginou. En effet, elle regorge d'options pour pouvoir choisir précisément les tableaux à afficher. Par exemple, il est possible de créer un filtre pour voir tous les tableaux de chiens dont la photo est de bonne qualité réalisés un mois de février&#8239;: il suffit de sélectionner ces options et de cliquer sur le bouton <strong>Générer</strong>. Bien évidemment, il est possible qu'il n'existe pas de tableau réunissant ces critères, ce qui sera alors indiqué.<br>
2022-08-09 22:37:50 +00:00
Le résultat affiché sera sous la forme d'une liste, mais il est également possible de l'afficher sous forme d'une galerie (comme dans la rubrique Exposition) en cliquant sur le bouton en haut à droite. Dans ce mode, les tableaux n'ayant pas de photo disponible montreront une icône indiquant que la photo est manquante.</p>
2021-01-09 00:11:40 +00:00
2021-01-28 17:46:11 +00:00
<h4>Divers</h4>
2022-08-09 22:37:50 +00:00
<p>Cette page regroupe diverses photos et informations en complément de la biographie&#8239;: une vue de son atelier, des photos d'expositions, des coupures de presse, ainsi que des statistiques intéressantes (on peut remarquer que le printemps l'inspirait&#8239;!). N'hésitez pas à nous contacter si vous avez un document, une photo, des coupures de presse, tout ce qui peut être en relation avec l'art de Ginou.</p>
2021-01-09 00:11:40 +00:00
2021-01-28 17:46:11 +00:00
<h2>Informations technique</h2>
2021-04-03 16:37:16 +00:00
<p>Ce site a été développé à l'aide de la librairie <a href="https://jquery.com/">jQuery</a>, ainsi que des plugins <a href="https://fancyapps.com/fancybox/3/">fancybox 3</a>, <a href="https://www.chartjs.org/">Chart.js</a> et <a href="https://pagination.js.org/">Pagination.js</a>. Les polices de caractères utilisées sont <a href="https://github.com/googlefonts/Rubik">Rubik</a> et <a href="https://github.com/kosbarts/Commissioner">Commissioner</a>. Emoji "tableau" par <a href="https://openmoji.org/">OpenMoji</a>.</p>
2021-01-09 00:11:40 +00:00
2024-07-14 13:16:32 +00:00
<p>Le code source est librement disponible <em>via git</em> en <a href="https://git.marchal.dev/keb/ginou">cliquant ici</a>. Cela signifie qu'il est possible d'obtenir le site en local pour son utilisation personnelle, moyennant quelques connaissances techniques.</p>
2021-01-09 00:11:40 +00:00
2024-07-14 13:16:32 +00:00
<p>Site réalisé par <a href="https://theo.marchal.dev">Théo</a> et Denis Marchal avec la participation de toute la famille. Dernière mise à jour en juin 2024.</p>
2021-01-09 00:11:40 +00:00
</article>
</body>
</html>