title | altLangPage | dateModified | description | lang |
---|---|---|---|---|
GCWeb, le thème WET-BOEW de Canada.ca |
home.html |
2021-08-06 |
Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb. |
fr |
{::nomarkdown}
Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
Télécharger le thème GCWeb v9.5.0
({{ page.dateModified | %F }} - Note de version)
- GCWeb v5 Summary and others technical notes
(En anglais seulement) - Implementing GCWeb
(En anglais seulement) - Composants
- Gabarit
- Fonctionalité méli-mélo
- Thématique promotionel du GC (en anglais seulement)
- Sites et fonctionalité général
Vous avez trouvé des problèmes d'implémentation par rapport au C&AI ou vous désirez contribuer au dévelopement, faites nous le savoir en soumettant une requête GCWeb, en envoyant une pull request ou en participant à un de nos code sprint hedbomadaire à chaque mardi.
{% assign page_group = site.data.i18n.page_group[ page.lang ] %} {% assign comp_status = site.data.i18n.component_status[ page.lang ] %}
-
{% assign components = site.data.components %}
{% for component in components %}
{% assign list-pages = component.pages %}
- {{ component.title[ page.lang ] }} (État: {{ comp_status[ component.status ] | default: "Non définie" }})
-
{% for pgGroup in list-pages %}
{% assign grpkey = pgGroup[0] %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
-
{% assign examples = pgGroup[1] | where: "language", page.lang %}
{% for example in examples %}
{% if example.path %}
- {{ example.title }} {% elsif example.url %}
- {{ example.title }} {% else %}
- {{ example.title }} {% endif %} {% endfor %}
{% endfor %}
{% endfor %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
-
{% for template in site.data.templates %}
{% assign list-pages = template.pages %}
- {{ template.title[ page.lang ] }} (État: {{ comp_status[ template.status ] | default: "Non définie" }})
-
{% for pgGroup in list-pages %}
{% assign grpkey = pgGroup[0] %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
-
{% assign examples = pgGroup[1] | where: "language", page.lang %}
{% for example in examples %}
{% if example.path %}
- {{ example.title }} {% elsif example.url %}
- {{ example.title }} {% else %}
- {{ example.title }} {% endif %} {% endfor %}
{% endfor %}
{% endfor %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
Consulter la page dédié aux fonctionalité méli-mélo
-
{% for item in site.data.sites %}
{% assign list-pages = item.pages %}
- {{ item.title[ page.lang ] }} (État: {{ comp_status[ item.status ] | default: "Non définie" }})
-
{% for pgGroup in list-pages %}
{% assign grpkey = pgGroup[0] %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
-
{% assign examples = pgGroup[1] | where: "language", page.lang %}
{% for example in examples %}
{% if example.path %}
- {{ example.title }} {% elsif example.url %}
- {{ example.title }} {% else %}
- {{ example.title }} {% endif %} {% endfor %}
{% endfor %}
{% endfor %}
- {{ page_group[ grpkey ] | default: "Groupe inconnu" }}
Aperçu des fonctionnalités wet-boew
{:/}- GCWeb theme - Meta information (en anglais seulement)
- Quick implementation guide - GCWeb theme (en anglais seulement)
- Migration instruction - GCWeb theme V5 (en anglais seulement)
- Archivé - Documentation GCWeb
- Archivé - Version
- Skeleton - Static header/footer - Bootstrap 3 (en anglais seulement)
- Prototype skeleton - Static header/footer - Bootstrap 4 (en anglais seulement)
Évaluations et rapports
- 1 - Accessibility assessment as 2018-11-14 (en anglais seulement)
- 2 - Regression user acceptance testing as 2018-11-16 (en anglais seulement)
Install NodeJS
- Build a local development version:
grunt
orgrunt debug
- Run code quality check:
grunt test
- Build production files:
grunt dist
- Compile and assemble méli-mélo:
- Run local:
grunt méli-mélo
- Run from compiled dist:
grunt méli-mélo-runLocal
- Run from wet-boew sites :
grunt méli-mélo-remote
- Run local:
- Regenerate site web content:
grunt site-contents
_data/components.json
_data/sites.json
_data/templates.json
_wetboew-demos/**
Ensure that you have builded GCWeb first
After your are running docking container or the docker composer you will be able to access your local website at: http://localhost:4000
Build Dockerfile locally
docker build -t jekyll-with-env-options .
Run your image
grunt debug
docker run -it --rm -v "$PWD":/usr/src/app -p "4000:4000" --env JEKYLL_OPTIONS='--config _config.yml,_localJekyll.yml' jekyll-with-env-options
This version leverage the remote theme wet-beoew/gcweb-jekyll. This equivalent if you run with gh-pages through your own GCWeb repository.
docker-compose up
Install ACT - https://github.com/nektos/act
Github fork needed:
- wet-boew/gcweb
- wet-boew/gcweb-jekyll
- wet-boew/gcweb-compiled-demos
- wet-boew/themes-dist
- wet-boew/themes-cdn
Run the continuous deployment script
act -f deploy-gcweb -s my_token=<XXXXXXXXXXXXXX> -s my_username="<GITHUB USERNAME>" - my_email="<GITHUB HANDLE>@users.noreply.github.com" -a <GITHUB HANDLE>
Where:
<GITHUB USERNAME>
: Your name, like "John Doe"<GITHUB HANDLE>
: Your github id<XXXXXXXXXXXXXX>
: Your personal access token with access to public repository
You can make a commit to your site and it will get regenerated with the latest version of the jekyll theme. Alternatively, the following curl command will told github to regenerate your site.
curl -u <GITHUB HANDLE>:<XXXXXXXXXXXXXX> -X POST https://api.github.com/repos/<GITHUB HANDLE>/<GITHUB REPOSITORY>/pages/builds
Where:
<GITHUB HANDLE>
: Your github id<XXXXXXXXXXXXXX>
: Your personal access token with access to public repository<GITHUB REPOSITORY>
: Your web site github repository, like "jekyll-website"
Note: A manual update is required if you have specified a version for your jekyll remote theme in your config.yml
file.