keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Compare commits

merge into: keb:dev
Branches Tags
keb:dev
keb:other-works
keb:v1
...
pull from: keb:other-works
Branches Tags
keb:dev
keb:other-works
keb:v1

3 Commits
dev ... other-work

Author SHA1 Message Date
Théo Marchal
46729478a6 Update supplements following merge 2022-08-17 13:35:45 +02:00
Théo Marchal
3400db36b9 Merge branch 'dev' into other-works 2022-08-17 13:34:44 +02:00
Théo Marchal
962b085d94 Preparation of pages to integrate other works of Ginou 2022-08-09 19:02:45 +02:00
9 changed files with 261 additions and 149 deletions
Show Stats Expand all files Collapse all files

7
biographie.html
View File

@ -22,9 +22,10 @@
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li class="selected"><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="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
@ -51,7 +52,7 @@
<p>Hasard de la vie, Ginou était en train de compléter la dernière page de son petit carnet lorsque qu'elle s'est éteinte le 02 avril 2017. Elle laissa également deux tableaux inachevés&#8239;: deux esquisses au fusain représentant une 54ème &laquo;&#8239;Vieille Église&#8239;&raquo; (Église romane de Dugny-sur-Meuse) et un paysage asiatique.</p>
<p class="signature">Pour en découvrir plus sur la vie de Ginou, visitez notre section <a href="divers.html">Divers</a>.</p>
<p class="signature">Pour en découvrir plus sur la vie de Ginou, visitez notre section <a href="supplements.html">Suppléments</a>.</p>
<p><img src="images/genevievedugny.jpg" alt="Geneviève Marchal, Dugny"></p>
</article>

166
divers.html
View File

@ -2,20 +2,22 @@
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ginou • divers</title>
<title>Ginou • objets</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">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
<link rel="stylesheet" href="styles/fancybox.css" media="screen">
<link rel="stylesheet" href="styles/pagination.css" media="screen">
<link rel="stylesheet" href="plugins/pagination.css" media="screen">
<link rel="stylesheet" href="plugins/jquery.fancybox.min.css" media="screen">
<script src="plugins/jquery-3.6.0.min.js"></script>
<script src="plugins/jquery.fancybox.min.js"></script>
<script src="plugins/chart-3.9.1.min.js"></script>
<script src="plugins/pagination.min.js"></script>
<script src="scripts/menu.js"></script>
<script src="scripts/divers.js"></script>
<script src="scripts/stats.js"></script>
<script src="scripts/fancybox.js"></script>
<script src="scripts/objets.js"></script>
</head>
<body>
<header>
@ -28,147 +30,71 @@
<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="peinture.html">Peinture</a></li>
<li class="selected"><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
</nav>
</header>
<article class="divers">
<h1>Divers</h1>
<article class="objets">
<h1>Divers</h1>
<div class="intro center">
<p>En plus des peintures consignées dans le petit carnet, Ginou s'est intéressée à d'autres supports, tels que la peinture sur soie ou bois, ou la poésie illustrée.</p>
<p>Cette section a pour but de présenter quelques objets représentatifs.</p>
<!--<p>Pour voir un objet en haute résolution ainsi que ses informations, veuillez cliquer sur celui-ci.</p>-->
</div>
<h2>Croquis</h2>
<p class="center">Pour voir une photo en haute résolution et ses informations, veuillez cliquer sur celle-ci.</p>
<h2>Petit carnet</h2>
<p>Ce site est né grâce à ce petit carnet appartenant à Ginou et dans lequel elle a consigné les informations de quasiment l'intégralité de ses tableaux (nous avons retrouvé quatre inédits). Il nous a permis de faire un index complet de ses &oelig;uvres à travers les années.
</p>
<p>premiers travaux</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/carnet.png" data-caption="Couverture du petit carnet qui nous a permis de lister l'intégralité des tableaux.">
<img src="photos/divers/mini/carnet.jpg" alt="Couverture du petit carnet qui nous a permis de lister l'intégralité des tableaux.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetpremierepage.png" data-caption="Première page du petit carnet et les premiers tableaux à l'huile de Ginou.">
<img src="photos/divers/mini/carnetpremierepage.jpg" alt="Première page du petit carnet et les premiers tableaux à l'huile de Ginou.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetpage.png" data-caption="Pages du petit carnet dans les années 2001.">
<img src="photos/divers/mini/carnetpage.jpg" alt="Pages du petit carnet dans les années 2001.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetdernierepage.png" data-caption="Dernière page du petit carnet et derniers tableaux de Ginou.">
<img src="photos/divers/mini/carnetdernierepage.jpg" alt="Dernière page du petit carnet et derniers tableaux de Ginou.">
<a data-fancybox="divers" href="" data-caption="">
<img src="" alt="">
</a>
</div>
<h2>Peinture sur soie</h2>
<h2>Atelier</h2>
<p>Voici quelques photos du dernier atelier que Ginou utilisait, chez elle, entre 2011 et 2017.</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/atelier.jpg" data-caption="Atelier dans lequel Ginou peignait (vers 2012).">
<img src="photos/divers/mini/atelier.jpg" alt="L'atelier dans lequel Ginou peignait (vers 2012).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/atelier2.jpg" data-caption="Trépied et tableau (nº375, Venise, le Cannareggio) dans l'atelier de Ginou (2015).">
<img src="photos/divers/mini/atelier2.jpg" alt="Trépied et tableau (nº375, Venise, le Cannareggio) dans l'atelier de Ginou (2015).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/palette.jpg" data-caption="La palette de Ginou !">
<img src="photos/divers/mini/palette.jpg" alt="La palette de Ginou !">
</a>
<a data-fancybox="divers" href="photos/divers/normal/palettezoom.jpg" data-caption="Zoom sur la palette.">
<img src="photos/divers/mini/palettezoom.jpg" alt="Zoom sur la palette.">
</a>
</div>
<h2>Expositions</h2>
<p>Ginou a participé à de nombreuses foires et expositions en Lorraine, principalement dans la Meuse : à Bar-le-Duc, Étain, Verdun et ses alentours, ou encore à Vigneulles-les Hattonchâtel.<br>
Voici une sélection de quelques photos issues de ces événements.</p>
<p>coussins, tableaux</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/expodugny.jpg" data-caption="Exposition à Dugny-sur-Meuse (1996).">
<img src="photos/divers/mini/expodugny.jpg" alt="Exposition à Dugny-sur-Meuse (1996).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/exposaintjean.jpg" data-caption="Fête du collège Saint-Jean de Verdun (2005).">
<img src="photos/divers/mini/exposaintjean.jpg" alt="Fête du collège Saint-Jean de Verdun (2005).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/expojeannot.jpg" data-caption="Exposition à la foire aux puces de Dugny, avec le Jeannot (1995).">
<img src="photos/divers/mini/expojeannot.jpg" alt="Exposition à la foire aux puces de Dugny, avec le Jeannot (1995).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/foiredugny.jpg" data-caption="Foire aux puces de Dugny-sur-Meuse (2004).">
<img src="photos/divers/mini/foiredugny.jpg" alt="Foire aux puces de Dugny-sur-Meuse (2004).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/foirethierville.jpg" data-caption="Foire de Thierville-sur-Meuse (2002).">
<img src="photos/divers/mini/foirethierville.jpg" alt="Foire de Thierville-sur-Meuse (2002).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/expobarleduc.jpg" data-caption="Exposition au siège du Conseil Général de Bar-le-Duc (1994).">
<img src="photos/divers/mini/expobarleduc.jpg" alt="Exposition au siège du Conseil Général de Bar-le-Duc (1994).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/derniereexpo.jpg" data-caption="Dernière exposition où les tableaux de Ginou ont été présentés à titre posthume (2017).">
<img src="photos/divers/mini/derniereexpo.jpg" alt="Dernière exposition où les tableaux de Ginou ont été présentés à titre posthume (2017).">
</a>
</div>
<h2>Presse</h2>
<p>Ginou a eu plusieurs articles à son propos dans le journal local, cependant nous n'en possédons qu'un seul. N'hésitez pas <a href="informations.html">à nous contacter</a> si vous avez un en votre possession.</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/ainesdugny.jpg" data-caption="Ginou était engagée dans des &oelig;uvres caritatives, comme le montre cette coupure de presse.">
<img src="photos/divers/mini/ainesdugny.jpg" alt="Ginou était engagée dans des &oelig;uvres caritatives, comme le montre cette coupure de presse.">
<a data-fancybox="divers" href="" data-caption="">
<img src="" alt="">
</a>
</div>
<h2>Autres</h2>
<h2>Boîtes</h2>
<p>boites</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/ginouchloe.jpg" data-caption="Ginou posant à côté d'un de ses tableaux (vers 2011).">
<img src="photos/divers/mini/ginouchloe.jpg" alt="Ginou posant à côté d'un de ses tableaux (vers 2011).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/ginou.jpg" data-caption="Ginou en voyage en Argentine (2012).">
<img src="photos/divers/mini/ginou.jpg" alt="Ginou en voyage en Argentine (2012).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/nature2.jpg" data-caption="Ginou observe les fleurs dans les bois de Dugny-sur-Meuse (2016).">
<img src="photos/divers/mini/nature2.jpg" alt="Ginou observe les fleurs dans les bois de Dugny-sur-Meuse (2016).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/nature1.jpg" data-caption="Ginou dans son jardin, au milieu des fleurs (2002).">
<img src="photos/divers/mini/nature1.jpg" alt="Ginou dans son jardin, au milieu des fleurs (2002).">
<a data-fancybox="divers" href="" data-caption="">
<img src="" alt="">
</a>
</div>
<h2>Statistiques</h2>
<p>
De 1956 à 2016, soit sur une période de 60 ans, Ginou a peint plus de de 385 tableaux.<br>
Parmi ceux-ci, elle a le plus souvent aimé travailler à la lumière printanière du mois de mai avec un total de 50 tableaux.<br>
Son année la plus active fut 1988 où elle réalisa 23 &oelig;uvres. Enfin, le genre de tableau qu'elle préféra peindre était des paysages, plus particulièrement à la campagne.
</p>
<h2>Cartes</h2>
<div id="stats">
<div class="stat">
<canvas id="month"></canvas>
</div>
<div class="stat">
<canvas id="year"></canvas>
</div>
<div class="stat">
<canvas id="dimension"></canvas>
</div>
<p>cartes</p>
<div class="gallery">
<a data-fancybox="divers" href="" data-caption="">
<img src="" alt="">
</a>
</div>
<h2>Poésie</h2>
<p>poésie</p>
<div class="gallery">
<a data-fancybox="divers" href="" data-caption="">
<img src="" alt="">
</a>
</div>
</article>
</body>

7
explorer.html
View File

@ -30,9 +30,10 @@
<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 class="selected"><a href="explorer.html">Explorer</a></li>
<li><a href="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li class="selected"><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
@ -42,7 +43,7 @@
<article class="explorer">
<h1>Explorer</h1>
<div class="intro" style="text-align:justify;">
<p>Cette section permet de générer une <img width="14rem" src="styles/icons/list.svg" alt="liste"> <strong>liste</strong> (aussi visible sous la forme d'une <img width="16.5rem" src="styles/icons/frame.svg" alt="galerie"> <strong>galerie</strong>) en fonction de différents paramètres, listés ci-dessous. Elle permet d'explorer l'&oelig;uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo, grâce aux informations du petit carnet (voir la section <a href="divers.html">Divers</a>).</p>
<p>Cette section permet de générer une <img width="14rem" src="styles/icons/list.svg" alt="liste"> <strong>liste</strong> (aussi visible sous la forme d'une <img width="16.5rem" src="styles/icons/frame.svg" alt="galerie"> <strong>galerie</strong>) en fonction de différents paramètres, listés ci-dessous. Elle permet d'explorer l'&oelig;uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo, grâce aux informations du petit carnet (voir la section <a href="supplements.html">Suppléments</a>).</p>
<p>En mode <img width="14rem" src="styles/icons/list.svg" alt="liste"> liste, l'<strong>icône <img width="16.5rem" src="styles/icons/eye-black.svg" alt="&oelig;il"> &oelig;il</strong> permet de voir la photo du tableau ; en mode <img width="16.5rem" src="styles/icons/frame.svg" alt="galerie"> galerie, il faut <strong>cliquer sur les tableaux</strong> pour accéder à leurs informations.</p>

9
index.html
View File

@ -22,9 +22,10 @@
<div class="hidden">
<li class="selected"><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="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
@ -37,9 +38,9 @@
<p>Tout au long de sa vie, Ginou a tenu à jour un petit carnet où elle consignait ses tableaux. Elle leur attribuait un numéro et un titre. Elle notait leurs dimensions ainsi que le nom de leur destinataires ou acheteurs. De <strong>1958 à 2017</strong> sont référencés 383 tableaux. Deux d'entre eux (nº33 et nº49) ont été recouverts par Ginou elle-même. Nous avons pour l'instant retrouvé quatre tableaux inédits, non listés dans ce carnet. Ginou a commencé à prendre en photos certains tableaux dans les années 1980 puis plus systématiquement à partir des années 2000. Pour compléter et améliorer cette base iconographique, nous avons photographié en haute résolution les tableaux en notre possession.
<p>Ce site comprend actuellement <strong>249 tableaux</strong> sur les <strong>385 peints à l'huile</strong>. Il est conçu pour présenter un aperçu de son talent et pour que tout le monde puisse apprécier son &oelig;uvre.</p>
<p>Ce site est conçu pour présenter un aperçu de son talent et pour que tout le monde puisse apprécier son &oelig;uvre. comprend actuellement <strong>249 tableaux</strong> sur les <strong>385 peints à l'huile</strong>.</p>
<p>Vous pouvez commencer votre visite par la section <a href="exposition.html">Exposition</a>.</p>
<p>Vous pouvez commencer votre visite par la section <a href="peinture.html">Peinture</a>.</p>
<p class="signature center">Ses enfants, Denis et Laurence, et ses petits-enfants, Théo, Chloé et Maxime</p>

20
informations.html
View File

@ -24,9 +24,10 @@
<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="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li class="selected"><a href="informations.html">Informations</a></li>
</div>
</ul>
@ -52,16 +53,19 @@
<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>
<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>
<p>TODO expliquer le carnet</p>
<h4>Exposition</h4>
<h4>Peinture</h4>
<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>
<h4>Explorer</h4>
<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>
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>
<h4>Divers</h4>
<p>En plus des peintures indexées dans le carnet, Ginou a réalisé d'autres &oelig;uvres. Nous avons bien moins d'informations sur celles-ci, mais nous avons réuni une sélection représentative sur cette page.</p>
<h4>Explorer</h4>
<p>Cette rubrique quant à elle est interactive et permet de visualiser l'ensemble des peintures 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>
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 Peinture) 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>
<h4>Suppléments</h4>
<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>
<h2>Informations technique</h2>

5
painting.html
View File

@ -23,9 +23,10 @@
<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="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>

13
exposition.html → peinture.html
View File

@ -2,7 +2,7 @@
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ginou • exposition</title>
<title>Ginou • peinture</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">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -30,9 +30,10 @@
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li class="selected"><a href="exposition.html">Exposition</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li class="selected"><a href="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
@ -40,10 +41,10 @@
</header>
<article class="exposition">
<h1>Exposition</h1>
<h1>Peinture</h1>
<div class="intro center">
<p>Cette section présente une sélection de tableaux représentatifs de l'&oelig;uvre de Ginou. La section <a href="explorer.html">Explorer</a> permet de tous les consulter.</p>
<p>Pour voir un tableau en haute résolution ainsi que ses informations, veuillez cliquer sur celui-ci.</p>
<p>Cette section présente une sélection de tableaux représentatifs de l'&oelig;uvre de Ginou, regroupés à partir du petit carnet. La section <a href="explorer.html">Explorer</a> permet de tous les consulter.</p>
<!--<p>Pour voir un tableau en haute résolution ainsi que ses informations, veuillez cliquer sur celui-ci.</p>-->
</div>
<div id="pagination"></div>
<div class="gallery"></div>

7
styles/main.css
View File

@ -68,6 +68,7 @@ nav {
margin:0;
margin-bottom:0.4rem;
margin-right:2rem;
margin-left:2rem;
width:4rem;
}
@ -79,7 +80,7 @@ header nav ul {
header nav ul li {
display:inline;
list-style-type:none;
margin:0 2.8rem;
margin:0 2rem;
padding:0;
}
@ -92,7 +93,7 @@ header nav ul li a {
padding:0;
}
@media only screen and (min-width:600px) and (max-width:1200px) {
@media only screen and (min-width:650px) and (max-width:1200px) {
header nav {
display:block;
height:auto;
@ -111,7 +112,7 @@ header nav ul li a {
}
}
@media only screen and (max-width:600px) {
@media only screen and (max-width:650px) {
header nav {
margin:0;
display:block;

176
supplements.html Normal file
View File

@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Ginou • divers</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">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
<link rel="stylesheet" href="plugins/jquery.fancybox.min.css" media="screen">
<link rel="stylesheet" href="plugins/chart.min.css" media="screen">
<script src="plugins/jquery-3.5.1.min.js"></script>
<script src="plugins/jquery.fancybox.min.js"></script>
<script src="plugins/chart.bundle.min.js"></script>
<script src="scripts/menu.js"></script>
<script src="scripts/divers.js"></script>
<script src="scripts/stats.js"></script>
</head>
<body>
<header>
<nav>
<img src="styles/icons/ginou.svg" class="ginou-icon">
<div id="hamburger">
<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
</div>
<ul>
<div class="hidden">
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="peinture.html">Peinture</a></li>
<li><a href="divers.html">Divers</a></li>
<li><a href="explorer.html">Explorer</a></li>
<li class="selected"><a href="supplements.html">Suppléments</a></li>
<li><a href="informations.html">Informations</a></li>
</div>
</ul>
</nav>
</header>
<article class="divers">
<h1>Suppléments</h1>
<p class="center">Pour voir une photo en haute résolution et ses informations, veuillez cliquer sur celle-ci.</p>
<h2>Petit carnet</h2>
<p>Ce site est né grâce à ce petit carnet appartenant à Ginou et dans lequel elle a consigné les informations de quasiment l'intégralité de ses tableaux (nous avons retrouvé quatre inédits). Il nous a permis de faire un index complet de ses &oelig;uvres à travers les années.
</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/carnet.png" data-caption="Couverture du petit carnet qui nous a permis de lister l'intégralité des tableaux.">
<img src="photos/divers/mini/carnet.jpg" alt="Couverture du petit carnet qui nous a permis de lister l'intégralité des tableaux.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetpremierepage.png" data-caption="Première page du petit carnet et les premiers tableaux à l'huile de Ginou.">
<img src="photos/divers/mini/carnetpremierepage.jpg" alt="Première page du petit carnet et les premiers tableaux à l'huile de Ginou.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetpage.png" data-caption="Pages du petit carnet dans les années 2001.">
<img src="photos/divers/mini/carnetpage.jpg" alt="Pages du petit carnet dans les années 2001.">
</a>
<a data-fancybox="divers" href="photos/divers/normal/carnetdernierepage.png" data-caption="Dernière page du petit carnet et derniers tableaux de Ginou.">
<img src="photos/divers/mini/carnetdernierepage.jpg" alt="Dernière page du petit carnet et derniers tableaux de Ginou.">
</a>
</div>
<h2>Atelier</h2>
<p>Voici quelques photos du dernier atelier que Ginou utilisait, chez elle, entre 2011 et 2017.</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/atelier.jpg" data-caption="Atelier dans lequel Ginou peignait (vers 2012).">
<img src="photos/divers/mini/atelier.jpg" alt="L'atelier dans lequel Ginou peignait (vers 2012).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/atelier2.jpg" data-caption="Trépied et tableau (nº375, Venise, le Cannareggio) dans l'atelier de Ginou (2015).">
<img src="photos/divers/mini/atelier2.jpg" alt="Trépied et tableau (nº375, Venise, le Cannareggio) dans l'atelier de Ginou (2015).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/palette.jpg" data-caption="La palette de Ginou !">
<img src="photos/divers/mini/palette.jpg" alt="La palette de Ginou !">
</a>
<a data-fancybox="divers" href="photos/divers/normal/palettezoom.jpg" data-caption="Zoom sur la palette.">
<img src="photos/divers/mini/palettezoom.jpg" alt="Zoom sur la palette.">
</a>
</div>
<h2>Expositions</h2>
<p>Ginou a participé à de nombreuses foires et expositions en Lorraine, principalement dans la Meuse : à Bar-le-Duc, Étain, Verdun et ses alentours, ou encore à Vigneulles-les Hattonchâtel.<br>
Voici une sélection de quelques photos issues de ces événements.</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/expodugny.jpg" data-caption="Exposition à Dugny-sur-Meuse (1996).">
<img src="photos/divers/mini/expodugny.jpg" alt="Exposition à Dugny-sur-Meuse (1996).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/exposaintjean.jpg" data-caption="Fête du collège Saint-Jean de Verdun (2005).">
<img src="photos/divers/mini/exposaintjean.jpg" alt="Fête du collège Saint-Jean de Verdun (2005).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/expojeannot.jpg" data-caption="Exposition à la foire aux puces de Dugny, avec le Jeannot (1995).">
<img src="photos/divers/mini/expojeannot.jpg" alt="Exposition à la foire aux puces de Dugny, avec le Jeannot (1995).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/foiredugny.jpg" data-caption="Foire aux puces de Dugny-sur-Meuse (2004).">
<img src="photos/divers/mini/foiredugny.jpg" alt="Foire aux puces de Dugny-sur-Meuse (2004).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/foirethierville.jpg" data-caption="Foire de Thierville-sur-Meuse (2002).">
<img src="photos/divers/mini/foirethierville.jpg" alt="Foire de Thierville-sur-Meuse (2002).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/expobarleduc.jpg" data-caption="Exposition au siège du Conseil Général de Bar-le-Duc (1994).">
<img src="photos/divers/mini/expobarleduc.jpg" alt="Exposition au siège du Conseil Général de Bar-le-Duc (1994).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/derniereexpo.jpg" data-caption="Dernière exposition où les tableaux de Ginou ont été présentés à titre posthume (2017).">
<img src="photos/divers/mini/derniereexpo.jpg" alt="Dernière exposition où les tableaux de Ginou ont été présentés à titre posthume (2017).">
</a>
</div>
<h2>Presse</h2>
<p>Ginou a eu plusieurs articles à son propos dans le journal local, cependant nous n'en possédons qu'un seul. N'hésitez pas <a href="informations.html">à nous contacter</a> si vous avez un en votre possession.</p>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/ainesdugny.jpg" data-caption="Ginou était engagée dans des &oelig;uvres caritatives, comme le montre cette coupure de presse.">
<img src="photos/divers/mini/ainesdugny.jpg" alt="Ginou était engagée dans des &oelig;uvres caritatives, comme le montre cette coupure de presse.">
</a>
</div>
<h2>Autres</h2>
<div class="gallery">
<a data-fancybox="divers" href="photos/divers/normal/ginouchloe.jpg" data-caption="Ginou posant à côté d'un de ses tableaux (vers 2011).">
<img src="photos/divers/mini/ginouchloe.jpg" alt="Ginou posant à côté d'un de ses tableaux (vers 2011).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/ginou.jpg" data-caption="Ginou en voyage en Argentine (2012).">
<img src="photos/divers/mini/ginou.jpg" alt="Ginou en voyage en Argentine (2012).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/nature2.jpg" data-caption="Ginou observe les fleurs dans les bois de Dugny-sur-Meuse (2016).">
<img src="photos/divers/mini/nature2.jpg" alt="Ginou observe les fleurs dans les bois de Dugny-sur-Meuse (2016).">
</a>
<a data-fancybox="divers" href="photos/divers/normal/nature1.jpg" data-caption="Ginou dans son jardin, au milieu des fleurs (2002).">
<img src="photos/divers/mini/nature1.jpg" alt="Ginou dans son jardin, au milieu des fleurs (2002).">
</a>
</div>
<h2>Statistiques</h2>
<p>
De 1956 à 2016, soit sur une période de 60 ans, Ginou a peint plus de de 385 tableaux.<br>
Parmi ceux-ci, elle a le plus souvent aimé travailler à la lumière printanière du mois de mai avec un total de 50 tableaux.<br>
Son année la plus active fut 1988 où elle réalisa 23 &oelig;uvres. Enfin, le genre de tableau qu'elle préféra peindre était des paysages, plus particulièrement à la campagne.
</p>
<div id="stats">
<div class="stat">
<canvas id="month"></canvas>
</div>
<div class="stat">
<canvas id="year"></canvas>
</div>
<div class="stat">
<canvas id="dimension"></canvas>
</div>
</div>
</article>
</body>
</html>