Accroches de page, cartes de lieu, titres et textes.
13 composants dans cette section : 2 viennent de DaisyUI et s'utilisent tels quels, 11 sont maison et vivent dans notre feuille de style. Avant d'en créer un nouveau, vérifie que DaisyUI ne le fait pas déjà — c'est presque toujours le cas.
Contenu de la carte.
Très employé, mais concentré sur 3 projets — et c'est la classe la plus souvent écrasée par du CSS local. Pour un lieu, utiliser `sg-place-card`.
Gratuit, sans inscription.
Les lieux ouverts aujourd'hui près de chez toi, avec leurs horaires à jour.
Le paragraphe d'introduction sous un titre. Une seule idée, en phrases courtes : une bonne part du public ne lit pas le français couramment.
Association loi 1901 dont le siège social est situé à Bordeaux.
Ce site est hébergé par Clever Cloud, dont les serveurs sont dans l'Union européenne.
Le conteneur d'un texte rendu depuis un fichier Markdown — mentions légales, CGU, politique de confidentialité. La feuille habille les titres, paragraphes, listes et tableaux : le contenu ne porte aucune classe, et aucun composant n'a de style à lui. Réservé aux textes de `packages/legal`, pas aux pages éditoriales.
Des lieux d'accueil, des repas, des douches, un accompagnement — gratuits et sans inscription.
La bande d'accueil en haut d'une page : titre, phrase d'explication, action principale. C'est le premier écran que voit quelqu'un qui arrive depuis un moteur de recherche, et souvent le seul qu'il lira avant de décider s'il reste.
Le titre de l'accroche. C'est un vrai `h1` : le premier repère d'un lecteur d'écran, et le signal le plus fort pour les moteurs de recherche.
Des lieux rafraîchis, ouverts aujourd'hui, près de chez vous.
La phrase qui explique la page en une ligne. Écrite simplement : une bonne part du public ne lit pas le français couramment.
La rangée de boutons sous l'accroche. Une seule action principale, le reste en secondaire.
L'information pour les personnes en situation de précarité.
Variante de l'accroche avec une photo de fond — il en existe une par pays dans les assets. Un voile est appliqué par-dessus l'image : sans lui, le texte devient illisible dès que la photo est claire à cet endroit.
La restitution d'un lieu dans une liste de résultats. Seul le titre est cliquable : une carte entièrement cliquable rend la sélection du texte impossible et brouille la navigation au clavier.
Le nom du lieu, et le seul élément cliquable de la carte.
Ville, distance, informations secondaires. Toujours sous le titre.
Une catégorie ou un thème. Décoratif : ne porte jamais une information qui n'existe pas ailleurs en texte.