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

IE compatibility message and W3C standardization

Browse Source
This commit is contained in:
Théo Marchal
2021-02-12 20:53:40 +01:00
parent e9dcc57fd4
commit 0b096aad6e
9 changed files with 80 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
explorer.html
View File

@ -35,14 +35,14 @@
<article class="explorer">
<h1>Explorer</h1>
<p>Cette section du site permet de générer une <img width="14rem" src="styles/icons/list.svg"> liste (aussi visible sous le format d'une <img width="16.5rem" src="styles/icons/frame.svg"> 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>
En mode <img width="14rem" src="styles/icons/list.svg"> liste, l'icône <img width="16.5rem" src="styles/icons/eye-black.svg"> &oelig;il permet de voir le tableau en grand ; en mode <img width="16.5rem" src="styles/icons/frame.svg"> galerie, il faut cliquer sur les tableaux.<br>
<p>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'&oelig;uvre de Ginou, y compris les tableaux dont nous ne possédons pas de photo.<br>
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="&oelig;il"> &oelig;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>
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 <img width="5rem" src="styles/icons/exclamation-mark.svg"> 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"> flèche pour la faire réapparaître.</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>.<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>
<h2 class="active">Configuration&nbsp;</h2>
<form name="explorer" action="" onsubmit="onSubmit();">
<form name="explorer" onsubmit="onSubmit();">
<div class="container">
<div class="box photos active">
<h3>État photo&nbsp;</h3>
@ -149,7 +149,7 @@
<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">
<label for="18">< 20cm</label></span>
<label for="18">&lt; 20cm</label></span>
<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">
@ -178,7 +178,7 @@
<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"><img width="5rem" src="styles/icons/exclamation-mark.svg"> Oui</label></span>
<label for="yes"><img width="5rem" src="styles/icons/exclamation-mark.svg" alt="Oui"> Oui</label></span>
</div>
</div>
</div>
@ -186,10 +186,10 @@
</form>
<p class="no-result"><strong>Aucun résultat.</strong> Veuillez réessayer avec d'autres paramètres.</p>
<div id="style-container">
<img class="style-select frame" src="styles/icons/frame.svg">
<img class="style-select list" src="styles/icons/list.svg">
<img class="style-select frame" src="styles/icons/frame.svg" alt="galerie">
<img class="style-select list" src="styles/icons/list.svg" alt="liste">
</div>
<div id="gallery"></div>
<div class="gallery"></div>
<table>
<thead>
<tr>
@ -207,7 +207,7 @@
</tr>
</thead>
</table>
<p class="result" style="text-align:center;"></p>
<p class="result" class="center"></p>
</article>
</body>
</html>