2021-01-09 00:11:40 +00:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
< meta charset = "utf-8" >
< title > Ginou • explorer< / 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" >
2021-02-12 23:11:58 +00:00
< script src = "plugins/jquery-3.5.1.min.js" > < / script >
2021-01-09 14:19:17 +00:00
< script src = "scripts/menu.js" > < / script >
2021-01-30 16:19:44 +00:00
< link rel = "stylesheet" href = "styles/fancybox.css" media = "screen" >
2021-01-24 14:43:02 +00:00
< script src = "plugins/jquery-3.5.1.min.js" > < / script >
2021-01-30 16:19:44 +00:00
< link href = "plugins/jquery.fancybox.min.css" rel = "stylesheet" >
< script src = "plugins/jquery.fancybox.min.js" > < / script >
2021-02-14 11:24:53 +00:00
< script src = "plugins/pagination.min.js" > < / script >
< link rel = "stylesheet" href = "plugins/pagination.css" media = "screen" >
< link rel = "stylesheet" href = "styles/pagination.css" media = "screen" >
2021-01-24 14:43:02 +00:00
< script src = "scripts/explorer.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" >
2021-01-09 22:48:45 +00:00
< 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 >
2021-01-09 22:48:45 +00:00
< / 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 class = "selected" > < a href = "explorer.html" > Explorer< / a > < / li >
< li > < a href = "divers.html" > Divers< / a > < / li >
< li > < a href = "informations.html" > Informations< / a > < / li >
< / div >
2021-01-09 00:11:40 +00:00
< / ul >
< / nav >
< / header >
2021-01-24 14:43:02 +00:00
< article class = "explorer" >
2021-01-09 00:11:40 +00:00
< h1 > Explorer< / h1 >
2021-02-15 23:10:40 +00:00
< div class = "intro" style = "text-align:justify;" >
2021-02-17 17:30:36 +00:00
< 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'œ 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 >
2021-02-15 23:10:40 +00:00
2021-02-17 00:03:48 +00:00
< 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 = "œil" > œ 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 >
2021-02-15 23:10:40 +00:00
2021-02-17 00:03:48 +00:00
< p > Dans la colonne photo, une ☆ < strong > étoile vide< / strong > signifie que nous n'avons pas de photo pour ce tableau ; une ★ < strong > étoile< / strong > que la photo est de mauvaise qualité ; ★ ★ < strong > deux étoiles< / strong > qu'elle est acceptable ; et ★ ★ ★ < strong > trois étoiles< / strong > qu'elle est tout à fait satisfaisante.< / p >
2021-02-15 23:10:40 +00:00
< p > Le symbole < img width = "5rem" src = "styles/icons/exclamation-mark.svg" alt = "double point d'exclamation" > dans la colonne aide signifie que nous avons besoin d'aide pour obtenir une photo et que < a href = "informations.html" > vous pouvez contribuer< / a > .< / p >
2021-02-23 19:46:43 +00:00
< p > Une fois cette liste générée, les options de configuration seront repliées, il suffit alors de cliquer sur la < img width = "12rem" src = "styles/icons/triangle.svg" alt = "flèche" > < strong > flèche< / strong > pour les faire réapparaître.< / p >
2021-02-15 23:10:40 +00:00
< / div >
2021-01-24 14:43:02 +00:00
2021-02-12 10:13:34 +00:00
< h2 class = "active" > Configuration < / h2 >
2021-02-12 19:53:40 +00:00
< form name = "explorer" onsubmit = "onSubmit();" >
2021-01-24 14:43:02 +00:00
< div class = "container" >
2021-02-12 00:11:17 +00:00
< div class = "box photos active" >
2021-02-23 19:46:43 +00:00
< h3 > Photo / État < / h3 >
2021-02-10 21:21:02 +00:00
< div class = "item-cont" >
< span > < input type = "checkbox" id = "photos" name = "photos" value = "all" >
< label for = "photos" > Tout état< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-02-10 21:21:02 +00:00
< / div >
< / div >
2021-02-12 00:11:17 +00:00
< div class = "box years" >
2021-01-30 12:39:18 +00:00
< h3 > Années < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "years" name = "years" value = "all" >
< label for = "years" > Toutes< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< div class = "box months" >
2021-01-30 12:39:18 +00:00
< h3 > Mois < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "months" name = "months" value = "all" >
< label for = "months" > Tous< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
2021-02-10 17:39:46 +00:00
< div class = "box genres" >
< h3 > Genres < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "genres" name = "genres" value = "all" >
< label for = "genres" > Tous< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< div class = "box themes" >
2021-01-30 12:39:18 +00:00
< h3 > Thèmes < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "themes" name = "themes" value = "all" >
< label for = "themes" > Tous< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< div class = "box places" >
2021-01-30 12:39:18 +00:00
< h3 > Lieux < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "places" name = "places" value = "all" >
< label for = "places" > Tous< / label > < / span >
2021-02-12 00:11:17 +00:00
< span > < span class = "inline" > ※ < / span > < select name = "place" > < / select > < / span >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< div class = "box tags" >
2021-01-30 12:39:18 +00:00
< h3 > Tags < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "tags" name = "tags" value = "all" >
< label for = "tags" > Tous< / label > < / span >
2021-03-06 13:05:04 +00:00
< span class = "first" > < span class = "inline" > ※ < / span > < select name = "tag" > < / select > < / span >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
2021-02-10 21:21:02 +00:00
< div class = "box dimensions" >
< h3 > Dimensions < / h3 >
2021-01-30 12:39:18 +00:00
< div class = "item-cont" >
2021-02-10 21:21:02 +00:00
< span > < input type = "checkbox" id = "dimensions" name = "dimensions" value = "all" >
< label for = "dimensions" > Toutes< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< div class = "box help" >
2021-01-30 12:39:18 +00:00
< h3 > Aide requise < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "helps" name = "helps" value = "all" >
< label for = "helps" > Toute< / label > < / span >
2021-02-18 21:07:26 +00:00
< div class = "generated" > < / div >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< / div >
2021-02-18 21:07:26 +00:00
< div class = "button-cont" >
< input type = "submit" value = "Générer" >
2021-03-30 19:37:13 +00:00
< input type = "button" value = "Réinitialiser" class = "reinit" >
2021-02-18 21:07:26 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / form >
< p class = "no-result" > < strong > Aucun résultat.< / strong > Veuillez réessayer avec d'autres paramètres.< / p >
2021-02-12 10:13:34 +00:00
< div id = "style-container" >
2021-02-12 19:53:40 +00:00
< img class = "style-select frame" src = "styles/icons/frame.svg" alt = "galerie" >
< img class = "style-select list" src = "styles/icons/list.svg" alt = "liste" >
2021-02-12 10:13:34 +00:00
< / div >
2021-02-14 11:24:53 +00:00
< div id = "gallery" >
< div id = "pagination" style = "display:table; text-align:center; margin:auto;" > < / div >
< div class = "gallery" > < / div >
< / div >
2021-01-24 14:43:02 +00:00
< table >
2021-01-30 12:39:18 +00:00
< thead >
< tr >
2021-01-30 16:19:44 +00:00
< th > № < / th >
2021-01-30 12:39:18 +00:00
< th > Titre< / th >
< th > Année< / th >
< th > Dimension< / th >
2021-02-10 17:39:46 +00:00
< th > Genre< / th >
2021-01-30 12:39:18 +00:00
< th > Thème< / th >
< th > Lieu< / th >
< th > Tags< / th >
< th > Photo< / th >
< th > Aide< / th >
< th > Voir< / th >
< / tr >
< / thead >
2021-01-24 14:43:02 +00:00
< / table >
2021-02-13 11:48:25 +00:00
< p class = "result center" > < / p >
2021-01-09 00:11:40 +00:00
< / article >
< / body >
< / html >
