Éléments du site web

Cette page présente les éléments de contenu et les composants disponibles sur le site web European Dream.

Elle montre l’apparence des éléments courants (texte, images, citations, listes, shortcodes, etc.) une fois publiés, ainsi que des exemples simples d’utilisation. Aucune connaissance technique n’est requise pour lire ou utiliser cette page.

Note sur l’accessibilité

European Dream considère l’accessibilité comme une valeur fondamentale. Cela signifie que tout contenu publié doit rester lisible, compréhensible et utilisable par le plus grand nombre de personnes possible.

Pour cette raison, les contributeurs sont encouragés à garder à l’esprit quelques principes simples, tels que :

• utiliser des titres clairs et une structure logique
• fournir un texte significatif pour les liens et les images
• éviter les contenus qui reposent uniquement sur la couleur, la mise en page ou les effets visuels pour transmettre un sens

Ces principes contribuent à maintenir le site web inclusif et accueillant pour tous 💚.

Titres

Les titres de premier niveau sont réservés au titre de la page, qui est généré automatiquement. En pratique, cela signifie qu’il faut utiliser des titres de deuxième niveau et inférieurs dans les pages et les articles, le titre de premier niveau devant être unique pour des raisons d’accessibilité.

Titre de deuxième niveau

Titre de troisième niveau

Titre de quatrième niveau

Titre de cinquième niveau

Titre de sixième niveau

Listes

Liste ordonnée

1. Commence par faire ce qui est nécessaire,
2. puis fais ce qui est possible,
3. et soudain tu fais l’impossible.

Liste non ordonnée

• La richesse sans le travail.
• Le plaisir sans la conscience.
• La connaissance sans le caractère.
• Le commerce sans la moralité.
• La science sans l’humanité.
• La religion sans le sacrifice.
• La politique sans les principes.

Tableau

Citations

Nous devrions toujours avoir trois amis dans nos vies — l’un qui marche devant nous, que nous admirons et suivons ; l’un qui marche à nos côtés, qui nous accompagne à chaque étape de notre parcours ; et puis, l’un vers qui nous tendons la main pour l’accompagner après avoir ouvert la voie.

Michelle Obama

> Nous devrions toujours avoir trois amis dans nos vies —
> l'un qui marche devant nous, que nous admirons et suivons ;
> l'un qui marche à nos côtés, qui nous accompagne à chaque étape de notre parcours ;
> et puis, l'un vers qui nous tendons la main pour l'accompagner après avoir ouvert la voie.
>
> <cite>Michelle Obama</cite>

Images

Unsplash

{{< unsplash m6FEp9WVgq8 >}}

Figure

{{< figure
  src="/images/example.jpg"
  alt="Exemple"
  caption="Photo par [Martin Katler](https://unsplash.com/@martinkatler) sur [Unsplash](https://unsplash.com)"
  class="ma0 w-75"
>}}

Personnalisée

Photo par Martin Katler sur Unsplash

![Mer](./images/example.jpg)
_Photo par [Martin Katler](https://unsplash.com/@martinkatler) sur [Unsplash](https://unsplash.com)_

Lien bouton

Un lien bouton stylisé qui gère automatiquement la localisation des langues.

{{< button href="/a-call-to-dream/" text="Lire notre Appel à Rêver" >}}

Le chemin href est automatiquement préfixé avec le code de la langue actuelle (par ex. /fr/a-call-to-dream/ pour le français). Lors de la traduction, gardez le href inchangé et traduisez uniquement le paramètre text.

Intégration YouTube

{{< youtube qXl8XByenME >}}

Intégration Vimeo

{{< vimeo 29594820 >}}