Skip to content

Commit

Permalink
refactor: update content for coming soon + contribute section (#400)
Browse files Browse the repository at this point in the history 
* refactor: add updated EN content for coming soon + contribute section

* refactor: add updated FR content for coming soon + contribute section (wip)

* fix: add missing FR content

* refactor: remove status + update margin
  • Loading branch information
@melaniebmn
melaniebmn authored Aug 13, 2024
1 parent f078070 commit 249d33f
Show file tree
Hide file tree
Showing 2 changed files with 77 additions and 145 deletions.
112 changes: 39 additions & 73 deletions src/en/get-involved.md
View file
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
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

0 comments on commit 249d33f

Please sign in to comment.