PHPackages lesscouts/template-unite - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. lesscouts/template-unite ActiveLibrary[Templating & Views](/categories/templating) lesscouts/template-unite ======================== Template pour les sites d’unité Les Scouts v1.0-beta.1(4y ago)502[2 PRs](https://github.com/lesscouts/template-unite/pulls)MITHTML Since Mar 31Pushed 3y ago3 watchersCompare [ Source](https://github.com/lesscouts/template-unite)[ Packagist](https://packagist.org/packages/lesscouts/template-unite)[ RSS](/packages/lesscouts-template-unite/feed)WikiDiscussions main Synced 6d ago READMEChangelog (1)DependenciesVersions (2)Used By (0) Thème pour les sites d’unité Les Scouts ======================================= [](#thème-pour-les-sites-dunité-les-scouts) [Les Scouts asbl](https://lesscouts.be/) propose ce thème à l’usage de ses membres pour créer le site de leur unité scoute. Dans ce dépôt, tu trouveras : - des feuilles de styles CSS reposant sur [Bootstrap](https://getbootstrap.com/) qui intègrent la charte graphique des Scouts - les polices recommandées - nos logos et images d’illustration Ton avis nous intéresse ! ------------------------- [](#ton-avis-nous-intéresse-) Tu as pu découvrir et peut-être déjà essayer le template pour ton site d’unité. Cette première mouture s’adresse aux plus bricoleurs, c’est-à-dire la plupart des personnes qui s’occupent déjà du site web d’unité. L’outil répond-il au besoin ? Faut-il aller plus loin ? Dis-le nous ci-dessous. ➡ [Répondre au sondage](https://forms.office.com/r/tQjKg3Tep2) ⬅ Documentation ------------- [](#documentation) Pour savoir comment télécharger le template, l’ajouter à ton site et contribuer, continue la lecture ci-dessous. Si tu veux voir les possibilités offertes par le template et les exemples, [consulte la documentation](https://template.lesscouts.be/). Qu’y a-t-il là-dedans ? ----------------------- [](#quy-a-t-il-là-dedans-) Les dossiers sont organisés comme suit : DossierDescription`css`Feuilles de styles CSS compilées à partir des feuilles de styles du dossier `scss`.`documentation`Code source de la [documentation du template](https://template.lesscouts.be/))`exemples`Quelques exemples de mise en œuvre du template`fonts`Fichiers des polices utilisées par le template`images`Logos et images d’illustration`scss`Feuilles de styles CSS originales au format LESSDans le dossier `css/`, le fichier `base.css` est un fichier compilé qui contient : - le code CSS de Bootstrap v1.5.3. - le code CSS du template Les Scouts ### Pas de Javascript dans le template ? [](#pas-de-javascript-dans-le-template-) Nous n’avons pas inclus le code Javascript de Bootstrap car le template Les Scouts n’ajoute aucune fonctionnalité Javascript. Nous te conseillons donc de charger le code JS de Bootstrap directement depuis un CDN (voir les exemples ou la section *Comment démarrer* ci-dessous). Comment démarrer ---------------- [](#comment-démarrer) ### Télécharger le template [](#télécharger-le-template) Plusieurs options de téléchargement sont possibles : - [télécharge le fichier zip](https://github.com/lesscouts/template-unite/releases/) de la version la plus récente du template - installe le template dans ton projet avec [composer](https://getcomposer.org/) : `composer require lesscouts/template-unite` - installe le template dans ton projet avec [npm](https://www.npmjs.com/) : `npm add @lesscouts/template-unite` - installe le template dans ton projet avec [yarn](https://yarnpkg.com/) : `yarn add @lesscouts/template-unite` - clone le dépôt git : `git clone https://github.com/lesscouts/template-unite.git` 👉 La méthode la plus simple est de télécharger le fichier zip. ### Installer le template pour Wordpress, Drupal, … [](#installer-le-template-pour-wordpress-drupal-) Nous n’avons pas encore prévu de thème clé sur porte pour les CMS grand public. Si tu prépares un site avec une plateforme comme Wordpress, Drupal ou un autre CMS, n’hésite pas à partager ta méthode d’intégration pour aider les autres unités (voir la section « Contribuer au projet » ci-dessous). ### Installer le template pour un site statique [](#installer-le-template-pour-un-site-statique) Si tu as téléchargé le fichier zip, décompresse-le dans un dossier dédié, par exemple `template/` à la racine de ton site. 👍 Ne mélange pas les fichiers de ton site et ceux du template. Ça t’évitera de perdre des cheveux plus tard si tu veux mettre à jour le template. ### Créer ta première page web [](#créer-ta-première-page-web) Pour démarrer, recopie un exemple de page (voir le dossier `exemples/` pour les sources ou sur ) et mets-le à ta sauce ou pars d’une page blanche en recopiant ce squelette HTML : ``` > Squelette minimaliste d’une page ``` 👉 Si tu souhaites créer tes propres classes CSS, crée ton propre fichier CSS et ajoute-le après la déclaration du template Les Scouts. Ceci étendra les paramétrages du template Les Scouts sans toucher au code. C’est une bonne pratique pour faciliter le suivi des mises à jour du template. ### Aller plus loin [](#aller-plus-loin) Si tu as l’esprit joueur ou les compétences pour le faire, tu peux aussi étendre le fichier SCSS du template et le compiler toi-même dans un unique fichier CSS. Regarde la section *Compiler le SCSS en CSS* plus bas pour en savoir plus. Contribuer au projet -------------------- [](#contribuer-au-projet) Le template est une source d’inspiration pour toutes les unités de la fédération. Toi aussi tu peux contribuer au projet : - [signale les bugs](https://github.com/lesscouts/template-unite/issues/) - [propose tes améliorations, améliore la documentation, …](https://github.com/lesscouts/template-unite/pulls/) - si tu découvres une faille de sécurité, [préviens-nous](SECURITY.md) Compiler le SCSS en CSS ----------------------- [](#compiler-le-scss-en-css) Cette section est destinée aux utilisateurs avancés qui ne se contentent pas du fichier CSS fourni avec le template. Tu ne dois compiler le template que si tu contribues au code du template ou si tu veux rassembler Bootstrap, le template Les Scouts et ton code CSS dans un même fichier CSS. Pour cela, tu auras besoin d’installer [Node.js](https://nodejs.org/en/download/), [npm](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) et [SASS](https://sass-lang.com/install). **Installer les dépendances** ``` $ npm install ``` **Compiler les fichiers en CSS** Le fichier `package.json` contient deux scripts pour compiler tous les fichiers du dossier `scss` et produire leur équivalent en CSS dans le dossier `css`. Pour la production (source compressée) : ``` $ npm run compile-prod ``` Pour le développement (source non compressée et source map pour le débogage) : ``` $ npm run compile-dev ``` ### En savoir plus [](#en-savoir-plus) Différents outils permettent de compiler les sources SCSS en CSS. Tu trouveras plus d’infos sur les sites suivants (en anglais) : - [Documentation du langage SASS](https://sass-lang.com/) - [Comment personnaliser Bootstrap](https://getbootstrap.com/docs/5.1/customize/overview/) Licences ======== [](#licences) Le **code CSS et la documentation du template** sont diffusés sous [licence MIT](LICENSE.md). Les **photos d’illustration** présentes dans le template sont la propriété de la fédération Les Scouts asbl et ne peuvent pas être utilisées, diffusées ou modifiées sans autorisation préalable de la fédération Les Scouts asbl. Les **logos Les Scouts, les logos des branches et les illustrations** sont la propriété de la fédération Les Scouts asbl et peuvent uniquement être utilisés par ses membres. Les composants du template fournis par des tiers sont distribués selon leurs licences respectives présentées ci-dessous. Bootstrap --------- [](#bootstrap) [Bootstrap](https://getbootstrap.com/) et les [icônes Bootstrap](https://icons.getbootstrap.com/) sont publiés sous [licence MIT](https://github.com/twbs/bootstrap/blob/main/LICENSE)et la documentation de Bootstrap est publiée sous [licence Creative Commons](https://creativecommons.org/licenses/by/3.0/). Polices ------- [](#polices) - **[Caveat Brush](https://fonts.google.com/specimen/Caveat+Brush)**, par Impallari Type, sous [licence Open Font](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) - **[Housepaint](https://fr.ffonts.net/HousePaint12.font)**, par NicholasJudy456, gratuite pour un usage non commercial - **[Mali](https://fonts.google.com/specimen/Mali)**, par Cadson Demak, sous [licence Open Font](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) - **[Muli](https://www.cufonfonts.com/font/muli)**, par Vernon Adams, sous [licence Open Font](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL). - **[RobotoMono](https://fonts.google.com/specimen/Roboto+Mono)**, par Christian Robertson, sous [licence Apache v2.0](http://www.apache.org/licenses/LICENSE-2.0) ### Health Score 19 — LowBetter than 10% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community10 Small or concentrated contributor base Maturity34 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 1507d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/af155d852dd93b0593a4b16331bc8a9bb02096247e617dbc2d1f0cdaf3455f16?d=identicon)[lesscouts](/maintainers/lesscouts) --- Top Contributors [![ChMat](https://avatars.githubusercontent.com/u/1511740?v=4)](https://github.com/ChMat "ChMat (8 commits)") ### Embed Badge ![Health badge](/badges/lesscouts-template-unite/health.svg) ``` [![Health](https://phpackages.com/badges/lesscouts-template-unite/health.svg)](https://phpackages.com/packages/lesscouts-template-unite) ``` ### Alternatives [mustache/mustache A Mustache implementation in PHP. 3.3k44.6M291](/packages/mustache-mustache)[roots/acorn Framework for Roots WordPress projects built with Laravel components. 9682.1M97](/packages/roots-acorn)[whitecube/nova-flexible-content Flexible Content & Repeater Fields for Laravel Nova. 8053.0M25](/packages/whitecube-nova-flexible-content)[mopa/bootstrap-bundle Easy integration of twitters bootstrap into symfony2 7042.9M33](/packages/mopa-bootstrap-bundle)[limenius/react-bundle Client and Server-side react rendering in a Symfony Bundle 3871.2M](/packages/limenius-react-bundle)[nicmart/string-template StringTemplate is a very simple string template engine for php. I've written it to have a thing like sprintf, but with named and nested substutions. 2101.7M30](/packages/nicmart-string-template) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)