Accueil

Ceci est un site de démonstration, pré-compilé et généré par Osuny. Il vous permet de découvrir le fonctionnement d'Osuny et de ses blocs. Chaque élément présenté explique sa fonctionnalité. Explorez les pages, découvrez les blocs et inspirez-vous.

Événements

Vous pouvez créer des événements et les afficher sur la page d'accueil. En cliquant sur l'événement, vous ouvrez sa page.

12 août 2025
31 décembre 2026

Ici s'affiche un événement, avec ses dates de début et de fin. L'événement peut être catégorisé, tout comme les actualités. Par exemple, il est ici en distanciel et à destination des adultes. Il dure …

The sun is my only ally

3 février 2024
27 avril 2026

(le soleil est mon seul allié) Facilisi morbi laoreet amet duis iaculis pellentesque mus leo est. Odio curabitur non sed vestibulum aenean. Est neque quam fringilla lectus sit viverra nulla. Ut ut …

Projets

Ceci est un projet

Il est très utile d'utiliser le bloc d'affichage des projets lorsque l'on souhaite réaliser un portfolio.

Appel à action

Ce bandeau permet d'afficher un appel à action. Cela signifie que plusieurs boutons d'actions avec liens externes peuvent être générés. Ici, par exemple, un bouton vous permet de vous diriger vers le site de présentation d'Osuny tandis qu'un autre vous dirige vers la page d'accueil du site exemple.

Blocs

Osuny utilise des blocs pour structurer le contenu. Ces blocs intègrent la responsivité, la sobriété et l'accessibilité.

Qu'est-ce qu'un bloc ?

Les blocs forment le squelette des sites créés avec Osuny. Ils simplifient et rendent accessible l'étape de conception.

Les blocs narratifs

Des outils plus sophistiqués pour articuler et mettre en scène des contenus

Blocs de mise en page

Les pages peuvent être dotées d'une barre latérale contenant la table des matières.

Aide Osuny
ActionRaccourci
Afficher l'outil de débogageCtrl + d
Afficher la grilleCtrl + g
Passer d’une page pleine largeur à une page avec barre latérale, et inversementCtrl + w
Contrôler les dimensions des images chargéesCtrl + i
Ouvre la page en production, si dans config.yaml debug.productionUrl est spécifiéCtrl + p
1
2
3
4
5
6
7
8
9
10
11
12
1 (8px)
2 (12px)
3 (24px)
4 (48px)
5 (64px)
6 (128px)
7 (256px)