Mobile setup for "explorer" page on configurer
This commit is contained in:
204
explorer.html
204
explorer.html
@ -35,122 +35,142 @@
|
||||
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>
|
||||
Le symbole ‼︎ 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>
|
||||
|
||||
<h2 class="active">Configuration <span> </span></h2>
|
||||
<h2 class="active">Configuration </h2>
|
||||
<form action="">
|
||||
<div class="container">
|
||||
<div class="box years">
|
||||
<h3>Années</h3>
|
||||
<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">
|
||||
<label for="50s">1956-1959</label></span>
|
||||
<span><input type="checkbox" id="60s" name="year" value="60s">
|
||||
<label for="60s">1960-1969</label></span>
|
||||
<span><input type="checkbox" id="70s" name="year" value="70s">
|
||||
<label for="70s">1970-1979</label></span>
|
||||
<span><input type="checkbox" id="80s" name="year" value="80s">
|
||||
<label for="80s">1980-1989</label></span>
|
||||
<span><input type="checkbox" id="90s" name="year" value="90s">
|
||||
<label for="90s">1990-1999</label></span>
|
||||
<span><input type="checkbox" id="00s" name="year" value="00s">
|
||||
<label for="00s">2000-2009</label></span>
|
||||
<span><input type="checkbox" id="10s" name="year" value="10s">
|
||||
<label for="10s">2010-2016</label></span>
|
||||
<div class="box years active">
|
||||
<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">
|
||||
<label for="50s">1956-1959</label></span>
|
||||
<span><input type="checkbox" id="60s" name="year" value="60s">
|
||||
<label for="60s">1960-1969</label></span>
|
||||
<span><input type="checkbox" id="70s" name="year" value="70s">
|
||||
<label for="70s">1970-1979</label></span>
|
||||
<span><input type="checkbox" id="80s" name="year" value="80s">
|
||||
<label for="80s">1980-1989</label></span>
|
||||
<span><input type="checkbox" id="90s" name="year" value="90s">
|
||||
<label for="90s">1990-1999</label></span>
|
||||
<span><input type="checkbox" id="00s" name="year" value="00s">
|
||||
<label for="00s">2000-2009</label></span>
|
||||
<span><input type="checkbox" id="10s" name="year" value="10s">
|
||||
<label for="10s">2010-2016</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box months">
|
||||
<h3>Mois</h3>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
<div class="box dimensions">
|
||||
<h3>Dimensions</h3>
|
||||
<span><input type="checkbox" id="dimensions" name="dimensions" value="all">
|
||||
<label for="dimensions">Toutes</label></span>
|
||||
<h3>Dimensions </h3>
|
||||
<div class="item-cont">
|
||||
<span><input type="checkbox" id="dimensions" name="dimensions" value="all">
|
||||
<label for="dimensions">Toutes</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box themes">
|
||||
<h3>Thèmes</h3>
|
||||
<span><input type="checkbox" id="themes" name="themes" value="all">
|
||||
<label for="themes">Tous</label></span>
|
||||
<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>
|
||||
</div>
|
||||
<div class="box categories">
|
||||
<h3>Catégories</h3>
|
||||
<span><input type="checkbox" id="categories" name="categories" value="all">
|
||||
<label for="categories">Toutes</label></span>
|
||||
<h3>Catégories </h3>
|
||||
<div class="item-cont">
|
||||
<span><input type="checkbox" id="categories" name="categories" value="all">
|
||||
<label for="categories">Toutes</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box places">
|
||||
<h3>Lieux</h3>
|
||||
<span><input type="checkbox" id="places" name="places" value="all">
|
||||
<label for="places">Tous</label></span>
|
||||
<h3>Lieux </h3>
|
||||
<div class="item-cont">
|
||||
<span><input type="checkbox" id="places" name="places" value="all">
|
||||
<label for="places">Tous</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box tags">
|
||||
<h3>Tags</h3>
|
||||
<span><input type="checkbox" id="tags" name="tags" value="all">
|
||||
<label for="tags">Tous</label></span>
|
||||
<h3>Tags </h3>
|
||||
<div class="item-cont">
|
||||
<span><input type="checkbox" id="tags" name="tags" value="all">
|
||||
<label for="tags">Tous</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box photos">
|
||||
<h3>État photo</h3>
|
||||
<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">
|
||||
<label for="none">☆ aucune</label></span>
|
||||
<span><input type="checkbox" id="bad" name="photo" value="bad">
|
||||
<label for="bad">★ mauvaise</label></span>
|
||||
<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">
|
||||
<label for="good">★★★ bonne</label></span>
|
||||
<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">
|
||||
<label for="none">☆ aucune</label></span>
|
||||
<span><input type="checkbox" id="bad" name="photo" value="bad">
|
||||
<label for="bad">★ mauvaise</label></span>
|
||||
<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">
|
||||
<label for="good">★★★ bonne</label></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box help">
|
||||
<h3>Aide requise</h3>
|
||||
<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">
|
||||
<label for="yes">‼︎ Oui</label></span>
|
||||
<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">
|
||||
<label for="yes">‼︎ Oui</label></span>
|
||||
</div>
|
||||
</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>
|
||||
<table>
|
||||
<tr>
|
||||
<th>nº</th>
|
||||
<th>Titre</th>
|
||||
<th>Année</th>
|
||||
<th>Dimension</th>
|
||||
<th>Thème</th>
|
||||
<th>Catégorie</th>
|
||||
<th>Lieu</th>
|
||||
<th>Tags</th>
|
||||
<th>Photo</th>
|
||||
<th>Aide</th>
|
||||
<th>Voir</th>
|
||||
</tr>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>nº</th>
|
||||
<th>Titre</th>
|
||||
<th>Année</th>
|
||||
<th>Dimension</th>
|
||||
<th>Thème</th>
|
||||
<th>Catégorie</th>
|
||||
<th>Lieu</th>
|
||||
<th>Tags</th>
|
||||
<th>Photo</th>
|
||||
<th>Aide</th>
|
||||
<th>Voir</th>
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
</article>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user