Replace unicode characters with SVG for compatibility

This commit is contained in:
2021-02-12 18:43:12 +01:00
parent b400c79d42
commit e9dcc57fd4
7 changed files with 53 additions and 21 deletions

View File

@ -38,8 +38,8 @@
<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>
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>.<br>
Une fois cette liste générée, la configuration sera repliée, il suffit alors de cliquer sur la &#x25B6;&#xFE0E; flèche pour la faire réapparaître.</p>
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>
<h2 class="active">Configuration&nbsp;</h2>
<form name="explorer" action="" onsubmit="onSubmit();">
@ -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">&#8252;&#xFE0E;&nbsp;Oui</label></span>
<label for="yes"><img width="5rem" src="styles/icons/exclamation-mark.svg"> Oui</label></span>
</div>
</div>
</div>