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-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-01-28 17:46:11 +00:00
< li class = "title" > Ginou< / li >
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-13 11:48:25 +00:00
< p class = "intro" > Cette section du site permet de générer une < img width = "14rem" src = "styles/icons/list.svg" alt = "liste" > liste (aussi visible sous le format d'une < img width = "16.5rem" src = "styles/icons/frame.svg" alt = "galerie" > galerie) en fonction de différents paramètres, listés ci-dessous. Il permet d'explorer l'œ uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo.< br >
2021-02-12 19:53:40 +00:00
En mode < img width = "14rem" src = "styles/icons/list.svg" alt = "liste" > liste, l'icône < img width = "16.5rem" src = "styles/icons/eye-black.svg" alt = "œil" > œ il permet de voir le tableau en grand ; en mode < img width = "16.5rem" src = "styles/icons/frame.svg" alt = "galerie" > galerie, il faut cliquer sur les tableaux.< br >
2021-01-24 14:43:02 +00:00
Une ☆ étoile vide dans la colonne photo signifie que nous n'avons pas de photo pour un tableau ; une ★ étoile qu'elle est de mauvaise qualité ; deux ★ ★ étoiles qu'elle est acceptable ; et trois ★ ★ ★ étoiles qu'elle est tout à fait satisfaisante.< br >
2021-02-12 19:53:40 +00:00
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 > .< br >
Une fois cette liste générée, la configuration sera repliée, il suffit alors de cliquer sur la < img width = "12rem" src = "styles/icons/triangle.svg" alt = "flèche" > flèche pour la faire réapparaître.< / p >
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-10 21:21:02 +00:00
< h3 > État photo < / h3 >
< div class = "item-cont" >
< span > < input type = "checkbox" id = "photos" name = "photos" value = "all" >
< label for = "photos" > Tout état< / label > < / span >
< span > < input type = "checkbox" id = "none" name = "photo" value = "none" >
2021-02-14 00:19:12 +00:00
< label for = "none" > ☆ inexistant< / label > < / span >
2021-02-10 21:21:02 +00:00
< span > < input type = "checkbox" id = "exist" name = "photo" value = "exist" >
2021-02-14 00:19:12 +00:00
< label for = "exist" > Existant< / label > < / span >
2021-02-10 21:21:02 +00:00
< span > < input type = "checkbox" id = "bad" name = "photo" value = "bad" >
2021-02-14 00:19:12 +00:00
< label for = "bad" > ★ mauvais< / label > < / span >
2021-02-10 21:21:02 +00:00
< span > < input type = "checkbox" id = "ok" name = "photo" value = "ok" >
< label for = "ok" > ★ ★ acceptable< / label > < / span >
< span > < input type = "checkbox" id = "good" name = "photo" value = "good" >
2021-02-14 00:19:12 +00:00
< label for = "good" > ★ ★ ★ bon< / label > < / span >
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 >
< span > < input type = "checkbox" id = "50s" name = "year" value = "50s" >
2021-02-10 17:39:46 +00:00
< label for = "50s" > 1956 - 1959< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "60s" name = "year" value = "60s" >
2021-02-10 17:39:46 +00:00
< label for = "60s" > 1960 - 1969< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "70s" name = "year" value = "70s" >
2021-02-10 17:39:46 +00:00
< label for = "70s" > 1970 - 1979< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "80s" name = "year" value = "80s" >
2021-02-10 17:39:46 +00:00
< label for = "80s" > 1980 - 1989< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "90s" name = "year" value = "90s" >
2021-02-10 17:39:46 +00:00
< label for = "90s" > 1990 - 1999< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "00s" name = "year" value = "00s" >
2021-02-10 17:39:46 +00:00
< label for = "00s" > 2000 - 2009< / label > < / span >
2021-01-30 12:39:18 +00:00
< span > < input type = "checkbox" id = "10s" name = "year" value = "10s" >
2021-02-10 17:39:46 +00:00
< label for = "10s" > 2010 - 2016< / label > < / span >
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 >
< span > < input type = "checkbox" id = "01" name = "month" value = "01" >
< label for = "01" > Janvier< / label > < / span >
< span > < input type = "checkbox" id = "02" name = "month" value = "02" >
< label for = "02" > Février< / label > < / span >
< span > < input type = "checkbox" id = "03" name = "month" value = "03" >
< label for = "03" > Mars< / label > < / span >
< span > < input type = "checkbox" id = "04" name = "month" value = "04" >
< label for = "04" > Avril< / label > < / span >
< span > < input type = "checkbox" id = "05" name = "month" value = "05" >
< label for = "05" > Mai< / label > < / span >
< span > < input type = "checkbox" id = "06" name = "month" value = "06" >
< label for = "06" > Juin< / label > < / span >
< span > < input type = "checkbox" id = "07" name = "month" value = "07" >
< label for = "07" > Juillet< / label > < / span >
< span > < input type = "checkbox" id = "08" name = "month" value = "08" >
< label for = "08" > Août< / label > < / span >
< span > < input type = "checkbox" id = "09" name = "month" value = "09" >
< label for = "09" > Septembre< / label > < / span >
< span > < input type = "checkbox" id = "10" name = "month" value = "10" >
< label for = "10" > Octobre< / label > < / span >
< span > < input type = "checkbox" id = "11" name = "month" value = "11" >
< label for = "11" > Novembre< / label > < / span >
< span > < input type = "checkbox" id = "12" name = "month" value = "12" >
< label for = "12" > Décembre< / label > < / span >
< / 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-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 >
< / 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-02-12 00:11:17 +00:00
< span > < 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 >
< span > < input type = "checkbox" id = "18" name = "dimension" value = "18" >
2021-02-12 19:53:40 +00:00
< label for = "18" > < 20cm< / label > < / span >
2021-02-10 21:21:02 +00:00
< span > < input type = "checkbox" id = "20" name = "dimension" value = "20" >
< label for = "20" > 20cm - 29cm< / label > < / span >
< span > < input type = "checkbox" id = "30" name = "dimension" value = "30" >
< label for = "30" > 30cm - 39cm< / label > < / span >
< span > < input type = "checkbox" id = "40" name = "dimension" value = "40" >
< label for = "40" > 40cm - 49cm< / label > < / span >
< span > < input type = "checkbox" id = "50" name = "dimension" value = "50" >
< label for = "50" > 50cm - 59cm< / label > < / span >
< span > < input type = "checkbox" id = "60" name = "dimension" value = "60" >
< label for = "60" > 60cm - 69cm< / label > < / span >
< span > < input type = "checkbox" id = "70" name = "dimension" value = "70" >
< label for = "70" > 70cm - 79cm< / label > < / span >
< span > < input type = "checkbox" id = "80" name = "dimension" value = "80" >
< label for = "80" > 80cm - 89cm< / label > < / span >
< span > < input type = "checkbox" id = "90" name = "dimension" value = "90" >
< label for = "90" > 90cm - 99cm< / label > < / span >
< span > < input type = "checkbox" id = "100" name = "dimension" value = "100" >
< label for = "100" > >= 100cm< / label > < / span >
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 >
< span > < input type = "checkbox" id = "no" name = "help" value = "no" >
< label for = "no" > Non< / label > < / span >
< span > < input type = "checkbox" id = "yes" name = "help" value = "yes" >
2021-02-12 19:53:40 +00:00
< label for = "yes" > < img width = "5rem" src = "styles/icons/exclamation-mark.svg" alt = "Oui" > Oui< / label > < / span >
2021-01-30 12:39:18 +00:00
< / div >
2021-01-24 14:43:02 +00:00
< / div >
< / div >
< input type = "submit" value = "Générer" >
< / 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 >
