Skip to content

feat: Add topic page templates#59

Draft
ethanWallace wants to merge 5 commits intomainfrom
feat/add-topic-page-templates
Draft

feat: Add topic page templates#59
ethanWallace wants to merge 5 commits intomainfrom
feat/add-topic-page-templates

Conversation

@ethanWallace
Copy link
Contributor

@ethanWallace ethanWallace commented Oct 30, 2024

Summary | Résumé

Add HTML templates of the Topic page.

Pull request only contains English version for now.

Todo:

  • English version dev review
  • Create French version of topic page template
  • Add smaller grid gap sizes on mobile (needs design input ⛔)

<!-- TODO: Replace <version-number> with the latest version number to receive corresponding updates of the GC Design System utility framework. All notable changes will be documented in the changelog: https://github.com/cds-snc/gcds-utility/blob/main/CHANGELOG.md -->
<link
rel="stylesheet"
href="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-utility@1.4.0/dist/gcds-utility.min.css"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we switch out the fixed version number here for @<version-number>? That would be awesome, thanks!

Copy link
Contributor

@melaniebmn melaniebmn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added some comments! It's cool to see another template come to life :)

></script>
<script
nomodule
src="https://cdn.design-system.alpha.canada.ca/@cdssnc/gcds-components@0.26.3/dist/gcds/gcds.js"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Same comment about the fixed version for these 3 links.

columns-tablet="1fr 1fr"
>
<!-- TODO: Update the Featured image -->
<img src="https://dummyimage.com/360x203/000000/FFFFFF.png" alt="" class="img-full">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Debating this in my mind, would it be helpful to have alt text here that says something like "Provide descriptive alt-text for the accompanying image"? We can go either way.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like having this guidance but I think it might be better to add it as a comment above. I fear if it was in the alt attribute, some people would end up leaving it there and only replace the image source.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants