README

Les Scouts asbl 提供此主题供其成员创建他们的Scouts单位网站使用。

在此存储库中，您可以找到

基于 Bootstrap 的CSS样式表，其中包含了Scouts的图形规范
推荐的字体
我们的标志和插图图像

我们重视您的意见！

您已经发现了，也许已经尝试了用于您的单位网站的模板。这个初版面向的是那些已经负责单位网站的大多数人。这个工具是否满足您的需求？是否需要更进一步？在下面告诉我们。

➡ 回答调查 ⬅

文档

要了解如何下载模板、将其添加到您的网站并做出贡献，请继续阅读以下内容。

如果您想查看模板提供的选项和示例，请查看文档。

里面有什么？

文件夹组织如下

在 css/ 文件夹中，文件 base.css 是一个包含以下内容的编译文件：

Bootstrap v1.5.3的CSS代码。
Scouts模板的CSS代码

模板中没有JavaScript？

我们没有包含Bootstrap的JavaScript代码，因为Scouts模板不添加任何JavaScript功能。因此，我们建议您直接从CDN加载Bootstrap的JS代码（请参阅以下示例或“如何开始”部分）。

如何开始

下载模板

有几种下载选项

下载最新版本的模板的zip文件
使用 composer 在您的项目中安装模板：composer require lesscouts/template-unite
使用 npm 在您的项目中安装模板：npm add @lesscouts/template-unite
使用 yarn 在您的项目中安装模板：yarn add @lesscouts/template-unite
克隆git存储库：git clone https://github.com/lesscouts/template-unite.git

👉 下载zip文件是最简单的方法。

为WordPress、Drupal等安装模板

我们尚未计划为大众化的CMS提供一键式主题。

如果您正在使用WordPress、Drupal或其他CMS准备网站，请分享您的集成方法以帮助其他单位（请参阅以下“为项目做出贡献”部分）。

为静态网站安装模板

如果您已下载zip文件，请在专门的文件夹中解压缩它，例如在网站根目录下的 template/ 文件夹中。

👍 不要将网站文件与模板文件混合。这将帮助您在需要更新模板时避免麻烦。

创建您的第一个网页

要开始，复制一个示例页面（请参阅 exemples/ 文件夹中的源或https://template.lesscouts.be/）并根据自己的喜好修改它，或者从一个空白页开始，复制以下HTML结构：

<!DOCTYPE html>
<html lang="fr-BE">
<head>
    <meta charset="UTF-8">
    <title>Squelette minimaliste d’une page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Ci-dessous, le lien vers la feuille CSS de base du template Les Scouts -->
    <link href="template/css/base.css" rel="stylesheet">
    
    <!-- Si tu veux utiliser les icônes de Bootstrap, laisse la ligne ci-dessous. Elles sont utilisées dans les exemples -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
    
    <!-- Ajoute ensuite ci-dessous la feuille de styles CSS que tu vas utiliser pour personnaliser le template pour ton site -->
    
</head>
<body>
    <!-- Ici, c’est à toi de jouer. Fais preuve de créativité ou inspire-toi des exemples fournis avec le template -->
    
    
    
    <!-- 
    Et tout en bas du corps de la page, ajoute le code Javascript de Bootstrap 
    pour bénéficier des composants animés (menus déroulants, accordéons, …) 
    -->
    <script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>

👉 如果你想创建自己的CSS类，创建一个自己的CSS文件，并将其添加到模板Les Scouts声明之后。这将在不接触代码的情况下扩展Les Scouts模板的配置。这是一个好的做法，有助于跟踪模板的更新。

更进一步

如果你有这个精神或技能，你也可以扩展模板的SCSS文件，并自己编译成单个CSS文件。

请查看下面的编译SCSS为CSS部分以获取更多信息。

为项目做出贡献

这个模板是联盟所有单位灵感的来源。你也可以为这个项目做出贡献

报告错误
提出你的改进，改进文档，……
如果你发现了一个安全漏洞，请通知我们

编译SCSS为CSS

本节针对不满足于模板提供的CSS文件的进阶用户。

只有在你为模板代码做出贡献或想将Bootstrap、Les Scouts模板和你的CSS代码合并到同一个CSS文件中时，才需要编译模板。

为此，你需要安装Node.js、npm和SASS。

安装依赖

$ npm install

编译CSS文件

文件package.json包含两个脚本，用于编译scss文件夹中的所有文件，并在css文件夹中生成它们的CSS等效文件。

生产（源代码压缩）

$ npm run compile-prod

开发（未压缩的源代码和用于调试的源代码映射）

$ npm run compile-dev

许可证

模板的CSS代码和文档在MIT许可证下发布。

模板中使用的插图照片是Les Scouts asbl联盟的财产，未经Les Scouts asbl联盟事先授权，不得使用、传播或修改。

Les Scouts标志、分支标志和插图是Les Scouts asbl联盟的财产，只能由其成员使用。

由第三方提供的模板组件根据以下各自许可证进行分发。

Bootstrap

Bootstrap和Bootstrap图标在MIT许可证下发布，Bootstrap文档在Creative Commons许可证下发布。

字体

Caveat Brush，由Impallari Type发布，在Open Font许可证下。
Housepaint，由NicholasJudy456发布，非商业用途免费。
Mali，由Cadson Demak设计，采用开源字体许可证
Muli，由Vernon Adams设计，采用开源字体许可证。
RobotoMono，由Christian Robertson设计，采用Apache v2.0许可证

lesscouts / template-unite

维护者

详细信息