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

Gallery view in "explorer"

Browse Source 
Also fixed some issues with cartel CSS
This commit is contained in:
Théo Marchal
2021-01-30 17:19:44 +01:00
parent 131bbe11e6
commit 18cdfa8c17
9 changed files with 134 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
explorer.html
View File

@ -9,7 +9,10 @@
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen">
<script src="scripts/menu.js"></script>
<link rel="stylesheet" href="styles/fancybox.css" media="screen">
<script src="plugins/jquery-3.5.1.min.js"></script>
<link href="plugins/jquery.fancybox.min.css" rel="stylesheet">
<script src="plugins/jquery.fancybox.min.js"></script>
<script src="scripts/explorer.js"></script>
</head>
<body>
@ -31,11 +34,15 @@
<article class="explorer">
<h1>Explorer</h1>
<p>Cette section du site permet de générer une liste (<strong>bientôt</strong> aussi visible sous le format d'une galerie) en fonction de différents paramètres, listés ci-dessous. Il permet d'explorer l'&oelig;uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo.<br>
<p>Cette section du site permet de générer une liste (aussi visible sous le format d'une galerie) en fonction de différents paramètres, listés ci-dessous. Il permet d'explorer l'&oelig;uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo.<br>
Une &#x2606; étoile vide dans la colonne photo signifie que nous n'avons pas de photo pour un tableau ; une &#x2605; étoile qu'elle est de mauvaise qualité ; deux &#x2605;&#x2605; étoiles qu'elle est acceptable ; et trois &#x2605;&#x2605;&#x2605; étoiles qu'elle est tout à fait satisfaisante.<br>
Le symbole &#8252;&#xFE0E; 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&nbsp;</h2>
<div class="style-container">
<h2 class="active">Configuration&nbsp;</h2>
<img class="style-select frame" src="styles/icons/frame.svg">
<img class="style-select list" src="styles/icons/list.svg">
</div>
<form action="">
<div class="container">
<div class="box years active">
@ -155,10 +162,11 @@
<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>
<div id="gallery"></div>
<table>
<thead>
<tr>
<th>nº</th>
<th>&#x2116;</th>
<th>Titre</th>
<th>Année</th>
<th>Dimension</th>