Download the PHP package lesscouts/template-unite without Composer
On this page you can find all versions of the php package lesscouts/template-unite. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download lesscouts/template-unite
More information about lesscouts/template-unite
Files in lesscouts/template-unite
Package template-unite
Short Description Template pour les sites d’unité Les Scouts
License MIT
Informations about the package template-unite
Thème pour les sites d’unité Les Scouts
Les Scouts asbl 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 qui intègrent la charte graphique des Scouts
- les polices recommandées
- nos logos et images d’illustration
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.
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.
Qu’y a-t-il là-dedans ?
Les dossiers sont organisés comme suit :
Dossier | Description |
---|---|
css |
Feuilles de styles CSS compilées à partir des feuilles de styles du dossier scss . |
documentation |
Code source de la documentation du template) |
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 LESS |
Dans 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 ?
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
Télécharger le template
Plusieurs options de téléchargement sont possibles :
- télécharge le fichier zip de la version la plus récente du template
- installe le template dans ton projet avec composer :
composer require lesscouts/template-unite
- installe le template dans ton projet avec npm :
npm add @lesscouts/template-unite
- installe le template dans ton projet avec yarn :
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, …
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
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
Pour démarrer, recopie un exemple de page (voir le dossier exemples/
pour les sources
ou sur https://template.lesscouts.be/) et mets-le à ta sauce ou pars d’une page blanche en recopiant ce squelette HTML :
👉 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
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
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
- propose tes améliorations, améliore la documentation, …
- si tu découvres une faille de sécurité, préviens-nous
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, npm et SASS.
Installer les dépendances
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) :
Pour le développement (source non compressée et source map pour le débogage) :
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) :
Licences
Le code CSS et la documentation du template sont diffusés sous licence MIT.
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 et les icônes Bootstrap sont publiés sous licence MIT et la documentation de Bootstrap est publiée sous licence Creative Commons.
Polices
- Caveat Brush, par Impallari Type, sous licence Open Font
- Housepaint, par NicholasJudy456, gratuite pour un usage non commercial
- Mali, par Cadson Demak, sous licence Open Font
- Muli, par Vernon Adams, sous licence Open Font.
- RobotoMono, par Christian Robertson, sous licence Apache v2.0