Page pour tester le comportement des accordéons et l'imbrication des paragraphs
Section obligatoire
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim. Fusce sit amet augue fermentum, viverra lectus a, mollis elit. Nulla convallis accumsan auctor. Nam rhoncus rutrum interdum.
Pellentesque ultrices pulvinar massa vitae fringilla. Praesent ut iaculis mi, ut consectetur orci. Nullam bibendum erat massa, vel pretium nisi dignissim dignissim. Suspendisse potenti. Quisque ac posuere justo. Aliquam finibus leo et erat volutpat pellentesque. In consequat convallis bibendum. In diam purus, volutpat ut felis ac, mattis tempus mi. In hac habitasse platea dictumst. Nam id sem iaculis, tincidunt augue sed, tincidunt mi. Sed nulla nisl, mollis quis velit vitae, laoreet condimentum turpis. Proin massa lorem, tempus vitae erat quis, finibus ultrices lorem. Quisque a nisl et nisi bibendum sodales. Quisque consectetur mauris est, vulputate cursus diam aliquam vitae.
Ceci est un titre h3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim.
Ceci est un titre h4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim.
Ceci est un titre h5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim.
Ceci est un titre h6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Un séparateur:
La suite du texte dans le wysiwyg:
Pellentesque ultrices pulvinar massa vitae fringilla. Praesent ut iaculis mi, ut consectetur orci. Nullam bibendum erat massa, vel pretium nisi dignissim dignissim. Suspendisse potenti. Quisque ac posuere justo.
Titre de la colonne principale
Column A
Column Number
Column %
Intitulé de la première ligne
Nom de la catégorie
125
28%
Intitulé de la seconde ligne
Nom de la catégorie
12
70%
Legende
Ecopoint N°5, avenue de La Praille 5 Déchets recyclés : Ordures ménagères, déchets organiques, verre, papier carton, alu, PET, piles, capsules à café
Legende
Ecopoint N°5, avenue de La Praille 5 Déchets recyclés : Ordures ménagères, déchets organiques, verre, papier carton, alu, PET, piles, capsules à café
éééé
Design
Espacement beaucoup trop grand avant le paragraph accordéon (le premier accordéon donc)
Réponse idéative : Convenu lors de la séance les marges de l'entièreté du site seront revues à la fin
Font du titre de l'accordéon à corriger
Réponse idéative : Typo modifiée par Libre-Bodoni
Le titre de l'accordéon ne devrait-il pas être un <hx> plutôt qu'un <div> ?
Réponse idéative : on a mis un h3
Dans le WYSIWYG, interdire les tailles de titres plus grand que le titre de l'accordéon
Réponse idéative : à indiquer dans la charte rédactionnelle
Ajouter des espaces autour des liens dans la liste à puce (problème déjà identifié)
Réponse idéative : corrigé
Ajouter un espacement au sommet des tableaux
Sur une image, rendre optionnel l'affichage des métadonnées (ici la légendre)
Retravaille le design de la légende (italique ? texte centré ?)
Image non centrée contrairement au WYSIWYG (problème déjà identifié)
Réponse idéative : corrigé
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim. Fusce sit amet augue fermentum, viverra lectus a, mollis elit. Nulla convallis accumsan auctor. Nam rhoncus rutrum interdum.
Alignement des liens avec icône et sans icône (problème déjà identifié)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim. Fusce sit amet augue fermentum, viverra lectus a, mollis elit. Nulla convallis accumsan auctor. Nam rhoncus rutrum interdum.
Vignette 1
Ceci est le titre de la première vignette qui devrait être sur deux lignes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim. Fusce sit amet augue fermentum, viverra lectus a, mollis elit. Nulla convallis accumsan auctor. Nam rhoncus rutrum interdum.
Vignette image
Ceci est une vignette avec image
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ante est, laoreet in mattis vitae, blandit ut tellus. Aliquam auctor tempor tortor et venenatis. Nullam at sem at ex luctus sollicitudin sed eget lectus. Sed ante lacus, pretium quis pharetra quis, egestas at enim. Fusce sit amet augue fermentum, viverra lectus a, mollis elit. Nulla convallis accumsan auctor. Nam rhoncus rutrum interdum.
Vignette noire avec image
Je suis toute noire !
Et ne contient presque pas de texte
Vignette 4
C'est moi la plus belle
Bla bla bla ....
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non. Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Pleine largeur
Titre de la Card pleine largeur
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non. Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Catégorie de la Card
Ceci est une autre card pleine largeur
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non. Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Card pleine largeur
Sans image
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non. Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Design
Couleur des lien sur les card noire (problème déjà identifié)
Réponse idéative : comme convenu, il s'agit d'un cas d'utilisation non prévu
Suite à la demande pendant la séance du 21/05, seul le lien du bouton est désormais cliquable, et non plus toute la card
Suppression du troncage automatique sur la card full largeur
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non. Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Liste à puce
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non.
Cras consequat volutpat lacus, imperdiet vestibulum nisi cursus non (exemple1, exemple2, exemple3).
Aliquam mattis pretium lectus non fringilla. Aenean bibendum lacus at viverra accumsan. Proin venenatis non risus sed egestas. Sed ultrices nunc nec purus euismod, sed luctus quam auctor.
Nunc eleifend tortor ac luctus cursus. Maecenas vestibulum nulla dignissim, tempus dolor eu, egestas tellus. Sed dui diam, laoreet sed justo eget, facilisis facilisis lectus. Etiam volutpat facilisis erat in laoreet. Praesent elementum sagittis dictum. Proin ac hendrerit lectus. Fusce non pulvinar nisl. Quisque vehicula orci sit amet ante aliquet viverra. Vivamus finibus mattis sem, id mollis urna luctus non. Phasellus et efficitur elit. Integer in est placerat, volutpat sapien ac, mollis eros. Quisque sollicitudin in leo et venenatis. Cras vulputate tempus leo, at pretium dui. Integer eu convallis velit, vel imperdiet dui. Morbi vel tincidunt sem. Donec accumsan dolor ut vulputate blandit.
Bug
Le formatage dans les listes à puce semble être interprété comme des block plutot que du inline
Réponse Ideative : corrigé
Carouge pour vous
La Ville de Carouge a sélectionné des informations utiles selon plusieurs profils: actualités, contenus d'informations, événements, publications, lieux. Ne passez pas à côté des pages faites pour vous!