Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: update content for coming soon + contribute section #400

Merged
merged 4 commits into from
Aug 13, 2024
Merged

refactor: update content for coming soon + contribute section #400

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e53e05c
refactor: add updated EN content for coming soon + contribute section
melaniebmn Aug 8, 2024
8c704e9
refactor: add updated FR content for coming soon + contribute section…
melaniebmn Aug 12, 2024
76828f6
fix: add missing FR content
melaniebmn Aug 13, 2024
893a2a5
refactor: remove status + update margin
melaniebmn Aug 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
112 changes: 39 additions & 73 deletions src/en/get-involved.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,82 +20,26 @@ Right now, we're testing GC Design System in alpha, the first usable phase of a

We're sharing what we're working on and what we'll work on next. To get updates on GC Design System, sign up for our mailing list through our [Contact form]({{ links.contact }}).

### Coming soon

The next component we're releasing. Keep an eye out!

<div class="my-500">
<gcds-grid tag="ul" columns="1fr" columns-tablet="1fr 1fr" columns-desktop="1fr 1fr 1fr" gap="400">
<gcds-card
card-title="Icon"
type="action"
title-element="h3"
description="A visual cue to help users understand the context."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} Glyphs, Graphic, Symbol.</em>
</small>
</p>
</div>
</gcds-card>
</gcds-grid>
</div>
<hr/>

## How to get involved
<gcds-heading tag="h2" margin-top="300">How to get involved</gcds-heading>

### Contribute to our next priorities

<div class="my-500">
<gcds-grid tag="ul" columns="1fr" columns-tablet="1fr 1fr" columns-desktop="1fr 1fr 1fr" gap="400">
<gcds-card
card-title="Data table"
type="action"
title-element="h3"
description="A way to organize and display large amounts of data in rows and columns."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} table, data grid.</em>
</small>
</p>
</div>
</gcds-card>
<gcds-card
card-title="Image"
type="action"
title-element="h3"
description="An element for displaying optimized responsive visual content."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} picture, responsive image, figure, photo.</em>
</small>
</p>
</div>
</gcds-card>
<gcds-card
card-title="Tag"
type="action"
title-element="h3"
description="A component used for items that need to be labeled, categorized, or organized using keywords that describe them."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} label, badge, pill.</em>
</small>
</p>
</div>
</gcds-card>
</gcds-grid>
<div>
<gcds-heading tag="h4" margin-bottom="0">Icon component</gcds-heading>
<ul class="mb-400">
<li>The icon component displays optimized responsive visual content.</li>
<li><strong>Expected release:</strong> Fall 2024</li>
</ul>
</div>

<div>
<gcds-heading tag="h4" margin-bottom="0">Standard page template</gcds-heading>
<ul class="mb-400">
<li>The standard page template provides the basic layout for Canada.ca web pages.</li>
<li><strong>Expected release:</strong> Fall 2024</li>
</ul>
</div>

Submit your contributions to our next priorities directly in GitHub. If this is your first time using Github - follow these <gcds-link href="{{ links.githubGetStarted }}" external>instructions</gcds-link> to create your account.
Expand All @@ -108,7 +52,29 @@ Provide any of the following for each component or pattern:

<gcds-link href="{{ links.githubCompsPriority }}" external>Contribute to next priorities</gcds-link>

### Report an issue
<hr />

<gcds-heading tag="h2" margin-top="300">Coming soon</gcds-heading>

### Upcoming components

<div>
<gcds-heading tag="h4" margin-bottom="0">Card</gcds-heading>
<ul class="mb-400">
<li>The card component is being enhanced with new features to improve end user and developer experience.</li>
<li><strong>Expected release:</strong> Summer 2024</li>
</ul>
</div>

<div>
<gcds-heading tag="h4" margin-bottom="0">Stepper</gcds-heading>
<ul class="mb-400">
<li>The stepper is being enhanced to provide a clear and organized way to guide people through a multi-step process.</li>
<li><strong>Expected release:</strong> Summer 2024</li>
</ul>
</div>

## Report an issue

Something's not working? Flag the issue to our team through GitHub. If this is your first time using Github - follow these <gcds-link href="{{ links.githubGetStarted }}" external>instructions</gcds-link> to create your account. With an account, you'll have access to all past issues and get updates on progress.

Expand Down
110 changes: 38 additions & 72 deletions src/fr/simpliquer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,82 +20,26 @@ Un système de design ne connaît jamais de fin. Nous sommes déterminés à dé

Nous faisons savoir quels sont nos travaux en cours et quels sont ceux qui s'en viennent. Pour obtenir des mises à jour sur Système de design GC, inscrivez-vous à notre liste d'envoi en utilisant notre [formulaire de contact]({{ links.contact }}).

### À venir

Voici les composants qui s'ajouteront bientôt au système. Restez à l'affût!

<div class="my-500">
<gcds-grid tag="ul" columns="1fr" columns-tablet="1fr 1fr" columns-desktop="1fr 1fr 1fr" gap="400">
<gcds-card
card-title="Icône"
type="action"
title-element="h3"
description="Un repère visuel pour aider les utilisateur·rice·s à comprendre le contexte."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} glyphe, image, symbole.</em>
</small>
</p>
</div>
</gcds-card>
</gcds-grid>
</div>
<hr/>

## Comment s'impliquer
<gcds-heading tag="h2" margin-top="300">Comment s'impliquer</gcds-heading>

### Contribuez à nos prochaines priorités

<div class="my-500">
<gcds-grid tag="ul" columns="1fr" columns-tablet="1fr 1fr" columns-desktop="1fr 1fr 1fr" gap="400">
<gcds-card
card-title="Balise"
type="action"
title-element="h3"
description="Un composant utilisé pour les éléments qui doivent être étiquetés, catégorisés ou organisés à l'aide de mots-clés qui les décrivent."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} étiquette, label.</em>
</small>
</p>
</div>
</gcds-card>
<gcds-card
card-title="Image"
type="action"
title-element="h3"
description="Un élément permettant d'afficher un contenu visuel optimisé et réactif."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} photo, image réactive, figure, photographie.</em>
</small>
</p>
</div>
</gcds-card>
<gcds-card
card-title="Tableau de données"
type="action"
title-element="h3"
description="Une manière d'organiser et d'afficher une grande quantité de données dans des rangées et des colonnes."
role="listitem"
>
<div slot="footer">
<p class="text-secondary">
<small>
<em>{{ documentation[locale].othernames }} tableau, grille de données.</em>
</small>
</p>
</div>
</gcds-card>
</gcds-grid>
<div>
<gcds-heading tag="h4" margin-bottom="0">Composant icône</gcds-heading>
<ul class="mb-400">
<li>Le composant icône affiche un contenu visuel réactif optimisé.</li>
<li><strong>Sortie prévue :</strong> automne 2024</li>
</ul>
</div>

<div>
<gcds-heading tag="h4" margin-bottom="0">Modèle de page standard</gcds-heading>
<ul class="mb-400">
<li>Le modèle de page standard fournit la mise en page de base des pages Web Canada.ca.</li>
<li><strong>Sortie prévue :</strong> automne 2024</li>
</ul>
</div>

Soumettez vos contributions à nos prochaines priorités directement dans GitHub. Si c’est la première fois que vous utilisez GitHub, suivez ces <gcds-link href="{{ links.githubGetStarted }}" external>instructions</gcds-link> pour créer votre compte.
Expand All @@ -108,6 +52,28 @@ Fournissez l'un des éléments suivants pour chaque composant ou bloc réutilisa

<gcds-link href="{{ links.githubCompsPriority }}" external>Contribuer à nos prochaines priorités</gcds-link>

<hr/>

<gcds-heading tag="h2" margin-top="300">À venir</gcds-heading>

### Composants à venir

<div>
<gcds-heading tag="h4" margin-bottom="0">Carte</gcds-heading>
<ul class="mb-400">
<li>Le composant carte est amélioré avec de nouvelles fonctionnalités pour optimiser l'expérience de l'utilisateur final et du développeur.</li>
<li><strong>Sortie prévue :</strong> été 2024</li>
</ul>
</div>

<div>
<gcds-heading tag="h4" margin-bottom="0">Indicateur d'étape</gcds-heading>
<ul class="mb-400">
<li>L'indicateur d'étape est amélioré afin de fournir un moyen clair et organisé de guider les personnes à travers un processus en plusieurs étapes.</li>
<li><strong>Sortie prévue :</strong> été 2024</li>
</ul>
</div>

### Signalez un problème

Quelque chose ne fonctionne pas? Signalez le problème à notre équipe via GitHub. Si c’est la première fois que vous utilisez GitHub, suivez ces <gcds-link href="{{ links.githubGetStarted }}" external>instructions</gcds-link> pour créer votre compte. Avec un compte, vous pourrez voir tous les problèmes (issues) passés et serez informé des progrès accomplis.
Expand Down