CNRS-LACITO / Pangloss_website

Tools for the Pangloss Collection, an online archive of under-documented languages
https://pangloss.cnrs.fr/
MIT License
6 stars 1 forks source link

affichage graphiques statistiques Pangloss sur page "Qui sommes-nous ?" #216

Closed alexis-michaud closed 1 year ago

alexis-michaud commented 1 year ago

Un petit souci pour la page "Qui sommes-nous ?", pour l'affichage de la (vigoureuse) croissance de la collection Pangloss : l'image de droite ("Croissance du nombre de documents" : audio/vidéo et transcriptions) est rognée à gauche et à droite. À droite ce n'est pas gênant. Mais à gauche on perd les indications sur l'axe des ordonnées.

image

(Testé avec Brave et avec Firefox : même résultat. Pour comparaison, l'image d'origine est ici.)

Le code était le suivant :

<div class="image-gallery">
<figure class="image"><img alt="Graphique représentant la croissance du nombre de langues représentées dans la collection Pangloss au fil du temps" height="702" src="https://pangloss.cnrs.fr/uploads/images/other/2023_croissance_nb_langues.png" width="960" />
<figcaption>Croissance de la collection Pangloss : nombre de corpus</figcaption>
</figure>

<figure class="image"><img alt="Graphique représentant la croissance du nombre de documents de la collection Pangloss au fil du temps" height="612" src="https://pangloss.cnrs.fr/uploads/images/other/2022_croissance_nb_docs.png" width="960" />
<figcaption>Croissance de la collection Pangloss : nombre de documents</figcaption>
</figure>
</div>

Est-ce qu'il ne vaut pas mieux supprimer les indications de hauteur et largeur, et laisser la feuille de style d'affichage se charger de fixer une taille des images qui convienne à la page? Comme c'est fait par exemple pour les 2 images dans la page de présentation du corpus na de Yongning (partie en chinois). Les légendes ne sont pas exactement alignées horizontalement, mais c'est peut-être un moindre mal que de voir les images rognées ?

Le code correspondant est ci-dessous.

<div class="image-gallery">
    <figure class="image"><img alt="The Gemu mountain seen from afar" src="https://pangloss.cnrs.fr/uploads/images/languages/na_013pgss.jpg" />
    <figcaption>The Gemu mountain seen from around the hill, above the Yongning monastery (2012).</figcaption>
    </figure>

    <figure class="image"><img alt="The Gemu mountain seen from the village of Alawa" src="https://pangloss.cnrs.fr/uploads/images/languages/na_016pgss.jpg" />
    <figcaption>The Gemu mountain seen from the village of Alawa (2008).</figcaption>
    </figure>
</div>

J'ai modifié la page "Qui sommes-nous" (en version française, non-PRO et PRO)... mais l'affichage n'en est pas modifié ! La largeur des images n'est pas ajustée à l'espace disponible : l'image de droite se trouve rognée. Une idée sur la façon de régler ce petit souci ?

(Pour la version anglaise, l'axe des ordonnées est lisible. Mais une fois qu'une solution aura été trouvée pour la page en français, peut-être serait-il néanmoins opportun d'apporter la même retouche pour la version anglaise, ne serait-ce que par cohérence entre les 2 versions linguistiques ?) image

EdouardSombie commented 1 year ago

Bonjour tout le monde, Le souci est réglé, les images ne sont plus rognées. A bientôt Edouard

alexis-michaud commented 1 year ago

Bien joué @EdouardSombie :+1: