Commencer avec Leafy

Bienvenue dans la documentation de Leafy, le framework front-end conçu spécialement pour les logiciels des Campagnes de l'Artois. Cette section vous guidera dans l'installation et la configuration de Leafy pour vos projets.


Intégration dans un projet

Ajoutez Leafy directement dans votre projet en incluant les fichiers CSS et JS dans votre fichier HTML :

<link rel="stylesheet" href="https://leafy.campagnesartois.fr/1.0.0/styles/style.min.css">
<script type="module" src="https://leafy.campagnesartois.fr/1.0.0/js/main.js"></script>

Structure de base

Voici un exemple minimaliste d'un projet utilisant Leafy :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex, nofollow">
    <meta name="author" content="Service Informatique - Campagnes de l'Artois">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Leafy v1.0.0</title>

    <link rel="icon" type="image/x-icon" href="./assets/img/favicon.png">

    <!-- Leafy -->
    <link rel="preload" href="https://leafy.campagnesartois.fr/1.0.0/styles/style.min.css">
    <link rel="preload" href="https://leafy.campagnesartois.fr/1.0.0/js/main.js">

    <link rel="stylesheet" href="https://leafy.campagnesartois.fr/1.0.0/styles/style.min.css">

</head>
<body>
    <h1>Leafy v1.0.0</h1>

    <!-- Leafy -->
    <script type="module" src="https://leafy.campagnesartois.fr/1.0.0/js/main.js"></script>
</body>
</html>