ginou/divers.html

<!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">
    <script src="plugins/jquery-3.5.1.min.js"></script>
    <script src="scripts/menu.js"></script>
    <link  href="plugins/jquery.fancybox.min.css" rel="stylesheet">
    <script src="plugins/jquery.fancybox.min.js"></script>
    <link  href="plugins/chart.min.css" rel="stylesheet">
	<script src="plugins/chart.bundle.min.js"></script>
	<script src="scripts/divers.js"></script>
	<script src="scripts/stats.js"></script>
</head>
<body>
    <header>
        <nav>
            <div id="hamburger">
                <div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>
            </div>
            <ul>
                <li class="title">Ginou</li>
                <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 class="selected"><a href="divers.html">Divers</a></li>
                    <li><a href="informations.html">Informations</a></li>
                </div>
            </ul>
        </nav>
    </header>

    <article class="divers">
		<h1>Divers</h1>
		
        <h2>Petit carnet</h2>

        <p>Ce site est né grâce à ce petit carnet, qui contient quasiment l'intégralité des tableaux peint par Ginou (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="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
                <img src="photos/divers/mini/carnet.jpg" alt="Le 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="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
                <img src="photos/divers/mini/carnetpremierepage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
            </a>

            <a data-fancybox="divers" href="photos/divers/normal/carnetpage.png" data-caption="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
                <img src="photos/divers/mini/carnetpage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
            </a>

            <a data-fancybox="divers" href="photos/divers/normal/carnetdernierepage.png" data-caption="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
                <img src="photos/divers/mini/carnetdernierepage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">
            </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="L'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="L'atelier dans lequel Ginou peignait (2015).">
                <img src="photos/divers/mini/atelier2.jpg" alt="L'atelier dans lequel Ginou peignait (2015).">
            </a>

            <a data-fancybox="divers" href="photos/divers/normal/palette.jpg" data-caption="La palette utilisée (vers 2012).">
                <img src="photos/divers/mini/palette.jpg" alt="La palette utilisée (vers 2012).">
            </a>

            <a data-fancybox="divers" href="photos/divers/normal/palettezoom.jpg" data-caption="Zoom sur la palette utilisée (vers 2012).">
                <img src="photos/divers/mini/palettezoom.jpg" alt="Zoom sur la palette utilisée (vers 2012).">
			</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/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/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 avons 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>Divers</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>
        </div>

        <h2>Statistiques</h2>
        <p>
            De 1956 à 2016, soit sur une période de 60 ans, Ginou a peint un total 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 format qu'elle privilégia fut le <em>55x46</em>, utilisé pour 53 toiles.
        </p>

        <div id="stats">
            <div class="stat">
                <canvas id="month" width="400" height="200"></canvas>
            </div>
            <div class="stat">
                <canvas id="year" width="400" height="200"></canvas>
            </div>
            <div class="stat">
                <canvas id="dimension" width="400" height="200"></canvas>
            </div>
        </div>
    </article>
</body>
</html>
First front-end prototype 2021-01-09 00:11:40 +00:00			`<!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">`
Add responsive design for mobile 2021-01-09 14:19:17 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
First front-end prototype 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">`
			`<script src="plugins/jquery-3.5.1.min.js"></script>`
Animation for hamburger menu fixes #2 2021-02-12 23:11:58 +00:00			`<script src="scripts/menu.js"></script>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`<link href="plugins/jquery.fancybox.min.css" rel="stylesheet">`
			`<script src="plugins/jquery.fancybox.min.js"></script>`
			`<link href="plugins/chart.min.css" rel="stylesheet">`
			`<script src="plugins/chart.bundle.min.js"></script>`
			`<script src="scripts/divers.js"></script>`
			`<script src="scripts/stats.js"></script>`
			`</head>`
			`<body>`
			`<header>`
			`<nav>`
Testing a new style of hamburger menu, CSS based 2021-01-09 22:48:45 +00:00			`<div id="hamburger">`
Animation for hamburger menu fixes #2 2021-02-12 23:11:58 +00:00			`<div class="container"><div class="bar1"></div><div class="bar2"></div><div class="bar3"></div></div>`
Testing a new style of hamburger menu, CSS based 2021-01-09 22:48:45 +00:00			`</div>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`<ul>`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`<li class="title">Ginou</li>`
Animation for hamburger menu fixes #2 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 class="selected"><a href="divers.html">Divers</a></li>`
			`<li><a href="informations.html">Informations</a></li>`
			`</div>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</ul>`
			`</nav>`
			`</header>`

			`<article class="divers">`
			`<h1>Divers</h1>`

Update divers page with petit carnet 2021-02-14 17:02:03 +00:00			`<h2>Petit carnet</h2>`

Update of all texts 2021-02-15 23:10:40 +00:00			`<p>Ce site est né grâce à ce petit carnet, qui contient quasiment l'intégralité des tableaux peint par Ginou (nous avons retrouvé quatre inédits). Il nous a permis de faire un index complet de ses &oelig;uvres à travers les années.</p>`
Update divers page with petit carnet 2021-02-14 17:02:03 +00:00
			`<div class="gallery">`
			`<a data-fancybox="divers" href="photos/divers/normal/carnet.png" data-caption="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`<img src="photos/divers/mini/carnet.jpg" alt="Le 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="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`<img src="photos/divers/mini/carnetpremierepage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`</a>`

			`<a data-fancybox="divers" href="photos/divers/normal/carnetpage.png" data-caption="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`<img src="photos/divers/mini/carnetpage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`</a>`

			`<a data-fancybox="divers" href="photos/divers/normal/carnetdernierepage.png" data-caption="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`<img src="photos/divers/mini/carnetdernierepage.jpg" alt="Le carnet qui nous a permis de lister l'intégralité des tableaux.">`
			`</a>`
			`</div>`


First front-end prototype 2021-01-09 00:11:40 +00:00			`<h2>Atelier</h2>`

Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`<p>Voici quelques photos du dernier atelier que Ginou utilisait, chez elle, entre 2011 et 2017.</p>`

IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="gallery">`
Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/atelier.jpg" data-caption="L'atelier dans lequel Ginou peignait (vers 2012).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/atelier.jpg" alt="L'atelier dans lequel Ginou peignait (vers 2012).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`

Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/atelier2.jpg" data-caption="L'atelier dans lequel Ginou peignait (2015).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/atelier2.jpg" alt="L'atelier dans lequel Ginou peignait (2015).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`

Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/palette.jpg" data-caption="La palette utilisée (vers 2012).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/palette.jpg" alt="La palette utilisée (vers 2012).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`

Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/palettezoom.jpg" data-caption="Zoom sur la palette utilisée (vers 2012).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/palettezoom.jpg" alt="Zoom sur la palette utilisée (vers 2012).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`
			`</div>`

			`<h2>Expositions</h2>`

Fix typos in text 2021-02-17 17:30:36 +00:00			`<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>`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`Voici une sélection de quelques photos issues de ces événements.</p>`

IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="gallery">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/expodugny.jpg" data-caption="Exposition à Dugny-sur-Meuse (1996).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/expodugny.jpg" alt="Exposition à Dugny-sur-Meuse (1996).">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`</a>`

Update texts 2021-02-17 00:03:48 +00:00			`<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).">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`</a>`

Update texts 2021-02-17 00:03:48 +00:00			`<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).">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`</a>`

Update texts 2021-02-17 00:03:48 +00:00			`<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).">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`</a>`

Update texts 2021-02-17 00:03:48 +00:00			`<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).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`
			`</div>`

			`<h2>Presse</h2>`

Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`<p>Ginou a eu plusieurs articles à son propos dans le journal local, cependant nous n'en avons qu'un seul. N'hésitez pas <a href="informations.html">à nous contacter</a> si vous avez un en votre possession.</p>`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="gallery">`
Update texts 2021-02-17 00:03:48 +00:00			`<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.">`
Misc. updates on all front-end pages 2021-01-28 17:46:11 +00:00			`</a>`
			`</div>`
First front-end prototype 2021-01-09 00:11:40 +00:00
			`<h2>Divers</h2>`

IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="gallery">`
Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/ginouchloe.jpg" data-caption="Ginou posant à côté d'un de ses tableaux (vers 2011).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/ginouchloe.jpg" alt="Ginou posant à côté d'un de ses tableaux (vers 2011).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`

Add submodule ginou-photos + modify subsequent ref 2021-01-09 00:41:46 +00:00			`<a data-fancybox="divers" href="photos/divers/normal/ginou.jpg" data-caption="Ginou en voyage en Argentine (2012).">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<img src="photos/divers/mini/ginou.jpg" alt="Ginou en voyage en Argentine (2012).">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</a>`
			`</div>`

			`<h2>Statistiques</h2>`
			`<p>`
Update texts 2021-02-17 00:03:48 +00:00			`De 1956 à 2016, soit sur une période de 60 ans, Ginou a peint un total de 385 tableaux.<br>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`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>`
Update of all texts 2021-02-15 23:10:40 +00:00			`Son année la plus active fut 1988 où elle réalisa 23 &oelig;uvres. Enfin, le format qu'elle privilégia fut le <em>55x46</em>, utilisé pour 53 toiles.`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</p>`

			`<div id="stats">`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="stat">`
First front-end prototype 2021-01-09 00:11:40 +00:00			`<canvas id="month" width="400" height="200"></canvas>`
			`</div>`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="stat">`
First batch of data, and modification to take them into account Also optimized fonts, after discovering (when having all photos in one page) they were too heavy. 2021-02-10 17:39:46 +00:00			`<canvas id="year" width="400" height="200"></canvas>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</div>`
IE compatibility message and W3C standardization 2021-02-12 19:53:40 +00:00			`<div class="stat">`
First batch of data, and modification to take them into account Also optimized fonts, after discovering (when having all photos in one page) they were too heavy. 2021-02-10 17:39:46 +00:00			`<canvas id="dimension" width="400" height="200"></canvas>`
First front-end prototype 2021-01-09 00:11:40 +00:00			`</div>`
			`</div>`
			`</article>`
			`</body>`
			`</html>`